Poudarek na oblikovanju spletne strani ustvarja območje ali predmet, ki je osrednja točka za stran. To je način, da se en element izstopa v oblikovanju. Goriščna točka je lahko večja od drugih elementov zasnove ali svetle barve - oba imata običajno narisati oko. Ko oblikujete spletno stran, lahko dodate poudarek tako, da izberete besedo ali frazo in ji dodelite barvo, pisavo ali velikost, ki jo naredi izstopa, vendar obstaja veliko drugih načinov, kako uporabiti poudarek v vašem oblikovanju.
Uporaba poudarka v oblikovanju
Eden od največjih napak spletnih oblikovalcev je, da poskuša narediti vse, kar je v oblikovanju izstopa. Ko ima vse enak poudarek, se zdi, da je oblikovanje zasedeno in zmedeno ali slabše - dolgočasno in neprivilno. Če želite ustvariti osrednjo točko v spletnem oblikovanju, ne prezrite uporabe:
- Vrstice: Nasprotno ustvarite poudarek. Če je več elementov vodoravno, postane goriščna točka en vertikalni element.
- Barva: Če je večina elementov v zasnovi temna ali utišana, vsak predmet z barvo privlači oko.
- Oblike: Ko je večina oblik nepravilna, se izstopa geometrijska oblika.
- Bližina: Ko je več predmetov združenih in ena je ločena od skupine, se oko premakne na en element.
- Namestitev: Čeprav obstajajo izjeme, element, ki je nameščen v središče zasnove, običajno privlači oko.
- Utež: Težki element privlači pozornost gledalca.
- Ponavljanje: Ko ponovite preprost grafični element za ponovitev, bo očesni element sledil ponavljajočemu se elementu.
- Kontrast: Poleg kontrastov, ki jih ustvarijo barve in črte, lahko kontrast ustvarite glede na velikost, teksturo ali spremembe pisave. Sprememba povzroči izostritev žariščnega elementa ali poudarka.
- White Space: Element, obdan z belim (ali praznim) prostorom, postane osrednja točka.
Hierarhija v spletnih modelih
Hierarhija je vizualna ureditev elementov, ki označujejo pomembnost po velikosti. Največji element je najpomembnejši; manj pomembni elementi so manjši. Osredotočite se na ustvarjanje vizualne hierarhije v vaših spletnih modelih. Če ste ustvarili semantični tok v oznaki HTML, je to preprosto, ker vaša spletna stran že ima hierarhijo. Vsa vaša zasnova mora storiti, da poudari pravilen element - kot je naslov H1 - za največji poudarek.
Skupaj s hierarhijo v markupu prepoznamo, da obiskovalec vidi pogled na spletno stran v vzorcu Z, ki se začne v zgornjem levem kotu zaslona. To naredi zgornji levi kot strani dobro mesto za pomemben element, kot je logotip podjetja. V zgornjem desnem kotu je drugi najboljši položaj za pomembne informacije.
Kako vključiti poudarek v spletnih modelih
Poudarek na spletnem oblikovanju se lahko izvaja na več načinov:
- Uporabite semantično oznako, da poudarite tudi brez slogov.
- Spremenite velikost pisav ali slik, da jih poudarite ali jih poudarite pri oblikovanju.
- Uporabite kontrastne barve za poudarjanje.
- Št. Velikosti. Ogromna beseda na strani ali zaslonu dobi takojšnjo pozornost.
- Surround goriščno točko z belim prostorom.
- Ponovite besedo ali sliko, da pritegnete pozornost.
Kje se podreditev ujema?
Podreditev se pojavi, ko tonirate ostale elemente v oblikovanju, da bi popestrili točko. Eden od primerov je svetlo obarvana grafika, postavljena na črno-belo fotografsko ozadje. Enak učinek se zgodi, če uporabljate utišane barve ali barve, ki se mešajo z ozadjem za žariščno točko, kar povzroči, da se izostri.
