Mezi prvky dobrého designu stránky, ať už pro tisk nebo web, patří koncept směru, který úzce souvisí s pohybem. Prvky v designu stránky záměrně navádějí oči diváků z jedné oblasti stránky do druhé.
Společné pokyny v návrzích
Tři směry běžné v designech používaných k nasměrování oka jsou:
- Horizontální: Pokud rozdělíte stránku nebo obrazovku na polovinu ze strany na stranu pomocí čáry nebo jiného prvku, oko se přesune na každý prvek v horní polovině designu, než se přesune do sekce pod vodorovnou čarou nebo prvkem, který rozděluje stránku.
- Vertikální: Pokud máte dva dlouhé, úzké sloupce textu nebo dva dlouhé, úzké fotografie nebo grafické prvky, máte design se svislým směrem. Oko proudí z horní části jednoho sloupce do jeho dna a poté se pohybuje do horní části druhého sloupce.
- Úhlopříčka: Pokud ve svém návrhu používáte úhlopříčky nebo trojúhelníky, oko je zachyceno, zejména na webu, kde nevidíte mnoho rozložení ve směru úhlopříčky.
Každý design stránky má dominantní směr, který je stanoven umístěním nejdůležitějších prvků.
Použití směru v designu
Ve webovém designu obrázky na stránce nejčastěji určují směr. Stále však můžete vnutit směr umístěním textových nebo grafických prvků na stránku a řádky – zejména pokud mají řádky šipky.
Jak zahrnout směr do tisku a webových návrhů
Začleňte směr do svých webových návrhů následujícími způsoby:
- Podívejte se na své obrázky a určete, kterým směrem budou subjekty čelit. Pokud se lidé na obrázku dívají doprava, umístěte obrázek na levou stranu stránky. Jinak směr očí na fotografii nasměruje oči vašich čtenářů pryč od stránky. Nechcete, aby se lidé dívali z okraje stránky.
- Pomocí svého rozvržení navrhněte směr. Umístěte husté prvky, jako jsou fotografie, do vodorovných, svislých nebo úhlopříčných čar. Zatímco méně husté prvky, například text, tyto prvky obklopují.
- Pomocí čar, obrázků nebo značek HR navrhněte pohyb a směr. Vodorovná čára je tichá a pohybuje se na stránce plynule zleva doprava. Svislá čára naznačuje pohyb shora dolů a diagonální čára silně označuje pohyb z jedné oblasti stránky do druhé.
- Nevyvážené prvky také naznačují směr a pohyb.
Charakteristiky rozvržení, které ovlivňují směr a pohyb
Oko obvykle přejde nejprve k největšímu prvku na stránce. Může to být velká fotografie nebo velký nadpis. Kam se bude pohybovat dále, je funkce směru v návrhu. V dobrém a vyváženém designu vede místo, kam oko jde dále, k důležité části zprávy, kterou se stránka pokouší doručit. Na pohyb prvního velkého objektu na stránce k další významné položce má vliv několik věcí, například:
- Barva: Jasná barva přitahuje oko rychleji než neutrální barva.
- Grafika: Ukazováček nebo šipka způsobí, že se oko bude dívat konkrétním směrem.
- Tvary: Tvar, který se vine stránkou (jako spirála nebo tečkovaná čára pohybující se od jednoho prvku k dalšímu), nese oko po jeho cestě.
Jak určit směr
Pokud si nejste jisti, jak navrhnout stránku, která udává směr, experimentujte tím, že se podíváte na webové stránky a tiskové publikace, abyste zjistili, kam vaše oko jde první a pak kam to jde druhé. Poté hledejte důvod, který se stal. Jakmile poznáte symetrické konstrukční prvky, které způsobují, že se vaše oko pohybuje z jednoho prvku na druhý, můžete tyto prvky použít ve svém návrhu.