Definícia
Layout je usporiadanie jednotlivých prvkov – textu, obrázkov, navigácie a ďalších komponentov – na stránke, obrazovke alebo v tlačenom materiáli, ktoré určuje ich vizuálne rozloženie a hierarchiu.
Popis
Dobrý layout vychádza z mriežky (gridu), ktorá jednotlivým prvkom určuje pozíciu, veľkosť a vzájomné odstupy. Súčasťou je aj práca s bielym priestorom, typografiou a vizuálnou hierarchiou – teda tým, ktorý prvok si návštevník všimne ako prvý a akým smerom sa jeho pohľad po stránke presúva.
Vo webdizajne layout nadväzuje na wireframe, ktorý určuje hrubú štruktúru stránky bez farieb a grafiky, a na mockup, ktorý ju už zobrazuje v realistickej finálnej podobe. Layout sa používa nielen na webe, ale aj v tlačených materiáloch, prezentáciách či e-mailoch.
Pri tvorbe layoutu je dôležité myslieť na konzistentnosť naprieč celým webom alebo materiálom, čitateľnosť textu a to, aby sa rozloženie prispôsobilo rôznym veľkostiam obrazoviek – od mobilu až po veľký monitor.
Typy layoutu
Medzi najbežnejšie typy patrí jednostĺpcový layout (jednoduchý, lineárny tok obsahu), viacstĺpcový layout (rozdelenie obsahu do stĺpcov, typické pre magazíny a blogy), mriežkový layout (obsah usporiadaný do pravidelnej mriežky, časté pri e-shopoch a galériách) a asymetrický layout, ktorý zámerne narúša pravidelnú štruktúru, aby pôsobil originálnejšie a upútal pozornosť.