Sommige sites voelen meteen verzorgd, zonder dat je kunt benoemen waarom. Andere ogen rommelig, ook al staat er niets fout. Vaak zit het verschil in iets dat je niet ziet: een grid. Een onzichtbaar raster waarop alle elementen netjes zijn uitgelijnd. Het is een van de oudste trucs uit de grafische vormgeving, en op het web werkt het net zo goed.

Wat een grid doet

Een grid verdeelt de pagina in een aantal denkbeeldige kolommen. Tekst, beelden en knoppen lijnen daarop uit, zodat ze keurig onder en naast elkaar staan. Het oog houdt van die orde, ook al merk je het niet bewust. Alles wat netjes is uitgelijnd, oogt rustig; alles wat een paar pixels schuift, oogt slordig.

Uitlijning is gratis kwaliteit

Het mooie aan een grid is dat het niets kost behalve aandacht. Door elementen consequent uit te lijnen, ziet je site er meteen professioneler uit, zonder dure beelden of effecten. Het verschil tussen amateur en vakwerk zit vaak puur in die strakke uitlijning.

Een grid zie je nooit, maar je voelt altijd wanneer het ontbreekt. Orde maakt rust, en rust wekt vertrouwen.

Ruimte als onderdeel van het raster

Een goed grid gaat niet alleen over waar dingen staan, maar ook over de ruimte ertussen. Gelijke afstanden tussen secties, kaarten en kolommen geven een pagina ritme. Wisselende, willekeurige tussenruimtes maken het beeld onrustig, ook al staat alles op zich keurig.

Soepel meebewegen op mobiel

Op een smal scherm vallen de kolommen onder elkaar in plaats van naast elkaar. Een doordacht grid regelt dat netjes, zodat de pagina op een telefoon net zo verzorgd oogt als op desktop. Zonder grid wordt die overgang vaak een rommeltje van losse stukken.

Durf het raster te breken

Een grid is een hulpmiddel, geen keurslijf. Soms maakt juist een element dat bewust buiten het raster valt, een pagina levendiger. Het verschil zit in opzet: een doelbewuste afwijking valt op een goede manier op, terwijl een toevallige scheve uitlijning gewoon slordig oogt.

Wil je een site die vanzelf rustig en verzorgd oogt? Neem contact op.

Verder lezen: De kracht van witruimte · Consistentie in design