Důraz v a design webových stránek vytvoří oblast nebo objekt, který je ústředním bodem stránky. Jedná se o způsob, jak v designu vyniknout jeden prvek. Ohnisko může být větší než jiné prvky designu nebo jasně zbarvené - oba mají tendenci přitahovat oko. Při navrhování webové stránky můžete zdůraznit výběrem slova nebo fráze a jejich přiřazením a barva, písmo nebo velikost, díky nimž vynikne, ale existuje mnoho dalších způsobů, jak ve vašem souboru zvýraznit design.
Využití důrazů v designu
Jednou z největších chyb, které weboví designéři mohou udělat, je pokusit se o to, aby vše v designu vyniklo. Když má všechno stejný důraz, vypadá design rušně a matoucí nebo horší - nudný a nepřitažlivý. Chcete-li vytvořit kontaktní místo ve webovém designu, nepřehlédněte použití:
- Řádky: Vytvořte důraz kontrastem. Pokud je několik prvků vodorovných, jeden svislý prvek se stane ohniskem.
- Barva: Pokud je většina prvků v designu tmavá nebo ztlumená, přitahuje oko jakýkoli barevný objekt.
- Tvary: Když je většina tvarů nepravidelná, vynikne geometrický tvar.
- Blízkost: Pokud je seskupeno několik položek a jedna je oddělena od skupiny, přejde oko k jedné položce.
- Umístění: Ačkoli existují výjimky, prvek umístěný ve středu designu obvykle přitahuje pozornost.
- Hmotnost: Těžký prvek přitahuje pozornost diváka.
- Opakování: Když se opakuje jednoduchý grafický prvek, oko sleduje opakovaný prvek do ohniska.
- Kontrast: Kromě kontrastů vytvořených barvou a čarami lze kontrast generovat změnami velikosti, textury nebo písma. Tato změna způsobí, že ohnisko nebo důraz budou vyčnívat.
- Prázdné místo: Ohniskem se stává prvek obklopený bílým (nebo prázdným) prostorem.
Hierarchie ve webových designech
Hierarchie je vizuální uspořádání designových prvků, které naznačují důležitost podle velikosti. Největší prvek je nejdůležitější; méně důležité prvky jsou menší. Zaměřte se na vytvoření vizuální hierarchie ve svých webových designech. Pokud jste pracovali na vytvoření sémantického toku k vašemu HTML označení, je to snadné, protože vaše webová stránka již má hierarchii. Vše, co musíte udělat, je zdůraznit správný prvek - například nadpis H1 - pro největší důraz.
Spolu s hierarchie ve značkách, uvědomte si, že oko návštěvníka vidí webovou stránku ve vzoru Z začínajícím v levém horním rohu obrazovky. Díky tomu je levý horní roh stránky dobrým místem pro důležitou položku, například logo společnosti. Pravý horní roh je druhou nejlepší pozicí pro umístění důležitých informací.
Jak zahrnout důraz do webových návrhů
Důraz ve webovém designu lze implementovat mnoha způsoby:
- Pomocí sémantického značení můžete zdůraznit i bez jakýchkoli stylů.
- Změňte velikost písem nebo obrázků tak, abyste je v designu zdůraznili nebo snížili.
- Použití kontrastní barvy poskytnout důraz.
- Počítá se velikost. Obrovské slovo na stránce nebo obrazovce získá okamžitou pozornost.
- Ohraničte ohnisko prázdným prostorem.
- Opakujte slovo nebo obrázek, abyste upoutali pozornost.
Kam zapadá podřízenost?
K podřízenosti dochází, když zeslabíte ostatní prvky v návrhu, aby ohnisko vyskočilo. Jedním z příkladů je pestrobarevná grafika umístěná na fotografii na černobílém pozadí. Stejný efekt nastane, když použijete ztlumené barvy nebo barvy, které splývají s pozadím za ohniskovým bodem, což způsobí jeho vyniknutí.