Použite zvýraznenie, aby ste nakreslili oko diváka
Dôraz pri návrhu webovej stránky vytvára oblasť alebo objekt, ktorý je ústredným bodom stránky. Je to spôsob, ako vytvoriť jeden prvok v dizajne. Ohnisková vzdialenosť môže byť väčšia ako iné prvky dizajnu alebo jasne farebné - obidva majú tendenciu čerpať oko. Pri navrhovaní webovej stránky môžete pridať dôraz výberom slova alebo frázy a priradením farby, písma alebo veľkosti, ktoré ho vyčnievajú, ale existuje mnoho ďalších spôsobov, ako môžete vo svojom dizajne použiť dôraz.
Použitie dôrazu na dizajn
Jeden z najväčších návrhárov chýb môže urobiť, je pokúsiť sa urobiť všetko v dizajne vyniknúť. Keď všetko má rovnaký dôraz, dizajn sa zdá zaneprázdnený a mätúci alebo horšie nudný a nepríťažlivý. Ak chcete vytvoriť ohnisko vo webovom návrhu, neprehliadnite používanie:
- Riadky: Vytvorte dôraz kontrastom. Ak je niekoľko prvkov horizontálne, stáva sa jeden vertikálny prvok ohniskom.
- Farba: Ak je väčšina prvkov v dizajne tmavá alebo stlmená, akýkoľvek objekt s farbou priťahuje oko.
- Tvar: Ak je väčšina tvarov nepravidelná, vyniká geometrický tvar.
- Priblíženie: Keď je niekoľko položiek zoskupených a jedno je oddelené od skupiny, oko prejde na jednu položku.
- Umiestnenie: Aj keď existujú výnimky, prvok umiestnený v strede dizajnu zvyčajne čerpá oko.
- Hmotnosť: ťažký prvok priťahuje pozornosť diváka.
- Opakovanie: Ak sa opakuje jednoduchý prvok grafického typu, oko sleduje opakovaný prvok na ohniskový bod.
- Kontrast: Okrem kontrastov vytvorených farbou a čiarami môže byť kontrast generovaný zmenou veľkosti, textúry alebo písma. Zmena spôsobí, že sa ohniskový prvok vyčnie.
- Biely priestor: Prvok obklopený bielym (alebo prázdnym) priestorom sa stáva ohniskom.
Hierarchia vo webových dizajnoch
Hierarchia je vizuálne usporiadanie dizajnových prvkov, ktoré naznačujú význam podľa veľkosti. Najväčší prvok je najdôležitejší; menej dôležité prvky sú menšie. Zamerajte sa na vytváranie vizuálnej hierarchie v dizajnoch webových stránok. Ak ste pracovali na vytvorení sémantického toku do vašej HTML značky, je to jednoduché, pretože vaša webová stránka už má hierarchiu. Všetok váš dizajn musí urobiť, je zdôrazniť správny prvok - napríklad titul H1 - pre čo najväčší dôraz.
Spolu s hierarchiou pri označovaní si uvedomte, že návštevnícke oko zobrazuje webovú stránku vo vzore Z, ktorá začína v ľavom hornom rohu obrazovky. To znamená, že v hornom ľavom rohu stránky je dobré miesto pre dôležitú položku, ako je firemné logo. Pravý horný roh je druhou najlepšou pozíciou pre dôležité informácie.
Ako zahrnúť dôraz vo webových dizajnoch
Dôraz pri návrhu webových stránok možno realizovať mnohými spôsobmi:
- Použite sémantické označenie, aby ste zdôraznili aj bez akýchkoľvek štýlov.
- Zmeňte veľkosť písma alebo obrázkov, aby ste ich zdôraznili alebo vyzdvihli v dizajne.
- Používajte kontrastné farby na zvýraznenie.
- Veľkosť sa počíta. Obrovské slovo na stránke alebo obrazovke dostane okamžitú pozornosť.
- Ohnite ohniskovým bodom s bielym priestorom.
- Opakujte slovo alebo obrázok, aby ste upozornili.
Kde sa podriadenosť zapadá?
Podriadenosť sa vyskytuje, keď tonujete iné prvky v dizajne, aby sa ohnisko stalo popom. Jedným z príkladov je jasne farebná grafika umiestnená na čiernobiele pozadie. Rovnaký efekt nastáva, keď používate tlmené farby alebo farby, ktoré sa zmiešajú s pozadím za ohniskom, čo spôsobuje vyčnievanie.