Layout arrangerer tekst og billeder på en side eller skærm. Det bestemmer, hvor tingene skal placeres, og hvor meget plads de optager. Et layout kan være tæt eller luftigt. Det kan være symmetrisk eller asymmetrisk. Det kan følge et gitter eller bryde fri fra det. Layoutet bestemmer, hvordan seeren oplever indholdet. Et rodet layout overvælder. Et sparsomt layout føles tomt. Den rette balance afhænger af budskabet og mediet.

Layoutprincipper er blevet forfinet gennem århundreder. Trykt design fastlagde reglerne. Margener giver indholdet plads til at ånde. Kolonner organiserer tekst for at sikre læsbarhed. Hvidt område adskiller elementer og guider øjet. Hierarki viser, hvad der betyder mest. Digitalt design har tilpasset disse principper til skærme. Responsive layouts tilpasser sig forskellige skærmstørrelser. Et desktoplayout med tre kolonner bliver til en enkelt kolonne på mobilen. Indholdet ombrydes. Hierarkiet bevares. Layout påvirker også brugervenligheden. En knap placeres, hvor brugerne forventer, at den klikkes på. En navigationsmenu på standardplaceringen bruges. En formular med klare etiketter og logisk gruppering udfyldes. Layoutet er ikke kun æstetisk. Det er funktionelt. Det former adfærd. Designeren bruger layout til at vejlede, informere og overtale. Hver placering er en beslutning. Hver beslutning har konsekvenser.

Layoutprincipper

• Margener — plads omkring indholdet
• Kolonner — lodrette opdelinger af tekst
• Hvidt rum — tomme områder, der adskiller elementer
• Hierarki — rækkefølge efter visuel vigtighed
• Justering — elementer flugter langs fælles kanter
• Nærhed — relaterede elementer grupperes sammen

Layout er arrangementet af dele. Delene betyder noget. Det samme gælder afstanden mellem dem.