Welke middelen gebruik je voor nadruk?
Voor nadruk heb je vijf middelen: grootte, ruimte, kleur, contrast en positie. Ruimte werkt het best en wordt het minst gebruikt.
Gebruik er hooguit twee tegelijk.
Meer maakt je pagina schreeuwerig in plaats van duidelijk.
Grootte
Het meest voor de hand liggende middel. Werkt goed bij koppen, minder bij knoppen.
Meer daarover lees je bij typografie.
Ruimte
Een element met veel wit eromheen valt op zonder groot te zijn. Dit is het middel dat je pagina rustig houdt.
Meer daarover lees je bij design system.
Kleur en contrast
Eén accentkleur voor je belangrijkste actie. Gebruik je die kleur ook elders, dan werkt hij niet meer.
Meer daarover lees je bij ui.
Mijn vuistregels
- Hooguit twee middelen tegelijk.
- Ruimte als eerste keuze.
- Eén accentkleur, alleen voor je hoofdactie.
- Nooit alleen kleur.
Die laatste is een toegankelijkheidsregel: kleurenblinde bezoekers missen het verschil.
Positie
Wat bovenaan en links staat, wordt het eerst gezien in westerse leesrichting. Dat is gratis nadruk.
Meer daarover lees je bij accessibility.
Wat je niet gebruikt
Onderstreping, want dat leest als een link. En hoofdletters voor hele zinnen, want die lezen slecht.
Meer daarover lees je bij waarom alles vetgedrukt niet werkt.
Wat ik in de praktijk zie misgaan
Nadruk wordt bijna altijd te veel gebruikt, en dan doet hij precies het tegenovergestelde.
Het klassieke geval is een pagina waar iemand achteraf het belangrijkste heeft willen aanwijzen. Een zin vetgedrukt, een alinea in een kader, een knop in een felle kleur, een kop in hoofdletters. Elk onderdeel roept om aandacht, en het resultaat is dat je oog nergens houvast vindt.
Als alles opvalt, valt niets meer op. Dat is geen kwestie van smaak maar van hoe kijken werkt.
Wat ik in zo’n geval doe is eerst weghalen in plaats van toevoegen. Per scherm mag één ding het duidelijkst zijn, en de rest schikt zich daarnaar.
Meestal blijkt de rustigste versie ook de overtuigendste, en is er geen extra middel meer nodig. Ruimte doet het werk dan al, en die kost niets.
Meer daarover lees je bij whitespace.