Witruimte is de lege ruimte in een ontwerp: de gaten tussen alinea’s, de marges rond een knop, de ruimte rond een logo. Soms heet het negatieve ruimte, en het is net zo goed een ontwerpkeuze als de dingen die je daadwerkelijk ziet. Lege ruimte is geen verspilde ruimte. De merken die je het meest vertrouwt, gebruiken er meestal juist veel van.
Denk aan een museum. Eén schilderij aan een grote kale muur trekt je blik en voelt waardevol. Prop tien schilderijen op diezelfde muur en elk vecht met de rest om aandacht. Witruimte doet hetzelfde op een scherm: het isoleert wat ertoe doet, zodat een bezoeker weet waar hij moet kijken. Kijk naar de homepage van Apple of Stripe en je ziet één kop, één productbeeld en een zee van rust eromheen. Het werkt samen met goede typografie, want de regelafstand en de ruimte tussen tekstblokken bepalen hoe prettig een pagina leest.
Er zijn twee soorten die je moet kennen. Macro-witruimte is het grote werk, zoals de marges rond een hele sectie. Micro-witruimte is het kleine werk, zoals de ruimte binnen een knop of tussen lijstitems, wat dicht tegen padding aan ligt. Allebei verschuiven als het scherm verandert, dus ruimte plan je samen met responsive design en niet pas op het eind. Op een smalle telefoon trek je de gaten iets aan, maar je haalt ze er nooit helemaal uit, anders wordt de pagina een muur van tekst waar niemand doorheen komt.
Bij TopDevs zetten we witruimte bewust in bij elke layout die we bouwen, want de juiste hoeveelheid lucht is vaak precies wat een site professioneel en prettig in gebruik maakt.
