Hoeveel kolommen gebruik je in een grid?
Twaalf kolommen is de gangbare keuze. Niet omdat twaalf mooi is, maar omdat het deelbaar is door twee, drie, vier en zes.
Daarmee kun je halve, derde, kwart en zesde breedtes maken zonder te rekenen met restjes.
Vrijwel elke paginabouwer en elk vormgevingsframework gebruikt daarom twaalf.
Waarom niet tien of zestien
Tien deelt niet door drie, en een indeling in drieën is een van de meest gebruikte. Zestien deelt weer niet door zes.
Twaalf is de kleinste die alle gangbare verdelingen aankan. Meer daarover lees je bij design system.
De ruimte ertussen
Belangrijker dan het aantal kolommen. Kies één afstand en gebruik die overal, ook tussen je rijen.
Wisselende afstanden zijn de meest voorkomende bron van onrust.
Op kleinere schermen
Daar gebruik je er minder: zes op een tablet, vier of twee op een telefoon. Of je laat alles onder elkaar vallen.
Meer daarover lees je bij hoe een grid zich aanpast op mobiel.
Mijn vuistregels
- Twaalf kolommen op een groot scherm.
- Eén vaste ruimte tussen kolommen én rijen.
- Beperk je tot een handvol verdelingen: hele, halve, derde, kwart.
- Leg die verdelingen vast, zodat iedereen dezelfde gebruikt.
Die derde voorkomt een site met zeventien verschillende kolombreedtes.
De maximale breedte
Laat je grid niet oneindig meegroeien. Boven ongeveer twaalfhonderd pixels wordt lopende tekst te breed om prettig te lezen.
Zet een grens en centreer wat daarbinnen valt. Meer daarover lees je bij breakpoint.
Bij een eenvoudige site
Dan heb je aan een enkele kolom met een maximale breedte al genoeg. Niet elke site heeft twaalf kolommen nodig.
Meer daarover lees je bij of je een grid nodig hebt.