Siatka to strukturalna struktura linii służąca do wyrównywania elementów projektu. Dzieli stronę na kolumny, wiersze i marginesy, dając projektantowi system do rozmieszczania treści. Szwajcarski projektant Josef Müller-Brockmann skodyfikował zasady siatki w latach 60. XX wieku, a jego książka „Grid Systems in Graphic Design” pozostaje standardowym źródłem wiedzy. Gazety, czasopisma i strony internetowe wykorzystują siatki, choć w różny sposób.

Typowa siatka składa się z kolumn, odstępów między kolumnami i marginesów. Kolumny zawierają treść. Odstępy między kolumnami oddzielają kolumny. Marginesy wyznaczają ramę strony. Siatka 12-kolumnowa jest popularna w internecie, ponieważ dzieli się równomiernie na połowy, trzecie, czwarte i szóste części. Projektanci mogą rozciągnąć wiele kolumn, aby uzyskać szerszą treść, lub użyć pojedynczej kolumny, aby uzyskać węższy tekst. Siatka nie dyktuje projektu. Zapewnia strukturę, którą projektant może zachować, nagiąć lub celowo przerwać. Przerwanie siatki może być bardzo skuteczne. Obraz z pełnym spadem, który ignoruje kolumny, przyciąga uwagę właśnie dlatego, że narusza strukturę.

Komponenty siatki

• Kolumny: pionowe paski treści.
• Rynny: przerwy między kolumnami.
• Marginesy: zewnętrzne krawędzie układu.
• Siatka bazowa: poziome linie służące do wyrównywania tekstu.

Siatka to nie klatka. To narzędzie do szybszego podejmowania decyzji i zachowania spójności układu na wielu stronach lub ekranach.