Accentul în designul unei pagini web creează o zonă sau un obiect care este punctul focal al paginii. Este o modalitate de a face un element să iasă în proiect. Punctul focal poate fi mai mare decât alte elemente ale designului sau culori vii - ambele au tendința de a atrage ochiul. Atunci când proiectați o pagină web, puteți adăuga accentul alegând un cuvânt sau o expresie și atribuindu-i o culoare, un font sau o dimensiune care o face deosebită, dar există multe alte modalități de a utiliza accentul în designul dvs.
Utilizarea accentului în design
Una dintre cele mai mari greșeli ale designerilor web poate face este să încerce să facă totul în designul să iasă în evidență. Când totul are un accent egal, designul pare ocupat și confuz sau mai rău - plictisitor și neatins. Pentru a crea un punct focal într-un design web, nu treceți cu vederea utilizării:
- Linii: Creați accentul prin contrast. Dacă mai multe elemente sunt orizontale, un element vertical devine punctul focal.
- Culoare: Dacă cele mai multe elemente din design sunt întunecate sau dezactivate, orice obiect cu culoare atrage ochiul.
- forme: Atunci când cele mai multe forme sunt neregulate, o formă geometrică iese în evidență.
- Proximitate: Atunci când mai multe articole sunt grupate și unul este separat de grup, ochiul trece la elementul unic.
- Destinație de plasare: Deși există excepții, un element plasat în centrul unui desen sau model atrage de obicei ochiul.
- Greutate: Un element greu atrage atenția spectatorului.
- Repetiţie: Când se repetă un element simplu de tip grafic, ochiul urmează elementul repetat la punctul focal.
- Contrast: În plus față de contrastul creat de culori și linii, contrastul poate fi generat de dimensiunile, textura sau modificările fontului. Schimbarea determină 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 desenele Web
Ierarhia este aranjamentul vizual al elementelor de design care indică importanța în funcție de mărime. Cel mai important element este cel mai important; elementele mai puțin importante sunt mai mici. Concentrați-vă pe crearea unei ierarhii vizuale în desenele dvs. web. Dacă ați lucrat pentru a crea un flux semantic în marcajul HTML, 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 titlul H1 - pentru cel mai accentuat aspect.
Împreună cu ierarhia în marcare, recunoașteți că ochiul vizitatorului vizualizează o pagină web într-un model Z care începe în colțul din stânga sus al ecranului. Acest lucru face ca colțul din stânga sus al paginii să fie un loc bun pentru un element important, cum ar fi logo-ul companiei. Colțul din dreapta sus este cea de-a doua poziție de plasare pentru informații importante.
Cum să includem accentul în desenele Web
Accentul în designul 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 a imaginilor pentru a le accentua sau a sublinia în proiect.
- Utilizați culori contrastante pentru a acorda o importanță deosebită.
- Dimensiunea contează. Un cuvânt uriaș 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 când tonați alte elemente într-un design pentru a face punctul focal pop. Un exemplu este un grafic luminos colorat, poziționat pe o fotografie de fundal alb-negru. Același efect apare atunci când utilizați culori sau culori mutate care se amestecă cu fundalul din spatele punctului focal, determinându-l să iasă în evidență.
