Een iconenstijl kiezen die bij je merk past

Iconen zijn handig: een klein symbool vat in één oogopslag samen wat anders een zin zou kosten. Maar precies omdat ze zo makkelijk te vinden zijn, ontstaat er vaak een allegaartje. Een dik icoon naast een dun, een gevuld symbool naast een lijntekening. Dat valt op, en niet op de goede manier. De stijl van je iconen vraagt net zo veel aandacht als de iconen zelf.

Één stijl, consequent

Het belangrijkste is dat al je iconen uit dezelfde familie komen. Gelijke lijndikte, gelijke hoekvorm, gelijke mate van detail. Dan vormen ze samen een rustig geheel. Pluk je ze van overal vandaan, dan oogt het rommelig, ook al is elk icoon op zich mooi. Kies daarom liever één set en blijf daarbij.

Pas de stijl aan je merk aan

Dunne, ronde iconen voelen vriendelijk en licht. Stevige, hoekige iconen voelen krachtig en zakelijk. De stijl die je kiest moet aansluiten bij de rest van je ontwerp en bij wat je uitstraalt. Een speels merk met strenge iconen voelt net zo vreemd als een strak merk met grappige plaatjes.

Een icoon dat je moet uitleggen, is geen goed icoon. Begrijpelijkheid wint het altijd van origineel.

Iconen ondersteunen, ze vervangen niet

Een icoon zonder woord is vaak een raadsel. Een tandwiel kan instellingen betekenen, maar ook techniek of onderhoud. Zet er een kort label bij, dan twijfelt niemand. Iconen zijn bedoeld om tekst te versterken en sneller vindbaar te maken, niet om hem te vervangen.

Niet te veel

Als alles een icoon krijgt, valt niets meer op. Gebruik ze waar ze echt helpen: bij een rijtje voordelen, een stappenplan of een contactblok. Een pagina vol symbolen wordt net zo vermoeiend als een pagina vol uitroeptekens. Spaarzaam gebruik houdt ze krachtig.

Let op het formaat

Kleine iconen moeten ook klein nog leesbaar zijn. Te veel detail verdwijnt op een telefoonscherm tot een vlekje. Kies iconen die helder blijven op het formaat waarop je ze echt gebruikt, en test dat op een klein scherm voordat je tevreden bent.

Wil je een verzorgde, consistente iconenstijl op je site? Neem contact op.

Verder lezen: Beeld en iconen · Consistentie in design