Układ rozmieszcza tekst i obrazy na stronie lub ekranie. Decyduje o tym, gdzie elementy się znajdują i ile miejsca zajmują. Układ może być gęsty lub lekki. Może być symetryczny lub asymetryczny. Może naśladować siatkę lub się od niej odrywać. Układ decyduje o tym, jak widz odbiera treść. Zagracony układ przytłacza. Skromny sprawia wrażenie pustego. Właściwa równowaga zależy od przekazu i medium.

Zasady układu były udoskonalane przez wieki. Projektowanie druku ustanowiło reguły. Marginesy dają treści przestrzeń do oddychania. Kolumny porządkują tekst, zapewniając jego czytelność. Puste przestrzenie oddzielają elementy i prowadzą wzrok. Hierarchia pokazuje, co jest najważniejsze. Projektowanie cyfrowe dostosowało te zasady do ekranów. Układy responsywne dostosowują się do różnych rozmiarów ekranów. Trzykolumnowy układ na komputerach stacjonarnych staje się pojedynczą kolumną na urządzeniach mobilnych. Treść ulega przeformułowaniu. Hierarchia pozostaje niezmieniona. Układ wpływa również na użyteczność. Przycisk umieszczony w miejscu, w którym użytkownicy się go spodziewają, zostaje kliknięty. Używane jest menu nawigacyjne w standardowej lokalizacji. Formularz z czytelnymi etykietami i logicznym grupowaniem zostaje ukończony. Układ nie jest tylko estetyczny. Jest funkcjonalny. Kształtuje zachowanie. Projektant używa układu, aby kierować, informować i przekonywać. Każde umiejscowienie jest decyzją. Każda decyzja niesie za sobą konsekwencje.

Zasady układu

• Marginesy – przestrzeń wokół treści
• Kolumny — podziały pionowe tekstu
• Biała przestrzeń — puste obszary oddzielające elementy
• Hierarchia – kolejność ważności wizualnej
• Wyrównanie — elementy ustawiają się wzdłuż wspólnych krawędzi
• Bliskość — powiązane elementy są grupowane razem

Układ to układ części. Części mają znaczenie. Podobnie jak przestrzeń między nimi.