Použijte funkci Důraz, abyste nakreslili oko diváka
Důraz v návrhu webových stránek 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é barvy - 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 návrhářů chyb může udělat, je pokusit se, aby vše v designu vyniklo. Když vše má stejný důraz, design 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á, jakýkoli objekt s barvou přitahuje oko.
- Tvary: Když většina tvarů je nepravidelná, vynikne geometrický tvar.
- Proximita: Když jsou několik položek seskupeny a jeden je oddělený od skupiny, oko jde na jednu položku.
- Umístění: Ačkoli existují výjimky, prvek umístěný v centru návrhu obvykle čerpá 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ě kontrastu vytvářeného barvami a čarami lze kontrast generovat podle velikosti, textury nebo změn písma. Změna způsobí, že se ohniskový prvek 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 - například titul H1 - pro nejdůležitější 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.