Uporabite poudarek, da narišete oko gledalca
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. Žarišče je lahko večje od drugih elementov zasnove ali svetle barve, ki oba potegnejo 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
Ena največjih napak, ki jo oblikovalci lahko naredijo, je poskušati narediti vse, kar je v oblikovanju izstopalo. Ko ima vse enak poudarek, se zdi, da je oblika zasedena in zmedena ali slabša, dolgočasna in neprivilna. Če želite ustvariti osrednjo točko v spletnem oblikovanju, ne prezrite uporabe:
- Lines: ustvarite poudarek nasproti. Č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: Kadar je večina oblik nepravilna, se izstopa geometrijska oblika.
- Bližina: če je več elementov združenih in ena je ločena od skupine, se oko spreminja v posamezni element.
- Postavitev: čeprav obstajajo izjeme, element, ki je postavljen v središče zasnove, običajno privlači oko.
- Teža: težek element privlači pozornost gledalca.
- Ponovitev: Ko ponovite preprost grafični element za ponovitev, bo očesni element sledil ponavljajočemu se elementu.
- Kontrast: poleg kontrastov, ustvarjenih z barvo in vrsticami, lahko kontrast ustvarite glede na velikost, teksturo ali spremembe pisave. Sprememba povzroči, da se izostri žarilni element.
- Beli prostor: 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. V vseh vaših načrtih je treba poudariti pravilen element - na primer 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.