Obsah
- 01. Použijte mřížku
- 02. Vyberte jeden kontaktní bod
- 03. Použijte pravidlo třetin
- 04. Použijte prázdné místo
- 05. Opakujte designové prvky
- 06. Použijte hierarchii
- 07. Použijte měřítko, kontrast a harmonii
Primárním cílem jakéhokoli rozvržení stránky, které navrhujete, ať už jde o tištěnou brožuru nebo nejnovější webovou aplikaci, je sdělit informace čtenáři jasně a efektivně. Jedním z nejlepších způsobů, jak zajistit, aby byly klíčové zprávy doručeny čtenáři, je vytvoření vyváženého rozvržení stránky.
Návrh rozvržení stránky obvykle zahrnuje spoustu umístění, přeskupení a formátování prvků. Mnoho designérů přistupuje k tomuto procesu organicky a cítí cestu k příjemnému konečnému výsledku. I když to může vést k některým vynikajícím šťastným nehodám, existuje riziko, že použití metodiky volného formuláře může vést k nedostatečné vizuální rovnováze na stránce.
Dobré složení stránky by mělo být příjemné pro oko a také jasně sdělit tyto klíčové zprávy zamýšlenému publiku. Shromáždili jsme společně několik špičkových tipů, které vám pomohou zajistit vyváženost návrhů rozvržení stránky (pomůže vám také dobrý nástroj pro tvorbu webových stránek). Tyto přístupy budou dobře fungovat, aby poskytly strukturu rovnováhy bez ohledu na to, s jakým médiem pracujete.
Další rady pro konkrétní web najdete v našem průvodci vytvářením dokonalých rozvržení webových stránek.
01. Použijte mřížku
Jedním z nejjednodušších způsobů, jak zajistit, aby byla stránka vyvážená, je použití mřížkového systému. Mřížky byly původně výhradní ochranou vytištěné stránky, ale v posledních několika letech bylo dokončeno mnoho práce, která pomohla přenést koncept mřížky na digitální médium.
Pomocí mřížky k informování o poloze různých prvků na stránce vytvoříte spojení mezi různými prvky, které tvoří vaši stránku. To vám může pomoci zajistit rozložení vašeho rozložení, poskytnout čtenáři jasný strukturální odkaz, na který se můžete vrátit, a zvýšit úspěšnost vaší stránky.
To je důležité, protože když mají všechny prvky vaší stránky pocit vzájemného propojení, celkový efekt je pro čtenáře pohodlnější, pomáhá jim uklidnit se a usnadňuje jejich přístup k důležitým věcem: obsahu.
02. Vyberte jeden kontaktní bod
Jedním z nejúčinnějších způsobů, jak zajistit rovnováhu, je vybrat jeden kontaktní bod pro návrh rozvržení. Dobrým příkladem toho v praxi je použití velkého obrázku jako největšího jediného prvku na stránce.
Silný vizuál může poskytnout silný způsob, jak přivést čtenáře na vaši stránku (stejně jako odborná analýza ideální webhostingové služby), a také poskytuje užitečný strukturální prvek, kolem kterého lze uspořádat zbývající obsah ve vašem rozložení. Pokud máte více vizuálních prvků, použijte princip blízkosti Gestalt Theory k jejich seskupení a jejich zarovnání stejným způsobem.
Rovněž stojí za to pamatovat, že stejným způsobem můžete použít nadpis nebo citát; dobrý nadpis displeje může nabídnout tolik vizuálního zájmu jako obrázek, zatímco poskytuje strukturu, která vám pomůže zajistit vyvážené rozložení.
03. Použijte pravidlo třetin
Jedním z nejlepších způsobů, jak zajistit rovnováhu, je použití návrhářova oblíbeného Rule of Thirds nebo Golden Ratio. Jednoduše řečeno, pravidlo třetin říká, že pokud stránku rozdělíte na třetiny svisle i vodorovně, body, ve kterých se protínají čáry mřížky, poskytují přirozené ohniska kompozice.
Zarovnáním klíčových prvků k těmto čtyřem bodům dosáhnete příjemnějšího složení, než kdybyste například dokonale vycentrovali prvky na své stránce.
Pravidlo třetin samo o sobě magicky nezajistí vyvážení vašeho rozložení, ale rozšířením principu je snadné použít tuto tendenci k přirozenému ohnisku, které vám pomůže vyvážit rovnováhu vašeho rozložení.
Běžným přístupem je umístit nejdůležitější prvky vaší stránky do horní (nebo dolní) třetiny stránky s primárním ohniskovým bodem zarovnaným tak, aby odpovídal jedné z křižovatek. Máte pro svůj web spoustu podkladů? Podívejte se na tyto možnosti cloudového úložiště.
04. Použijte prázdné místo
Pro začínající designéry je běžné, že využívají každý kousek místa na stránce a plní obsah, dokud nebude vyplněna každá mezera. Zkušenější lidé vědí, že někdy je nejlepším designem vynechat prvky, než je obout.
Na tištěném médiu je nejběžnějším způsobem, jak využít prázdné místo, zvětšení okrajů a okapů. Pouhé poskytnutí dostatku prostoru pro dýchání kolem prvků na webu vám může pomoci, aby se váš návrh rozložení cítil vyrovnaný a vyvážený.
Použití negativního prostoru funguje nejlépe, pokud máte jasnou strukturu, která ukotví obsah dohromady (například ta, která je poskytována mřížkou), protože riziko bílého prostoru může být pocit odpojení mezi prvky stránky, pokud bude zavedeno náhodně.
05. Opakujte designové prvky
Opakování může také poskytnout silný smysl pro propojený design a vyváženost skladby. Myšlenka spočívá v tom, že identifikováním a opětovným použitím motivu nebo designového zpracování v celém rozložení můžete poskytnout čtenáři odkaz, aby se různé oblasti cítily propojené a byly součástí stejné celkové kompozice.
Tuto techniku můžete také použít k poskytnutí ohniska ve svém návrhu při zachování celkové rovnováhy záměrným porušením vzoru podobnosti zavedeného opakováním.
06. Použijte hierarchii
Jedním z klíčových přístupů k dosažení rozložení stránky nirvana je jasný smysl pro strukturu a hierarchii. Již jsme se dotkli struktury, ale je také důležité vyjádřit relativní důležitost různých částí obsahu na vaší stránce. Například nadpis by měl být téměř vždy vizuálně důležitější než obsah základního textu.
Podívejte se na různé prvky, které tvoří váš návrh rozložení, a rozhodněte, který prvek je nejdůležitější. Tento prvek použijte k zajištění strukturálního háku pro zbývající prvky na stránce, přičemž je nejdůležitější.
07. Použijte měřítko, kontrast a harmonii
Nakonec může být použití měřítka velmi efektivní metodou pro dosažení dobré vizuální rovnováhy v rozložení. Když některé prvky zvětšíte, objeví se smysl pro pořádek a hierarchii. To pomáhá vytvořit pohodlné rozložení, protože prohlížeč se automaticky nejprve podívá na větší prvky v rámci rozložení a při čtení postupuje k menším prvkům.
Tento princip funguje také se zvýšeným kontrastem, takže izolací prvku na stránce pomocí kontrastu se oko nejprve zaostří na tento bod. To poskytuje způsob, jak se dostat na stránku, a znovu poskytuje užitečný strukturální bod, ze kterého můžete rozvržení vyvinout.
Měřítko i kontrast fungují nejlépe, když se vztahují k jednomu prvku, takže vyniká nad ostatními částmi vašeho rozložení. Použijte principy harmonie, aby ostatní cítili spojení a zdůrazňovali ohnisko.
