Ett rutnät är ett strukturellt ramverk av linjer som används för att justera designelement. Det delar upp en sida i kolumner, rader och marginaler, vilket ger designern ett system för att placera innehåll. Den schweiziska designern Josef Müller-Brockmann kodifierade rutnätsprinciper på 1960-talet, och hans bok Grid Systems in Graphic Design är fortfarande en standardreferens. Tidningar, tidskrifter och webbplatser förlitar sig alla på rutnät, även om de använder dem på olika sätt.

Ett typiskt rutnät har kolumner, marginaler och marginaler. Kolumner innehåller innehåll. Fästen separerar kolumner. Marginaler ramar in sidan. Ett rutnät med 12 kolumner är vanligt på webben eftersom det delas jämnt i halvor, tredjedelar, fjärdedelar och sjättedelar. Designers kan sträcka sig över flera kolumner för bredare innehåll eller använda en enda kolumn för smal text. Rutnätet dikterar inte designen. Det ger en struktur som designern kan följa, böja eller bryta avsiktligt. Att bryta rutnätet kan vara kraftfullt. En utfallande bild som ignorerar kolumnerna drar uppmärksamhet just för att den bryter mot strukturen.

Rutnätskomponenter

• Kolumner: vertikala band för innehåll.
• Rännor: mellanrum mellan kolonner.
• Marginaler: layoutens ytterkanter.
• Baslinjerutnät: horisontella linjer för att justera text.

Ett rutnät är inte en bur. Det är ett verktyg för att fatta beslut snabbare och hålla en layout sammanhängande över många sidor eller skärmar.