Poudarek na a oblikovanje spletnih strani ustvari območje ali predmet, ki je osrednja točka strani. To je način, da en element v oblikovanju izstopa. Žariščna točka je lahko večja od drugih elementov zasnove ali pa živo obarvana - oba navadno pritegneta oko. Pri oblikovanju spletne strani lahko poudarite tako, da izberete besedo ali besedno zvezo in ji dodelite a barva, pisava ali velikost, zaradi katerih je izstopa, vendar obstaja veliko drugih načinov, kako poudariti svoje oblikovanje.
Uporaba poudarka pri oblikovanju
Ena največjih napak, ki jih lahko naredijo spletni oblikovalci, je poskušati, da vse v oblikovanju izstopa. Ko je vse enako poudarjeno, se zdi, da je dizajn zaseden in zmeden ali še hujši - dolgočasen in neprivlačen. Če želite ustvariti osrednjo točko v spletnem oblikovanju, ne spreglejte uporabe:
- Vrstice: Ustvari poudarek kontrastno. Če je več elementov vodoravnih, en navpični element postane osrednja točka.
- Barva: Če je večina elementov v zasnovi temnih ali utišanih, vsak predmet z barvo pritegne pogled.
- Oblike: Ko je večina oblik nepravilnih, izstopa geometrijska oblika.
- Bližina: Ko je razvrščenih več predmetov in je en ločen od skupine, pogled preide na posamezen predmet.
- Umestitev: Čeprav obstajajo izjeme, element, nameščen v središču zasnove, običajno pritegne oko.
- Utež: Težak element pritegne pozornost gledalca.
- Ponovitev: Ko se ponovi preprost grafični element za vnos, oko sledi ponovljenemu elementu do goriščne točke.
- Kontrast: Poleg kontrastov, ki jih ustvarjajo barve in črte, lahko kontrast ustvarijo tudi velikost, tekstura ali spremembe pisave. Zaradi spremembe izstopa osrednji element ali poudarek.
- White Space: Element, obdan z belim (ali praznim) prostorom, postane osrednja točka.
Hierarhija v spletnih modelih
Hierarhija je vizualna razporeditev elementov oblikovanja, ki kažejo pomembnost po velikosti. Najpomembnejši je največji element; manj pomembni elementi so manjši. Osredotočite se na ustvarjanje vizualne hierarhije v vaših spletnih oblikovanjih. Če ste si prizadevali ustvariti semantični tok do vašega HTML markup, to je enostavno, ker ima vaša spletna stran že hierarhijo. Vse, kar morate narediti, je poudariti pravi element - na primer naslov H1 - za največ poudarka.
Skupaj z označevanje, prepoznajte, da si pogled obiskovalca ogleda spletno stran v vzorcu Z, ki se začne v zgornjem levem kotu zaslona. Zaradi tega je zgornji levi kot strani dobro mesto za pomembne predmete, kot je logotip podjetja. Zgornji desni kot je drugi najboljši položaj za pomembne informacije.
Kako vključiti poudarek v spletne zasnove
Poudarek na spletnem oblikovanju lahko izvedemo na več načinov:
- S pomenskim označevanjem poudarite tudi brez stilov.
- Spremenite velikost pisav ali slik, da jih poudarite ali ne poudarite pri oblikovanju.
- Uporaba kontrastne barve poudariti.
- Velikost šteje. Ogromna beseda na strani ali zaslonu takoj pritegne pozornost.
- Žarišče obkrožite s praznim prostorom.
- Ponovite besedo ali sliko, da opozorite.
Kje ustreza podrejenost?
Podrejenost se pojavi, ko v dizajnu utišate druge elemente, da se osrednja točka pojavi. En primer je živobarvna grafika na črno-beli fotografiji za ozadje. Enak učinek se pojavi, ko uporabljate utišane barve ali barve, ki se mešajo z ozadjem za goriščnico, zaradi česar izstopa.