Struktura protínajících se vertikálních a horizontálních čar (vytvářejících mřížku sloupců a řádků), která pomáhá designérům uspořádat obsah konzistentním, uspořádaným způsobem. Mřížky se používají v layoutech k zajištění zarovnání a proporcionality napříč designem. Například 12sloupcová mřížka je běžná ve webovém designu, umožňující responzivní layouty, které mohou přeuspořádat sloupce na různých zařízeních. Použití mřížkového systému zvyšuje vizuální harmonii a usnadňuje skenování rozhraní.
A ještě doplníme
Mřížkový systém je neviditelná kostra návrhu. Uživatel o něm přímo neví, ale vnímá jeho přítomnost skrze pocit řádu, čitelnost a snadnost orientace. Kromě estetické role plní funkci společného jazyka mezi designerem, vývojářem a tvůrci obsahu, protože stanoví pravidla pro umístění prvků, které je možné uplatnit konzistentně na desítkách obrazovek. Dobrá mřížka zároveň není vězením. Má pravidla pro to, jak se z ní vybočuje tak, aby se tím zdůraznily výjimky, nikoli rozbila celková harmonie. V responzivním designu mřížka přebírá zásadní roli v adaptaci layoutu na různé šířky zařízení, aniž by bylo nutné navrhovat každou variantu ručně.
