Înțelegerea simetriei și asimetriei în proiectare

Designerii cunosc importanța stăpânirii conceptului vizual de echilibru pentru a transmite mesajul potrivit pentru ca publicul să îl perceapă. Adesea, echilibrul este considerat a fi atins numai atunci când lucrurile sunt în simetrie sau au greutate egală de fiecare parte a designului. Nu este adevarat; puteți obține echilibrul și în alte moduri. Pentru aceasta, ar trebui să înțelegem mai întâi ce înseamnă echilibrul în design. Este cunoscută ca distribuția elementelor designului. Este o interpretare vizuală a gravitației în design. Obiectele mari și dense par a fi mai grele, în timp ce elementele mici par mai ușoare. Există diferite moduri de a atinge echilibrul în design. Vom discuta două astfel de metode care sunt utilizate pe scară largă: proiectarea simetrică și asimetrică.

Ce este simetria?

Pin

Simetria se referă la calitatea vizuală a părților recurente ale unei imagini de-a lungul unei axe, de-a lungul unei căi sau a unui centru. Elementele și compozițiile care sunt aceleași pe ambele părți și arată întotdeauna echilibrate. Cea mai bună referință care poate fi extrasă din natură pentru a înțelege conceptul de simetrie este fluturele. Toate formele opuse sunt omologi unele ale altora și sunt în proporție perfectă. O astfel de simetrie perfectă creează un sentiment de armonie care arată plăcut din punct de vedere vizual și, prin urmare, este adesea percepută foarte bine.

Există diferite metode de realizare a simetriei de diferite tipuri. Să discutăm câteva dintre ele:

1. Simetria reflexiei:

Pin

Simetria de reflecție, cunoscută și sub numele de simetrie bilaterală, este cea mai comună și populară formă de simetrie. Într-o astfel de simetrie, axa centrală poate fi poziționată orizontal sau vertical fără a influența în vreun fel simetria. Nu numai axele verticale și orizontale, ci și o astfel de simetrie pot fi găsite și pe mai multe axe diagonale. Luați, de exemplu, un fulg de zăpadă care este simetric indiferent de locul în care puneți axa centrală. Deoarece nu există variații de ambele părți ale axei centrale într-o astfel de simetrie, este denumită și simetrie pură.

Când infuzăm Reflection Symmetry în designul nostru web, putem face acest lucru în aspect. Principiile de bază rămân aceleași. Cu toate acestea, trebuie remarcat că ar trebui să vă inspirați din astfel de practici și să nu vă sfiați să vă despărțiți puțin de felul în care arată elementele de pe ambele părți ale axei centrale, cu condiția ca acestea să fie proporțional similare. Această practică ajută la crearea unui contrast ridicat uneori, așa cum se vede în exemplul site-ului de mai sus.

2. Simetria rotației:

Pin

Simetria rotației este cunoscută și ca simetrie radială. Este folosit pentru a adăuga mișcare într-un design. Ideea de bază este de a roti un element într-o anumită măsură, care să ajute să înfățișeze mișcarea acelui element în design prin afișarea lui în două sau mai multe unghiuri diferite, indicând deplasarea și viteza. Transmite o acțiune dinamică. Ele trebuie să fie la aceeași distanță, frecvență și unghi ale obiectelor vizuale pentru a fi în simetrie de rotație. Dacă ne inspirăm din natură, cel mai bun exemplu de simetrie de rotație sunt petalele unei floarea soarelui.

Când vorbim despre design web sau design de logo, cea mai bună utilizare a Simetriei de rotație poate fi văzută în designul logo-ului Mitsubishi. Același model este rotit în trei unghiuri diferite conectate la centru, care seamănă cu designul unei flori și folosește simetria rotațională și creează un sentiment de mișcare.

3. Simetrie translațională:

Pin

Simetria translațională se realizează prin relocarea unui obiect într-o altă poziție, menținând în același timp orientarea generală sau exactă. În general, este folosit pentru margini pentru a menține modelele complicate „în linie” pe o suprafață plană sau o suprafață bidimensională. Acest lucru nu necesită ca toate elementele să fie de aceeași dimensiune. De multe ori modificarea dimensiunii modelului recurent în aceeași orientare poate fi folosită pentru a afișa distanța, mișcarea sau proximitatea. Este modalitatea ideală de a crea viteză, sunet și acțiune în designul tău.

Când vine vorba de design web, designerii îl folosesc adesea pe un singur element al paginii web în loc să proiecteze întregul site web în acest fel. Este, de asemenea, o practică excelentă pentru proiectarea logo-urilor. Sigla Public Broadcasting Service folosește excelent Simetria tranzitorie îmbinată cu monocrom pentru a arăta contrastul în sigla lor.

4. Simetria culorilor:

Pin

Simetria este adesea luată în considerare și despre care se vorbește doar în forme și aranjamentele acestora, dar poate fi implementată și în aspectul cromatic al acesteia. Roata de culori în sine este într-o simetrie atât de perfectă încât fiecare nuanță, fiecare culoare are o culoare opusă reconfortantă, ceea ce duce la o simetrie inteligentă. Culorile ca element individual de design au un impact semnificativ asupra esteticii vizuale și a limbajului site-ului. Prin urmare, crearea unei simetrii a culorilor într-un site web este esențială pentru a face experiența utilizatorului liniștitoare și confortabilă pentru ochi. De asemenea, îi poate ajuta pe designeri să mențină un echilibru ideal între diverse elemente, cum ar fi punctele de interes, unicitatea și caracterul.

Apple realizează o simetrie reușită a culorilor folosind cea mai populară și clasică combinație de alb-negru sau monocrom în designul site-ului lor. Contrastul de culori oferă spațiu de respirație elementelor individuale, precum și experienței generale a site-ului. Utilizatorii se simt în largul lor când navighează pe site, deoarece informațiile par a fi foarte organizate și structurate.

Acum că cunoaștem tipurile de balanțe simetrice, putem discuta despre avantajele utilizării lor în proiectare.

Transmite un sentiment de încredere: aspectul simetric funcționează excelent pentru designerii care doresc să transmită un sentiment de încredere. Oferă, de asemenea, un sentiment de stabilitate; prin urmare, dacă lucrați pentru o bancă; designul simetric ar putea fi alegerea potrivită.

Pentru paginile cu un singur obiect de interacțiune: echilibrul simetric funcționează cel mai bine pentru paginile care au un singur obiect interactiv. De obicei, paginile de autentificare/înscriere au o astfel de pagină. Folosind un obiect de interacțiune principal sau un mesaj critic în centru, puteți avea un punct focal central.

Când o pagină are două sau mai multe opțiuni esențiale din care să aleagă: Utilizarea echilibrului asimetric permite vizitatorului să se concentreze pe toate paginile site-ului în mod egal. Unul dintre cele mai bune locuri în care acest lucru poate fi de folos este un site de cumpărături care are produse atât pentru bărbați, cât și pentru femei. Prin urmare, o secțiune a paginii poate afișa secțiunea masculină, iar cealaltă secțiunea feminină.

Acum că am discutat despre diferitele tipuri de echilibre Symmetry și despre modul în care diferiți designeri le-au încorporat în design, să înțelegem despre ce este designul asimetric.

Ce este Asimetria?

Pin

Echilibrul care nu are simetrie este cunoscut sub numele de echilibru asimetric. Ceea ce pare a fi o manieră haotică de compoziție este una intenționată, cu un simț al echilibrului încă prezent în design, în ciuda utilizării unor elemente de greutăți diferite care nu se oglindesc unele cu altele. Multe metode pot realiza acest lucru. De exemplu, ați putea pune elemente grele la un capăt al pânzei și să-l echilibrați cu obiecte mai ușoare pe partea opusă a designului. Astfel de practici fac ca designul să pară mai dinamic și mai modern. De asemenea, vă poate ajuta să transmiteți mesajul cu un impact mai semnificativ.

De reținut că obiectele mai întunecate și mai mari au întotdeauna o greutate mai mare decât obiectele mici și mai ușoare. Desenele asimetrice pot atrage mai multă atenție, deoarece folosesc relații complexe între două sau mai multe elemente pentru a-și crea compoziția. Există un echilibru armonios care se realizează prin utilizarea echilibrului simetric, dar uneori devine puțin pasiv. În timp ce designerii care folosesc corect echilibrul asimetric nu trebuie să-și facă griji că atrage atenția publicului lor, deoarece există mai mult un domeniu de acțiune pentru povestiri decât designurile simetrice.

Faimosul pictor Vincent Van Gogh și-a pictat faimoasa pictură numită „Noaptea înstelată”, care funcționează ca un exemplu excelent de echilibru asimetric. Luna strălucitoare din poziția din dreapta sus a compoziției este echilibrată și completată de copacii întunecați din partea stângă jos a picturii.

Designurile asimetrice vă oferă libertate de flexibilitate, imprevizibilitate și povestire. Deși astfel de modele arată mai întâmplătoare și haotice, nu ar trebui să se presupună că sunt ușor de realizat. Crearea unui echilibru într-un proces de proiectare atât de haotic poate fi mai dificilă.

Există diferite metode de a realiza asimetria de diferite tipuri. Să discutăm câteva dintre ele:

1. Aranjament după formă și valoare:

Pin

Obiectele vizuale de culori deschise și dimensiuni mici au o greutate mai mică decât obiectele vizuale mai mari și mai întunecate. Acest lucru face posibilă echilibrarea unui design prin utilizarea mai multor elemente mai mici pe o parte a designului în comparație cu un obiect mai masiv de pe cealaltă parte a designului. De asemenea, zonele goale mari ale unei compoziții pot fi completate cu detalii mai mici și complicate.

2. Un aranjament folosind Textura:

Pin

Textura este una dintre cele mai puternice tehnici folosite pentru a crea un design convingător și realist. Este cunoscută ca calitatea suprafeței sau senzația unui obiect. Ai ști cât de diferite materiale, cum ar fi bumbacul, lâna și iuta, se simt pe pielea ta. Aceasta este cunoscută sub numele de Textura acelui material. În lumea practică, texturile diferențiază două elemente vizual, precum și prin diferența materială resimțită fizică. Cu toate acestea, în design web, deoarece designul este digital, textura nu poate fi simțită la atingere, ci poate fi portretizată prin ajustări vizuale. Textura culorii poate fi ajustată în funcție de efecte netede, aspre sau orice alte asemenea efecte. Arătând un contrast puternic între o zonă în care sunt folosite texturi diferite și o altă zonă în care nu există variații de texturi, se poate găsi un sentiment de echilibru.

3. Aranjament după culoare: Pin

Există multe moduri de a descrie culorile. Există culori primare, culori secundare, în timp ce există și culori mai răcoritoare și tonuri mai calde de culori. Unele culori sunt foarte vii, iar altele sunt destul de plictisitoare, în timp ce unele se situează între ele ca neutre. Cunoașterea adecvată a acestui lucru poate ajuta designerii să aleagă culori relevante în designul lor pentru a le crește atractivitatea. În proiectarea asimetrică, designerii folosesc adesea culori neutre pentru zone mari ale designului și le contrastează cu culorile luminoase și vii ale zonelor mai mici.

4. Aranjament după direcția ochilor:

Pin

Când vorbim despre design, în general, multe elemente pot oferi un ghid vizual pe care să îl urmărească publicul și să vadă ce vrea designerul să vadă mai întâi, apoi al doilea și așa mai departe. Formele triunghiulare funcționează adesea ca săgeți sau indicatori, iar atenția oamenilor este atrasă să găsească mai întâi astfel de indicii și apoi să se uite la restul designului. De asemenea, atunci când elementul de design îndreaptă spre ceva, redirecționează atenția publicului către locul în care indică. Menține publicul curios și, prin urmare, este o parte integrantă a elementelor de design pentru echilibrul asimetric.

Acum că cunoaștem tipurile de balanțe asimetrice, putem discuta despre avantajele utilizării lor în proiectare:

Pentru a face aspectul să iasă în evidență: designul asimetriei are o caracteristică de povestire și, prin urmare, se distinge de restul, ceea ce are o impresie de durată în mintea clienților.

Pentru a arăta dinamism: designul dinamic este un design în care ochii privitorului se deplasează prin aspectul designului în loc să vadă toate elementele ca una singură. Modelele asimetrice descriu un sentiment de mișcare. Acesta este motivul pentru care multe mărci de sport folosesc un design asimetric în logo-urile și machetele lor.

Pentru a atrage atenția: Designul asimetriei atrage atenția. Ghidează automat vizitatorul către punctul focal, iar privirea se fixează mai întâi asupra aspectului cel mai critic al designului. Prin reglarea și poziționarea elementelor unei pagini, designerul poate îndrepta privirea privitorului către diferite zone.

În timp ce ambele practici de proiectare sunt unice și au implicațiile și avantajele lor, ele au și limitările lor. Astfel, puteți combina atât principiile designului de simetrie, cât și de asimetrie pentru a crea layout-uri de design estetic. O modalitate de a face acest lucru este să aveți un aspect general simetric și regiuni sau elemente asimetrice într-o regiune a aspectului pentru a crea puncte de interes și a organiza ierarhia vizuală într-un grup de elemente similare.

Prin urmare, stăpânirea abilităților ambelor discipline vă va ajuta să proiectați un site web grozav, cu un aspect captivant și relevant, care este unic și memorabil pentru vizitatori.