Skip to main content

Hoe pas ik het design van de app aan?

  • 1 June 2023
  • 0 reacties
  • 163 Bekeken

In dit artikel wordt uitgelegd hoe je het design van de (fitness) app kunt aanpassen. Zo kun je onder andere je eigen logo uploaden, aangepaste kleurschema's gebruiken en de achtergrond foto aanpassen.
 

 

Fitness App aanpassen


Bewerk je mobiele app design

 

  1. Ga naar “Systeeminstellingen” linksonder in het menu.
  2. Klik op “Mobiele app design” onder het kopje “Essentiële zaken.”
  3. Wijzig de header- en accent kleuren.
    De velden voor de kleur van de kop tekst (header kleur) biedt de mogelijkheid om een kleurverloop toe te voegen aan de kop tekst. Als je geen kleurverloop wilt, selecteer je dezelfde kleur voor beide velden.
  4. Wijzig het logo van de app.
    Houd je aan de aanbevolen afmetingen die op de pagina worden getoond.
  5. Sla de aanpassingen op door op “Styling opslaan” te klikken.
     

Personaliseer je startscherm

 

Dit is het eerste scherm dat leden in de app zien. Bouw je eigen gepersonaliseerde startscherm en publiceer deze direct in de app!

  1. Verander de header-achtergrond.
    Upload een afbeelding (768x461) of selecteer "Kleur.” Wanneer je kleur hebt gekozen zal het systeem automatisch de hierboven gekozen "Header kleur 2” gebruiken. Mocht je geen van beiden willen, selecteer dan "Geen.” In dat geval zal het vak transparant blijven.
  2. Verander de hoofdachtergrond.
    Upload een afbeelding (1152x2048) of selecteer "Kleur.” De afbeelding/kleur zullen worden weergegeven als achtergrond van de tegels.
  3. Kleur overlay en tegel details.
    Wanneer je een afbeelding als achtergrond gebruikt, krijg je naast de optie om een kleur te selecteren ook de optie om een kleurentransparantie percentage te selecteren. 

Andere details die je kunt wijzigen zijn:

  • Tekstschaduw: een balk die wordt weergegeven achter tegelnamen
  • Tegelvorm
  • De kleur van de tegelomtrek / rand
  • Tekstuitlijning van tegelnamen
     
  1. Sla de aanpassingen op door op '”Styling opslaan” te klikken.
Geen reactie

Reageer


.main-menu-list.main-menu-list--quiclinks { display: none; }