accent
Accentul accentuează importanța sau importanța deosebită a unui element. În multe privințe este strâns legată și chiar coincide cu conceptul de ierarhie. Pentru a menține principiul accentuării în timpul creării site-ului, este necesar să se analizeze conținutul site-ului și să se determine ce ierarhie de elemente are loc în conținutul său. După ce ați găsit acest lucru, puteți crea un site cu o ierarhie bine realizată.
O modalitate foarte bună de a determina ce să vă concentrați este să vă imaginați lista elementelor care sunt necesare pe o pagină web. Apoi, trebuie să estimați ce ordine de importanță a acestor elemente va fi. După aceea, ținând cont de estimările dvs., puteți începe să creați un design în care ierarhia vizuală a paginii web va reflecta importanța elementelor pe care le-ați definit mai devreme.
Unul dintre motivele pentru care acest lucru este atât de important este că puteți evita accentul totul la o dată. În plus, aceasta va evita capcana sub forma unei așa-numite ierarhii aleatoare. Este întotdeauna mai bine să se decidă în prealabil ce elemente vor avea o prioritate vizuală și nu o lăsați la întâmplare. Dacă încerci să te concentrezi pe toate odată, atunci în realitate nu te concentrezi pe atenția utilizatorului.
contrast
Contrastarea este diferențierea vizuală a două sau mai multe elemente. Elementele cu un grad ridicat de contrast apar clar și distinct, în timp ce elementele cu un contrast scăzut par să se îmbină și tind să se amestece într-o singură masă. Există multe caracteristici ale elementelor de design care pot fi manipulate pentru a atinge gradul necesar de contrast al elementelor, inclusiv culoarea, dimensiunea, locația, tipul și grosimea fontului.
În cazul în care elementele de design contrastează reciproc, ele vor da o varietate vizuală site-ului și vor evita obișnuința în aspectul său. Contrastul vă permite, de asemenea, să atrageți atenția prin focalizarea pe anumite elemente.
Între principiile de bază ale designului există o relație care se manifestă prin faptul că contrastul afectează accentul, confortul percepției și alte principii de design. Cea mai mare influență are asupra ierarhiei vizuale a paginii web, deoarece este adesea folosită pentru a oferi accentul dorit asupra elementelor specifice.
Astfel, ajută să atragă rapid atenția asupra elementelor-cheie, cum ar fi conținutul, elemente, care să permită să conțină anumite acțiuni, sau în text, dând de înțeles, ceea ce este scopul site-ului. Ca întotdeauna, obiectivul urmărit de site trebuie luat în considerare pentru a atrage în mod intenționat atenția utilizatorului asupra elementelor relevante prin contrastul atent.
balansare
Principiul echilibrării se învârte în jurul ideii despre modul în care elementele sunt distribuite în proiectare și modul în care acestea se raportează la distribuția globală a încărcării vizuale în cadrul paginii web. Pe aceasta depinde cât de echilibrat va fi designul în planul vizual. Gruparea elementelor în design creează o sarcină vizuală.
În mod obișnuit, această încărcătură este echilibrată prin utilizarea unei sarcini echivalente pe partea opusă a scării, obținând astfel un echilibru în proiectare. Dacă nu faceți acest lucru, rezultatul va fi un sentiment de design dezechilibrat, deși acest lucru nu înseamnă că designul va fi neapărat rău. Cu toate acestea, un design bine echilibrat creează un echilibru subtil de echilibru și, de regulă, este mai atractiv.
Echilibrul este de două tipuri: simetric și asimetric. Un echilibru simetric în proiectare este realizat atunci când jumătățile din stânga și din dreapta ale desenului față de una sau alta dintre axe sunt copii oglindite între ele și poartă o încărcătură vizuală identică. De regulă, acest lucru este tipic pentru site-urile în care logo-ul și meniul de sus sunt centrate vizual.
Soldul asimetrica este atins atunci când sarcina vizuală într-o pagină web, se distribuie uniform pe o anumită axă, cu toate acestea, elementele individuale ale celor două componente ale designului nu sunt aceeași oglindă. Apropo, site-ul meu DesigNonstop este un exemplu de echilibru asimetric.
Echilibrarea este unul dintre aspectele subtile ale designului pe care mulți dintre noi îl vor recurge instinctiv. Designul dvs. pare a fi întors cu capul în jos? Nu pare a fi dezechilibrat? Acestea sunt întrebările pe care ar trebui să le cereți să le înțelegeți dacă aveți lacune în bilanț.
aliniere
Alinierea este ordonarea elementelor astfel încât să se apropie cât mai mult posibil de liniile sau granițele naturale pe care le formează. Procedând astfel, unificați elementele. Acest proces este adesea numit de lucru cu o rețea. Elementele neselectate au tendința de a îndepărta un grup comun și necesită o unificare, la care ne străduim adesea. Exemple de elemente aliniate includ anteturile cu o singură linie de două coloane sau marginile din stânga ale elementelor situate una deasupra celeilalte, aliniate una cu cealaltă.
Aceste exemple sunt destul de evidente, însă pe paginile web sunt posibile aliniere mult mai complicate care permit realizarea unui design unificat și atractiv. Dacă se întâmplă să se confrunte cu sarcina, care este de a lua modelele de proiectare existente pe suport de hârtie și să le pună în aplicare în codul dvs., atunci va fi deosebit de important să fie conștienți de necesitatea de a respecta acest principiu.
Atunci când efectuați această sarcină, devine adesea obositoare și dificil de reprodus în proiectarea alinierii care a fost inițial destinată. Cu toate acestea, problema nu este numai în procedura însăși, ci și în faptul că aceste detalii sunt foarte ușor de trecut cu vederea. Prin urmare, cunoașterea faptului că este necesar să se respecte principiul de nivelare este important pentru un dezvoltator de web atunci când se implementează un design în cod.
repetiție
Repetarea implică utilizarea repetată în proiectarea acelorași elemente în moduri diferite. Un design care conține repetiții devine unificat. Repetarea poate fi exprimată într-o varietate de forme, inclusiv utilizarea aceleiași culori, contururi, linii, fonturi, imagini și o abordare generală a stilului.
Adesea, respectarea acestui principiu este inevitabilă, deoarece, în cazul în care designul nu include elemente repetitive, aceasta indică, de obicei, că este lipsită de conectivitate logică. Repetarea are un avantaj atât de mare ca previzibilitatea. Utilizatorul se așteaptă să vadă lucruri deja cunoscute, dacă se constată consecvența și constanța elementelor-cheie ale designului.
Prea des se întâmplă ca un anumit site-ul își pierde coerența vizuală, datorită faptului că pe fiecare pagină a designerului său folosește o abordare complet diferită de design, mai degrabă decât de a dezvolta orice tehnică și luați-o ca bază.
Convenabilitatea percepției
Percepția este un fel de cale pe care utilizatorul le aderă la cunoașterea vizuală a elementelor de design. Depinde în principal de ceea ce a subliniat designerul și în ce măsură a oferit elemente contradictorii între ele. De fapt, comoditatea percepției va depinde în întregime de modul în care designerul a compilat toate elementele paginii.
Când vă gândiți cum să vă asigurați confortul percepției, nu uitați de ordinea naturală a lucrurilor. Conform cercetării, dragostea este înclinată să examineze anumite lucruri într-o manieră previzibilă. De obicei, o persoană se uită de la stânga la dreapta și de sus în jos. Acesta este motivul pentru care site-urile web care obligă utilizatorii să studieze conținutul de la dreapta la stânga resping pe cei care sunt obișnuiți să facă acest lucru de la stânga la dreapta.
În lupta împotriva ordinii naturale a lucrurilor, nu este nimic rău; trebuie să luăm în considerare doar posibilele consecințe ale unei astfel de decizii. Fiecare site oferă o anumită percepție pentru utilizator, care poate fi atât convenabilă, cât și incomodă. Dar cum să înțelegeți că site-ul nu va oferi confortul de a-și percepe conținutul? Probabil că preferința va avea acele site-uri care oferă un proces de percepție lină, confortabilă și maximă naturală.
Un site poate avea o structură complexă, dar ar trebui să ofere o abordare naturală și convenabilă a percepției conținutului său, astfel încât să nu trebuiască să faceți o scurtă privire la pagina web. Un site care oferă o percepție confortabilă ajută o persoană să aibă dorința de a privi din nou la ceea ce a văzut deja, adică să-și susțină interesul.
