Iconen zijn een krachtig hulpmiddel in digitale communicatie. Je kunt ze ondersteunend gebruiken om tekst of woorden te verduidelijken, maar ook prominent inzetten als visueel element.
Illustratief versus functioneel
Binnen de Vlaamse overheid gebruiken we een uniforme stijl aan iconen, onderverdeeld in twee sets:
- Illustratieve iconen: Deze iconen worden als afbeeldingen gebruikt en bevatten veel details.
- Functionele iconen: Deze iconen ondersteunen de gebruikerservaring in digitale toepassingen.
Illustratieve iconen
Illustratieve iconen zijn gedetailleerde afbeeldingen die het best tot hun recht komen in grotere formaten. Gebruik ze niet kleiner dan 40 px om de details goed zichtbaar te houden.
Functionele iconen
Functionele iconen worden gebruikt in websites en digitale toepassingen voor acties zoals een vinkje voor bevestiging, een pijltje om een lijst in- of uit te klappen.
Deze iconen zijn beschikbaar als vectoriële bestanden. Zo behouden ze hun kwaliteit in verschillende groottes en kunnen in verschillende kleuren worden toegepast. Ze zijn geoptimaliseerd voor kleine afmetingen en worden idealiter niet groter dan 64 px getoond.
Voorbeeld van de icon component
Combineer iconen met tekst
Iconen zijn krachtige visuele hulpmiddelen die de aandacht trekken en snel herkenbaar zijn. Ze helpen gebruikers om elementen te onderscheiden, maar zijn op zichzelf vaak niet duidelijk genoeg. De interpretatie van een icoon kan verschillen per gebruiker.
Daarom werken iconen het best in combinatie met tekst. Samen versterken ze de boodschap en zorgen ze voor een duidelijke communicatie.
Nieuwe iconen nodig?
We zijn voortdurend bezig met het uitbreiden en onderhouden van deze set. Heb jij of je team nieuwe iconen nodig voor je product?
Development
Meer informatie en documentatie omtrent iconen kan je terugvinden in Storybook.