Mřížka je strukturální rámec čar používaný k zarovnání designových prvků. Rozděluje stránku na sloupce, řádky a okraje, což poskytuje designérovi systém pro umisťování obsahu. Švýcarský designér Josef Müller-Brockmann kodifikoval principy mřížky v 60. letech 20. století a jeho kniha Grid Systems in Graphic Design zůstává standardní referencí. Noviny, časopisy a webové stránky se na mřížky spoléhají, i když je používají odlišně.

Typická mřížka má sloupce, mezery a okraje. Sloupce obsahují obsah. Mezery oddělují sloupce. Okraje rámují stránku. Dvanáctisloupcová mřížka je na webu běžná, protože se rovnoměrně dělí na poloviny, třetiny, čtvrtiny a šestiny. Návrháři mohou rozšířit obsah do více sloupců nebo použít jeden sloupec pro úzký text. Mřížka nediktuje design. Poskytuje strukturu, kterou může návrhář sledovat, ohýbat nebo záměrně lámat. Přerušení mřížky může být účinné. Obrázek přes okraj, který ignoruje sloupce, přitahuje pozornost právě proto, že narušuje strukturu.

Komponenty mřížky

• Sloupce: svislé pruhy pro obsah.
• Okapy: mezery mezi sloupy.
• Okraje: vnější okraje rozvržení.
• Základní mřížka: vodorovné čáry pro zarovnání textu.

Mřížka není klec. Je to nástroj pro rychlejší rozhodování a udržení soudržnosti rozvržení napříč mnoha stránkami nebo obrazovkami.