Dôraz v a dizajn webových stránok vytvorí oblasť alebo objekt, ktorý je ústredným bodom pre stránku. Je to spôsob, ako nechať v dizajne vyniknúť jeden prvok. Ohnisko môže byť väčšie ako ostatné prvky dizajnu alebo pestrofarebné - obidve majú tendenciu priťahovať pozornosť. Pri navrhovaní webovej stránky môžete pridať dôraz výberom slova alebo frázy a jej priradením a farba, typ písma alebo veľkosť, vďaka ktorým vynikne, ale existuje veľa ďalších spôsobov, ako vo svojom texte zdôrazniť dôraz dizajn.
Využitie dôrazu v dizajne
Jednou z najväčších chýb, ktorú môžu webové dizajnéri urobiť, je pokúsiť sa o vyniknutie všetkého v dizajne. Keď všetko kladie rovnaký dôraz, pôsobí dizajn rušne a neprehľadne alebo horšie - nudne a neatraktívne. Ak chcete vytvoriť ústredný bod vo webovom dizajne, neprehliadnite použitie:
- Riadky: Vytvorte dôraz kontrastom. Ak je niekoľko prvkov vodorovných, jeden zvislý prvok sa stane ústredným bodom.
- Farba: Ak je väčšina prvkov v dizajne tmavá alebo tlmená, akýkoľvek farebný objekt priťahuje pozornosť.
- Tvary: Keď je väčšina tvarov nepravidelná, vynikne geometrický tvar.
- Blízkosť: Ak je niekoľko položiek zoskupených a jedna je oddelená od skupiny, oko prejde na jednu položku.
- Umiestnenie: Aj keď existujú výnimky, zvyčajne upúta pozornosť prvok umiestnený v strede dizajnu.
- Hmotnosť: Ťažký prvok priťahuje pozornosť diváka.
- Opakovanie: Keď sa opakuje jednoduchý grafický prvok, oko sleduje opakovaný prvok až do ohniska.
- Kontrast: Okrem kontrastov vytvorených farbou a čiarami je možné kontrast vygenerovať aj zmenami veľkosti, textúry alebo písma. Zmena spôsobí, že vynikne ohnisko alebo dôraz.
- Biely vesmír: Kontaktným bodom sa stáva prvok obklopený bielym (alebo prázdnym) priestorom.
Hierarchia v oblasti webových návrhov
Hierarchia je vizuálne usporiadanie dizajnových prvkov, ktoré naznačujú dôležitosť podľa veľkosti. Najväčší prvok je najdôležitejší; menej dôležité prvky sú menšie. Zamerajte sa na vytvorenie vizuálnej hierarchie vo svojich webových dizajnoch. Ak ste pracovali na vytvorení sémantického toku k vášmu HTML značenie, je to jednoduché, pretože vaša webová stránka už má hierarchiu. Všetko, čo musíte pri dizajne urobiť, je zdôrazniť správny prvok - napríklad nadpis H1 -, aby ste čo najviac zdôraznili.
Spolu s hierarchia v označovaní, uvedomte si, že oko zákazníka si prezerá webovú stránku vo vzore Z začínajúcim v ľavom hornom rohu obrazovky. Vďaka tomu je ľavý horný roh stránky dobrým miestom pre dôležitú položku, napríklad logo spoločnosti. Pravý horný roh je druhou najlepšou pozíciou pre umiestnenie dôležitých informácií.
Ako zahrnúť dôraz do webových návrhov
Dôraz vo webdizajne je možné implementovať mnohými spôsobmi:
- Pomocou sémantického označenia môžete zvýrazniť obsah aj bez akýchkoľvek štýlov.
- Zmeňte veľkosť písma alebo obrázkov tak, aby ste ich v dizajne zvýraznili alebo znížili.
- Použite kontrastné farby poskytnúť dôraz.
- Počíta sa veľkosť. Obrovské slovo na stránke alebo obrazovke získa okamžitú pozornosť.
- Ohnisko ohraničte bielym priestorom.
- Opakujte slovo alebo obrázok, aby ste upútali pozornosť.
Kam zapadá podriadenosť?
Podradenie nastáva, keď zmiernite ďalšie prvky v dizajne, aby sa ohnisko stalo popovým. Jedným z príkladov je pestrofarebná grafika umiestnená na čierno-bielom pozadí fotografie. Rovnaký efekt nastane, keď použijete tlmené farby alebo farby, ktoré sa prelínajú s pozadím za ohniskovým bodom a spôsobujú jeho vyniknutie.