Un sistem de grilă împarte o pagină în coloane și rânduri care ghidează locul în care merge conținutul. Acesta aduce ordine în aspect. Designerul elvețian Josef Müller-Brockmann a codificat principiile grilei în anii 1960, iar cartea sa Grid Systems in Graphic Design rămâne o referință standard. Ziarele, revistele și site-urile web se bazează pe grile, deși le utilizează în mod diferit.

O grilă tipică are coloane, margini și ghișee. Coloanele conțin conținut. Marginile separă coloanele. Marginile încadrează pagina. O grilă cu 12 coloane este comună pe web, deoarece împarte uniform în jumătăți, treimi, sferturi și șesimi. Designerii pot extinde mai multe coloane pentru conținut mai amplu sau pot utiliza o singură coloană pentru text îngust. Grila nu dictează designul. Oferă o structură pe care designerul o poate urma, îndoi sau rupe în mod deliberat.

Componente ale grilei

• Coloane: benzi verticale pentru conținut.
• Jgheaburi: goluri dintre stâlpi.
• Margini: marginile exterioare ale machetei.
• Grilă de bază: linii orizontale pentru alinierea textului.

Ruperea grilei poate fi puternică. O imagine cu sângerare completă care ignoră coloanele atrage atenția tocmai pentru că încalcă structura. Dar ruperea funcționează doar dacă grila este suficient de puternică pentru a fi simțită.