Sila prázdneho
priestoru.
Prečo je v dizajne dôležitý „white-space“? Pozrite sa, ako vhodným rozložením prvkov svoje stránky sprehľadníte.
V tejto lekcii
Prázdne miesto vytvára štruktúru, hierarchiu a harmóniu
Miesto, ktoré na stránke zostáva nezaplnené, sa v dizajne nazýva „white-space“. Zahŕňa časti stránok bez obsahu aj priestor medzi prvkami. Hoci sa môže zdať ako mrhanie miestom, plní zásadné funkcie:
Prázdny priestor pridáte okolo ľubovoľného prvku nastavením okrajov v záložke Poloha a rozloženie 
.
Obsah chce tiež dýchať
Prázdne miesto uľahčuje pozorovateľovi sústrediť sa na konkrétny bod. Čím väčšie okraje nastavíte, tým skôr si prvok návštevníci všimnú.
Tomu, čo má pútať najväčšiu pozornosť, doprajte najviac miesta.
Čo je blízko pri sebe, javí sa ako celok
Mozog nevníma web ako súbor samotárov, ale ako vzájomne prepojenú kompozíciu. Prvky blízko seba pôsobia ako jeden tím. To využívame na logické členenie obsahu.
Vizuálne členenie skupín vyjadríte pomocou zvislých medzier:
Najväčšie medzery: medzi hlavnými sekciami (napr. Cenník vs Galéria)
Stredné medzery: medzi podskupinami (kategórie cenníka)
Malé medzery: medzi jednotlivými položkami
Čím jemnejšie členenie, tým menšie medzery
Keby boli všetky medzery rovnaké, oko by nespoznalo, čo k čomu patrí. Čím hlbšie do štruktúry idete, tým menšie medzery používajte.
Zachovajte hierarchiu rozostupov pre logickú orientáciu návštevníka.
Vytvorte vizuálny rytmus
Ľudia milujú vzory. Pokiaľ nastavíte určitú vzdialenosť medzi nadpisom a textom, používajte ju takú všade. Opakovaním rovnakých rozostupov vytvoríte harmóniu, v ktorej sa návštevník intuitívne zorientuje.
- Rovnaké rozostupy medzi sekciami
- Rovnaké okraje pri stĺpcoch
- Rovnaké medzery v galérii
- Rovnaké paddingy pre tlačidlá
V saywebpage sú rozostupy a okraje nastavené už za Vás — nemusíte si nad tým lámať hlavu.
Niekedy je lepšie to prehnať
Stránky budú pôsobiť lepšie, keď budú mať radšej „prehnane“ veľké okraje, než keby boli prvky na seba natlačené. Keď chcete web sprehľadniť, pridajte prázdne miesto.
1 Prázdne miesto vytvára hierarchiu a rytmus.
2 Väčšími rozostupmi sprehľadníte svoje stránky.
3 White-space púta pozornosť k dôležitému.
4 Jednotné rozostupy uľahčujú orientáciu.
Vytvor webstránky
ešte dnes
Vyskúšajte si to naplno. Máte 30 dní zadarmo.
Bez záväzkov. Kreditná karta nie je potrebná.
