Layout arrangerar text och bilder på en sida eller skärm. Den avgör var saker ska placeras och hur mycket utrymme de tar upp. En layout kan vara tät eller luftig. Den kan vara symmetrisk eller asymmetrisk. Den kan följa ett rutnät eller bryta sig loss från det. Layouten avgör hur betraktaren upplever innehållet. En rörig layout överväldigar. En gles layout känns tom. Rätt balans beror på budskapet och mediet.

Layoutprinciper har förfinats under århundraden. Trycksaksdesignen satte reglerna. Marginaler ger innehållet utrymme att andas. Kolumner organiserar text för läsbarhet. Vitt utrymme separerar element och vägleder ögat. Hierarkin visar vad som är viktigast. Digital design har anpassat dessa principer till skärmar. Responsiva layouter anpassar sig till olika skärmstorlekar. En skrivbordslayout med tre kolumner blir en enda kolumn på mobilen. Innehållet flödar om. Hierarkin består. Layouten påverkar också användbarheten. En knapp placerad där användarna förväntar sig att den klickas på. En navigeringsmeny på standardplatsen används. Ett formulär med tydliga etiketter och logisk gruppering kompletteras. Layouten är inte bara estetisk. Den är funktionell. Den formar beteende. Designern använder layout för att vägleda, informera och övertyga. Varje placering är ett beslut. Varje beslut får konsekvenser.

Layoutprinciper

• Marginaler — utrymme runt innehållet
• Kolumner — vertikala indelningar för text
• Vitt utrymme — tomma områden som separerar element
• Hierarki — ordning efter visuell betydelse
• Justering — elementen är uppradade längs gemensamma kanter
• Närhet — relaterade element grupperas tillsammans

Layout är arrangemanget av delar. Delarna spelar roll. Det gör även utrymmet mellan dem.