Layout-ul aranjează textul și imaginile pe o pagină sau pe un ecran. Decide unde se pun lucrurile și cât spațiu ocupă. Un layout poate fi dens sau aerisit. Poate fi simetric sau asimetric. Poate urma o grilă sau se poate elibera de aceasta. Layout-ul determină modul în care privitorul percepe conținutul. Un layout aglomerat copleșește. Unul rar pare gol. Echilibrul corect depinde de mesaj și de mediu.

Principiile de layout au fost rafinate de-a lungul secolelor. Designul tipărit a stabilit regulile. Marginile oferă conținutului spațiu de respirație. Coloanele organizează textul pentru lizibilitate. Spațiul alb separă elementele și ghidează privirea. Ierarhia arată ce contează cel mai mult. Designul digital a adaptat aceste principii la ecrane. Layout-urile responsive se ajustează la diferite dimensiuni ale ecranului. Un layout desktop cu trei coloane devine o singură coloană pe mobil. Conținutul se reorganizează. Ierarhia persistă. Layout-ul afectează și utilizabilitatea. Un buton plasat acolo unde utilizatorii se așteaptă să fie accesat. Se utilizează un meniu de navigare în locația standard. Se completează un formular cu etichete clare și grupare logică. Layout-ul nu este doar estetic. Este funcțional. Modelează comportamentul. Designerul folosește layout-ul pentru a ghida, a informa și a convinge. Fiecare plasare este o decizie. Fiecare decizie are consecințe.

Principii de aspect

• Margini — spațiu în jurul conținutului
• Coloane — diviziuni verticale pentru text
• Spațiu alb — zone goale care separă elementele
• Ierarhie — ordinea importanței vizuale
• Aliniere — elementele se aliniază de-a lungul muchiilor comune
• Proximitate — elementele conexe sunt grupate împreună

Aranjamentul este aranjamentul părților. Părțile contează. La fel și spațiul dintre ele.