Důraz na návrh webové stránky vytváří oblast nebo objekt, který je ústředním bodem stránky. Jedná se o způsob, jak vyniknout v konstrukci jeden prvek. Ohnisková vzdálenost může být větší než jiné prvky konstrukce nebo jasně zbarvené - oba mají tendenci čerpat oko. Při navrhování webové stránky můžete přidat důraz výběrem slova nebo fráze a přiřazením barvy, písma nebo velikosti, které jej vyniknou, ale existuje mnoho dalších způsobů, jak můžete ve svém designu použít důraz.
Použití důrazu na návrh
Jeden z největších chyb web designerů může udělat, je pokusit se, aby všechno v designu vyniknout. Když vše má stejný důraz, návrh vypadá zaneprázdněný a matoucí nebo horší - nudný a neochvějný. Chcete-li vytvořit kontaktní místo v návrhu webových stránek, nezapomeňte na použití:
- Řádky: Vytvořte důraz kontrastu. Pokud je několik prvků horizontální, stává se jedním z vertikálních prvků ohniskem.
- Barva: Pokud je většina prvků v návrhu tmavá nebo ztlumená, objekty s barvou přitahují oko.
- Tvary: Když většina tvarů je nepravidelná, vynikne geometrický tvar.
- Blízkost: Když je několik položek seskupeno a jedno je odděleno od skupiny, oko jde na jednu položku.
- Umístění: Ačkoli existují výjimky, prvek umístěný uprostřed návrhu obvykle přitahuje oko.
- Hmotnost: Těžký prvek přitahuje pozornost diváka.
- Opakování: Když se opakuje jednoduchý prvek grafického typu, oko sleduje opakovaný prvek do ohniska.
- Kontrast: Kromě kontrastů vytvořených barvou a čarami může být kontrast generován změnami velikosti, texturou nebo písma. Změna způsobí, že se ohniskový prvek nebo důraz vyčlení.
- Bílý prostor: Prvek obklopený bílým (nebo prázdným) prostorem se stává ústředním bodem.
Hierarchie ve webových vzorů
Hierarchie je vizuální uspořádání návrhových prvků, které ukazují význam podle velikosti. Největší prvek je nejdůležitější; méně důležité prvky jsou menší. Zaměřte se na vytváření vizuální hierarchie ve vašich webových vzorů. Pokud jste se snažili vytvořit sémantický tok do HTML značky, je to snadné, protože vaše webová stránka již má hierarchii. Vše, co potřebujete, je zdůraznit správný prvek - jako např. Titul H1 - pro nejvyšší důraz.
Spolu s hierarchií při značkování zjistíte, že návštěvnické oko zobrazuje webovou stránku ve tvaru Z začínající v levém horním rohu obrazovky. To znamená, že v levém horním rohu stránky je dobré místo pro důležitou položku, jako je logo firmy. Pravý horní roh je druhým nejlepším místem umístění důležitých informací.
Jak zahrnout důraz na webdesigny
Důraz na návrh webových stránek lze realizovat mnoha způsoby:
- Použijte sémantické značkování, abyste získali důraz i bez stylů.
- Změňte velikost písma nebo obrázků, abyste je zdůraznili nebo zdůraznili v návrhu.
- Použijte kontrastní barvy, abyste získali důraz.
- Velikost se počítá. Obrovské slovo na stránce nebo na obrazovce dostane okamžitou pozornost.
- Okolní ohnisko s bílým prostorem.
- Opakujte slovo nebo obrázek, které chcete upozornit.
Kde se skrývá podřízenost?
Subordinaci dochází, když tónujete další prvky návrhu, aby se ohnisko objevilo. Jedním příkladem je pestrobarevná grafika umístěná na černém a bílém pozadí. Stejný efekt nastane, když používáte ztlumené barvy nebo barvy, které se mísí s pozadím za ohniskem, což způsobuje, že se vynikne.
