Utilizați accentul pentru a atrage atenția privitorului
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
Unul dintre cei mai mari designeri de greseli poate fi sa incerce sa faca totul in design sa iasa in evidenta. Când totul are un accent egal, designul apare 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ă majoritatea elementelor 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 elemente sunt grupate și una este separată de grup, ochiul trece la elementul unic.
- Plasarea: Deși există excepții, un element plasat în centrul unui desen sau model atrage de obicei ochiul.
- Greutate: Un element greu atrage atentia privitorului.
- Repetare: Când se repetă un element simplu de tip grafic, ochiul urmează elementul repetat punctului focal.
- Contrast: În plus față de contrastul creat de culori și linii, contrastul poate fi generat de dimensiunile, textura sau modificările fontului. Schimbarea face ca elementul focal să iasă în evidență.
- Spațiul 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 un titlu 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ță.