App-branding

Verander het uiterlijk van je app zodat deze aansluit bij je huisstijl en kleurenschema.

Je logo is altijd zichtbaar in de ledenapp en de backend. Zorg ervoor dat het logo er in beide goed uitziet. Meestal werkt een png-afbeelding het beste. Soms resulteert het schalen van grote afbeeldingen in suboptimale kwaliteit. Probeer een afbeelding met een lagere resolutie te uploaden om te zien of dat het probleem oplost.

Upload je logo:

  • Ga naar “Algemene instellingen” op de pagina “Instellingen”.
  • Klik op het “Potlood” pictogram naast het logo
  • Selecteer het afbeeldingsbestand van het logo met het verkennervenster
  • Klik op “Openen”

De volgende afbeeldingsformaten worden ondersteund: JPEG, PNG, GIF, Animated GIF, WebP, Animated WebP, BMP en WBMP. Meestal is PNG geschikt voor een logo van hoge kwaliteit met een kleine opslagruimte. Het minimaliseren van de bestandsgrootte vermindert de laadtijd van de afbeelding, dus vermijd het gebruik van een onnodig groot/gedetailleerd logo.

Kleuren

Stel de highlight en lowlight kleuren in die passen bij het kleurenschema van je merk/bedrijf.

  • De lowlight kleur bepaalt de bovenkant/zijbalk in de app, meestal werkt een donkere kleur het beste. Je logo wordt bovenop de balk getoond, dus het is belangrijk dat er voldoende contrast is tussen het logo en de lowlight kleur.
  • De highlight kleur wordt in de leden- en backend app gebruikt om bepaalde elementen (bijv. geselecteerde datum of locatie) te markeren. Afhankelijk van de helderheidsinstelling (zie hieronder) wordt de highlightkleur weergegeven op een witte of donkergrijze achtergrond. Zorg ervoor dat je test of de geselecteerde highlight kleur voor beide werkt.

Om een kleur te veranderen:

  • Ga naar “Algemene instellingen” op de pagina “Instellingen”.
  • Klik op het “Potlood” pictogram naast de kleur die je wilt veranderen
  • In het kleurselectie dialoogvenster heb je de mogelijkheid om:
    • De hexcode van de kleur direct in te voeren, of
    • Een basiskleur selecteren met de buitenste ring en deze verfijnen met het middelste vierkantje
  • Klik op “Opslaan” (of “Annuleren” om de wijzigingen te negeren)

Heb je al een specifieke kleur die je wilt gebruiken, maar niet de hexcode daarvan?

  • Als je de kleur kent in een andere kleurnotatie (zoals rgb), reken hem dan om naar hex met een kleurcode converter →
  • Als je alleen een afbeelding hebt, gebruik dan een programma dat een ‘kleurenkiezer’ bevat, zoals Microsoft PowerPoint om de kleurcode te verkrijgen.

Naast deze kleuren is het uiterlijk van je app sterk afhankelijk van de kleuren die je gebruikt voor de sessietypen. Door deze kleuren af te stemmen op de highlight en lowlight kleuren in een samenhangend ‘kleurenschema’ ziet je app er veel beter uit. Heb je inspiratie nodig voor kleuren die elkaar mooi aanvullen? Een goede manier om suggesties te krijgen is My Color Space →

Helderheid

Stel de standaard helderheid in die je je app wilt geven:

  • Licht: De app wordt standaard in de ’lichte modus’ getoond, een witte achtergrond met zwarte tekst.
  • Donker: De app wordt standaard in de ‘donkere modus’ getoond, een donkergrijze achtergrond met witte tekst.
  • Gebaseerd op systeem: De app zal de apparaatinstellingen controleren en de helderheidsinstelling (donker of licht) afstemmen op het apparaat van de gebruiker.

Wijzig de helderheidsinstelling:

  • Ga naar “Algemene instellingen” op de pagina “Instellingen”.
  • Klik op het pictogram “Potlood” naast de instelling “Donker/lichtstand”
  • Selecteer de gewenste instelling door op het pictogram te klikken
  • Klik op het “Opslaan” pictogram
← Betalingen innen
Leden/ medewerkers import →