Základy bílého prostoru v praxi
Jak správně rozdělit stránku tak, aby se obsah mohl „dýchat”. Konkrétní příklady odsazení, které fungují.
Přečíst článekBílý prostor v webdesignu
Jak používat odsazení a okraje k vytvoření čistého, promyšleného designu, který čtenářům umožňuje soustředit se na to, co je důležité
Minimalistické rozestupy nejsou jen estetika — jsou to prvky, které řídí pozornost, vytváří hierarchii a dělají váš obsah lépe čitelným. Prozkoumejte principy konzistentního měřítka mezer a porozumějte, jak prázdné místo směruje vizuální zaměření.
Články o bílém prostoru
Naučte se, jak správně aplikovat odsazení a okraje na vaše projekty
Konzistentní měřítko mezer — jak na to
Vytvoříme jednotný systém odsazení, který se bude opakovat na celém webu. Bez něj to vypadá chaoticky.
Přečíst článek
Vizuální zaměření — jak odsazení řídí pohled
Není to náhoda. Prázdné místo kolem prvku automaticky upoutá pozornost čtenáře přesně tam, kde chcete.
Přečíst článek
Odsazení na mobilních zařízeních — omezené místo
Jak zachovat čistotu designu i na malých obrazovkách, když je místa méně. Trik je vědět, co se dá zmenšit.
Přečíst článekČasté otázky o bílém prostoru
Odpovědi na otázky, které si všichni kladou při návrhu
Kolik odsazení je „správné”?
Není žádné magické číslo. Záleží na obsahu, velikosti obrazovky a designu. Začněte s logickou stupnicí — třeba 8px, 16px, 24px, 32px — a pak ji upravte podle potřeb. Když si nejste jistí, přidejte více místa. Snáze se odstraňuje, než se doplňuje.
Proč se mi web jeví „prázdný” s velkým odsazením?
Protože jste zvyklí na přeplnené weby. Dej tomu čas. Dobrý design se může na první pohled zdát „méně”, ale je to proto, že obsah skutečně čteníte místo aby se váš mozek pokoušel všechno zpracovat najednou. Čtenáři to v praxi ocení.
Jak se odsazení liší od okrajů a padding?
Padding je prostor uvnitř prvku (mezi obsahem a okrajem). Margin je prostor mimo prvek (mezi prvky). V praxi používáte obojí — padding aby prvek „oddychoval” uvnitř sebe a margin aby prvky měly prostor od sebe. Dobrý design kombinuje obojí inteligentně.
Jak poznat, když je odsazení příliš velké?
Když se obsah rozprostírá příliš daleko a musíte se koukat sem a tam, aby jste viděli souvislost. Nebo když si připadáte, že jste v nějaké nekonečné prázdnině. Zkuste to: pokud návštěvník musí přejet prstem na mobilě 5krát, abyste viděli jednu kartu, je to příliš.