Accentul într-un proiectarea paginilor web creează o zonă sau un obiect care este punctul focal pentru pagină. Este o modalitate de a face un element să iasă în evidență în design. Punctul focal poate fi mai mare decât alte elemente ale designului sau viu colorat - ambele având tendința de a atrage privirea. Când proiectați o pagină web, puteți adăuga accentul alegând un cuvânt sau o expresie și atribuindu-i un culoare, font sau dimensiune care o face să iasă în evidență, dar există multe alte modalități de a folosi accentul în proiecta.
Utilizarea accentului în proiectare
Una dintre cele mai mari greșeli pe care designerii web o pot face este să încercați să faceți ca totul din design să iasă în evidență. Când totul are același accent, designul pare ocupat și confuz sau mai rău - plictisitor și neplăcut. Pentru a crea un punct focal într-un design web, nu treceți cu vederea utilizarea:
- Linii: Creează accent prin contrast. Dacă mai multe elemente sunt orizontale, un element vertical devine punctul focal.
- Culoare: Dacă majoritatea elementelor din design sunt întunecate sau dezactivate, orice obiect cu culoare atrage privirea.
- Forme: Când majoritatea formelor sunt neregulate, se evidențiază o formă geometrică.
- Proximitate: Când mai multe elemente sunt grupate, iar unul este separat de grup, ochiul merge la singurul element.
- Plasament: Deși există excepții, un element plasat în centrul unui design atrage de obicei privirea.
- Greutate: Un element greu atrage atenția privitorului.
- Repetiţie: Când se repetă un element grafic simplu pentru a tasta, ochiul urmează elementul repetat până la punctul focal.
- Contrast: În plus față de contrastele create de culoare și linii, contrastul poate fi generat de modificări de dimensiune, textură sau font. Schimbarea face ca elementul focal sau accentul să iasă în evidență.
- Spatiu alb: Un element înconjurat de spațiu alb (sau gol) devine punctul focal.
Ierarhia în web design-uri
Ierarhia este aranjamentul vizual al elementelor de design care indică importanța în funcție de dimensiune. Cel mai mare element este cel mai important; elementele mai puțin importante sunt mai mici. Concentrați-vă pe crearea unei ierarhii vizuale în proiectele dvs. web. Dacă ați lucrat pentru a crea un flux semantic către dvs. HTML marcaj, acest lucru este ușor, deoarece pagina dvs. web are deja o ierarhie. Tot ce trebuie să faceți este să subliniați elementul corect - cum ar fi un titlu H1 - pentru cel mai mare accent.
Împreună cu ierarhia în marcare, recunoașteți că ochiul unui vizitator vizualizează o pagină web într-un model Z începând din colțul din stânga sus al ecranului. Acest lucru face din colțul din stânga sus al paginii un loc bun pentru un element important, cum ar fi sigla companiei. Colțul din dreapta sus este a doua cea mai bună poziție de plasare pentru informații importante.
Cum să includeți accentul în proiectările web
Accentul în proiectarea web poate fi implementat în mai multe moduri:
- Utilizați marcaj semantic pentru a oferi accent chiar și fără stiluri.
- Schimbați dimensiunea fonturilor sau imaginilor pentru a le sublinia sau a le sublinia în design.
- Utilizare culori contrastante pentru a oferi accent.
- Mărimea contează. Un cuvânt imens de pe pagină sau ecran primește o atenție imediată.
- Înconjoară punctul focal cu spațiu alb.
- Repetați un cuvânt sau o imagine pentru a atrage atenția.
Unde se încadrează subordonarea?
Subordonarea apare atunci când atenuați alte elemente într-un design pentru a face ca punctul focal să apară. Un exemplu este un grafic viu colorat poziționat pe o fotografie de fundal alb-negru. Același efect apare atunci când utilizați culori dezactivate sau culori care se amestecă cu fundalul din spatele punctului focal, făcându-l să iasă în evidență.