Waarom is witruimte belangrijk?
Heb je soms dat je een ontwerp ziet (een kaartje, social post, website of iets anders) en het gevoel hebt dat het onoverzichtelijk is en bijna benauwend? Witruimte, ook wel negative space genoemd, is één van de belangrijkste onderdelen van een goed design. In deze blog leg ik je uit waarom het zo belangrijk is en hoe je het toepast.
Wat is witruimte?
De witruimte is letterlijk de ruimte in je ontwerp waar niets staat. Dit betekent overigens niet dat altijd letterlijk wit moet zijn, maar het is de ruimte waar geen tekst, afbeeldingen of vormen staan. Het is een soort ademruimte tussen verschillende componenten in je ontwerp, waardoor het mooi rustig oogt. Je kunt het zien als de spaties tussen de woorden. Schrijfjeallesaanelkaardanishetheelmoeilijkleesbaar ;-).
Waarom is witruimte zo belangrijk?
Ten eerste brengt het rust en overzicht. Zoals je net zag, staat het heel onrustig als alles te dicht op elkaar staat. Het voelt vol en benauwend aan. Witruimte zorgt voor de structuur en maakt het fijn voor het oog. Door deze ruimte tussen verschillende elementen, help je de kijker stap voor stap door je ontwerp of webpagina heen. Daarnaast zorgt witruimte ervoor dat de aandacht automatisch gaat naar de onderdelen die er écht toe doen, zoals een titel, afbeelding of knop. Ook de leesbaarheid van tekst verbetert enorm wanneer er genoeg witruimte is tussen regels, alinea’s en rondom de tekst. Een lange, volle lap tekst die ook nog te dicht op de rand staat, kan benauwend aanvoelen. Witruimte laat je ontwerp dus als het ware ademen.
Maar hoe pas je witruimte dan toe?
Het lijkt heel makkelijk. Gewoon een paar ‘enters’ toevoegen aan je tekst en klaar! Maar het ligt iets genuanceerder, probeer deze stappen toe te passen.
1. Durf weg te laten
Niet alles hoeft gevuld. Het kan rommelig overkomen en druk ogen. Hierdoor wordt de leesbaarheid minder en vervalt de focus op de boodschap. Laat ruimte om je belangrijkste elementen.
2. Let op marges en regelafstanden
Zorg dat de ruimte tussen verschillende onderdelen consistent is. Verschillende marges zorgen juist weer voor een onrustig beeld. Zorg voor voldoende afstand van de rand en zorg voor een fijne regelafstand voor een goede leesbaarheid.
3. Test het eens zwart-wit
Als je je ontwerp in zwart-wit bekijkt, leiden de kleuren niet meer af en wordt het snel duidelijk of er voldoende rust in je ontwerp zit. Daarnaast moet het ook duidelijk blijven waar de focus op ligt. Lijkt het op een grote grijze brij? Dan is het belangrijk je witruimte nog eens te overdenken.
4. Lettertype en grootte
De witruimte in tekst kan een enorm verschil maken in leesbaarheid. Kies voor een niet te groot lettertype, een lettertype dat goed leesbaar is, een goede regel- én letterafstand en maak een beperkte keuze in lettertypes. Meer dan twee lettertypes per ontwerp kunnen snel zorgen voor drukte en onduidelijkheid.
Voorbeelden van witruimte
Hieronder zie je twee voorbeelden van dezelfde tekst. Op de eerste afbeelding zie je een goed uitgelijnde tekst met voldoende witruimte en dat oog als een goed leesbaar geheel. De tweede afbeelding bevat precies dezelfde tekst. Door slecht gebruik van witruimte rondom, tussen en in de tekst wordt het ineens een stuk slechter leesbaar. Ook het gebruik van hoofdletters en verschillende lettertypes verminderen de leesbaarheid.
Conclusie
Witruimte is belangrijk voor rust in je ontwerp of website. Het is geen kwestie van een paar ‘enters’ toevoegen, het hangt samen met verschillende aspecten in je ontwerp.
