Az elrendezés a szöveget és a képeket rendezi el egy oldalon vagy képernyőn. Ez határozza meg, hogy hová kerüljenek a dolgok és mennyi helyet foglaljanak el. Az elrendezés lehet sűrű vagy légies. Lehet szimmetrikus vagy aszimmetrikus. Követhet egy rácsot, vagy kiléphet belőle. Az elrendezés határozza meg, hogy a néző hogyan tapasztalja meg a tartalmat. A zsúfolt elrendezés túlterhelő. A ritkás üresnek érződik. A megfelelő egyensúly az üzenettől és a médiumtól függ.

Az elrendezési elveket évszázadok alatt finomították. A nyomtatott design meghatározta a szabályokat. A margók teret adnak a tartalomnak a lélegzéshez. Az oszlopok az olvashatóság érdekében rendszerezik a szöveget. Az üres tér elválasztja az elemeket és irányítja a szemet. A hierarchia mutatja, mi a legfontosabb. A digitális design ezeket az elveket a képernyőkhöz igazította. A reszponzív elrendezések alkalmazkodnak a különböző képernyőméretekhez. Egy három oszlopos asztali elrendezés egyetlen oszloppá válik mobilon. A tartalom átrendeződik. A hierarchia megmarad. Az elrendezés a használhatóságot is befolyásolja. Egy gomb, amely oda kerül, ahol a felhasználók elvárják, hogy rákattintsanak. Egy szabványos helyen lévő navigációs menü kerül felhasználásra. Egy egyértelmű címkékkel és logikus csoportosítással rendelkező űrlap készül el. Az elrendezés nemcsak esztétikus. Funkcionális is. Alakítja a viselkedést. A tervező az elrendezést használja az irányításra, a tájékoztatásra és a meggyőzésre. Minden elhelyezés egy döntés. Minden döntésnek következményei vannak.

Elrendezési alapelvek

• Margók – a tartalom körüli térköz
• Oszlopok – szöveg függőleges felosztása
• Fehér tér – elemeket elválasztó üres területek
• Hierarchia – vizuális fontossági sorrend
• Igazítás – az elemek a közös élek mentén sorakoznak
• Közelség – a kapcsolódó elemek csoportosítva vannak

Az elrendezés az alkatrészek elrendezése. Az alkatrészek számítanak. Ahogy a közöttük lévő tér is.