Principiile Gestalt în proiectare

Astăzi, voi discuta unul câte unul câteva principii principale Gestalt în design, cum ar fi proximitatea, închiderea, continuarea, figura și terenul.

Cuprins

• Principiile Gestalt în proiectare | Proximitate
• Principiile Gestalt în proiectare | Continuitate
  • Mărcile ca exemple de continuitate
  • Picturile ca exemple de continuitate
• Principiile Gestalt în proiectare | Soarta comună
• Principiile Gestalt în proiectare | Închidere
  • Aplicarea închiderii în proiectarea raportului
• Figura și principiile de bază
• Unilever: Un mare exemplu de figură și teren
• Concluzie

Principiile Gestalt în proiectare | Proximitate

Proximitatea apare atunci când elementele sunt plasate aproape unele de altele. Cu cât sunt mai aproape, cu atât apar mai înrudite. Acest principiu Gestalt este printre primele principii care ne influențează percepția și înțelegerea. 

Cel mai simplu mod de a indica relația în rapoartele dvs. este de a manipula proximitatea. Acest principiu este atât de puternic încât va trece chiar peste unul dintre principiile Gestalt în design, care este similaritatea.

Să luăm exemplul culorii pe care am folosit-o anterior. Putem vedea că, pe baza principiului asemănării, vom grupa elementele intuitiv în funcție de culoarea lor.

Uite ce se întâmplă dacă adăugăm niște spații între elemente. Proximitatea precede asemănarea.

Unde folosim principiul proximității în rapoartele LuckyTemplates ? Le putem folosi fie pentru a crea o relație între două grafice, fie pentru a crea o diagramă.

În raportul pe care l-am creat pentru organizat de LuckyTemplates, am realizat acest tooltip. Graficul din partea de sus a imaginii folosește principiile de proximitate și similaritate.

Ceea ce arăt în acest grafic este fiecare cursă câștigată de Hamilton începând din 2007 până astăzi. Putem observa cu ușurință că densitatea cursei câștigate de Hamilton din 2015 până în 2016 este în creștere. Putem vedea acest lucru deoarece ochii noștri interpretează distanța și grupează bare foarte dense. 

În acest exemplu, folosim același principiu pentru a crea o relație între harta care arată prevalența astmului la adulți și micile grafice multiple care arată prevalența evoluției astmului la copii în funcție de etnie.

La fel, butoanele de navigare folosesc acest principiu pe lângă similitudine, deoarece avem toate elementele la distanță apropiată. Folosim întotdeauna aceeași distanță între butoane și distanță mai importantă pentru orice altceva.

Principiile Gestalt în proiectare | Continuitate

Principiul continuității arată modul în care elementele care se mișcă sau care oferă iluzia mișcării în aceeași direcție sunt percepute ca legate.

Utilizarea acestui principiu în design poate ajuta la atragerea atenției spectatorului și la direcționarea acestuia către un design sau o informație specifică .

După cum s-a observat în exemplu, elementele care sunt aranjate pe o linie sau o curbă sunt percepute ca fiind mai legate decât elementele care nu sunt pe linie sau curbă.

Un alt element important de observat este că dacă ochiul începe să urmeze o tendință ascendentă de linie de puncte închise sau o linie continuă, va continua să facă acest lucru până când va întâlni un alt obiect care rupe această continuitate.

Recunoaștem elementele care urmează o linie continuă ca grup. Cu cât segmentele de linie sunt mai netede, cu atât le vedem mai mult ca o formă unificată.

Mintea noastră preferă calea celei mai mici rezistențe . Arată cum încercăm să urmăm cea mai simplă cale pentru elementele continue conectate. Creierul nostru ia calea cea mai logica si simplificata. Vom percepe aceste linii ca două linii diferite ca în al doilea exemplu.

Cum ne poate fi util acest principiu? Continuitatea ne ajută să interpretăm direcția și mișcarea de-a lungul compoziției. Are loc la alinierea elementelor și ne poate ajuta ochii să se miște fără probleme pe toată pagina. 

Principiul continuității întărește percepția informațiilor grupate, creând ordine și ghidând utilizatorii pe diferite segmente de conținut.

Întreruperea continuității poate semnala sfârșitul unei secțiuni și poate atrage atenția asupra unui nou conținut .

Mărcile ca exemple de continuitate

După cum se arată în acest slide, putem vedea că principiul continuității se aplică în compoziția designului. În primul exemplu, putem vedea cum un titlu grozav poate funcționa minunat cu principiul continuității.

Acesta sugerează că Coca-Cola este un exemplu de tradiție îndelungată în materie de calitate și ar trebui să avem încredere în el. Aceasta este o tehnică de povestire foarte puternică și ceva ce putem aplica cu toții atunci când este comunicat prin rapoarte.

Permite utilizatorului să conecteze punctele la concluzia pe care o dorim; prin urmare, acest lucru face mesajul mult mai puternic.

Principiul va concentra privirile utilizatorului imediat după titlu pe cea mai recentă sticlă de Coca-Cola. Acesta este un exemplu perfect de poveste grozavă și o alegere magnifică de elemente și design.

Al doilea și al treilea exemple arată impactul continuității asupra modului în care vedem imaginile. În mod natural scanăm pagina într-un model F sau Z. De data aceasta, am scanat pagina într-un mod complet diferit. Întreruperea continuității atrage atenția asupra unui nou conținut.

În logo-ul Amazon, au folosit continuitatea în mod eficient. Ochii noștri se concentrează atunci când linia începe la A și apoi sare la Z. Mesajul de bază este că putem găsi totul la Amazon, fiecare produs de la A la Z.

În exemplul logo-ului ProQuest, putem vedea cum se pune accentul pe mesajul de la sfârșit, unde ochii se vor baza pe principiul continuității.

Picturile ca exemple de continuitate

Să mergem și mai adânc în explorarea noastră a posibilităților de compoziție. Vom explora un exemplu care folosește atât continuitatea, cât și principiile comune Gestalt în design.

Vânătoarea de mistreți din Calydonian este o adevărată piesă de artă și o pictură faimoasă a lui Peter Paul Rubens în 1612. Pe lângă regula treimilor, Rubens a folosit și continuitatea , principiile Gestaltului comune ale soartei și atributele preatentive la perfecțiune, toate în același timp.

Mai întâi, să ne uităm la pictură. La ce ne uităm mai întâi? 

Ochii noștri atrag către războinic din cauza culorii pelerinei. Rubens a folosit culoarea roșie ca un atribut prea atent . De asemenea, ochii ne sunt atrași de suliță, iar în mod firesc vom urmări poteca până la capăt spre umărul mistrețului.

Principiile Gestalt în proiectare | Soarta comună

Subiectul principal este mistrețul, care este în centrul atenției. Rubens subliniază acest lucru prin utilizarea regulii treimii și prin adăugarea altor principii Gestalt în design – soarta comună .

Legea Gestalt a sorții comune afirmă că oamenii percep elementele vizuale care se mișcă în aceeași viteză sau direcție ca părți ale unui singur stimul.

Un exemplu comun în acest sens este un stol de păsări. Când mai multe păsări zboară în aceeași direcție, presupunem în mod normal că aparțin unui singur grup. Păsările care zboară într-o direcție diferită nu par să fie incluse în același grup. 

În acest caz, putem vedea că fiecare persoană din scenă se uită și are capul îndreptat spre mistreț.

Mișcarea scenei, utilizarea regulii treimii și principiile Gestalt în design sunt toate folosite pentru a perfecționa această capodoperă. Dă viață scenei și implică percepția și emoțiile utilizatorului .

Principiile Gestalt în proiectare | Închidere

Principiul de închidere este destul de simplu. Închiderea are loc atunci când un element este incomplet sau un spațiu nu este închis. Dacă este indicată suficientă formă, privitorul va completa subconștient informațiile lipsă. 

Uită-te la imaginea de pe diapozitiv. Vedeți multe puncte sau vedeți un câine? Poți să vezi și tu panda? 

Mintea noastră umple punctele. Putem vedea forme complete într-un context incomplet. 

A doua observație a acestui principiu este că elementele care au o limită în jurul lor sunt percepute ca fiind mai legate. Percepem un set de obiecte ca fiind un grup atunci când sunt închise în orice zonă vizuală care plasează o margine sau o umbră în jurul lor. 

De exemplu, punctele de date din ambele imagini sunt aranjate identic, dar sunt percepute ca grupate foarte diferit. Percepția ta despre ceea ce merge împreună este complet diferită. Închiderea poate fi folosită pentru a separa sau lega lucrurile împreună .

Aplicarea închiderii în proiectarea raportului

Pe baza acestor observații, cum putem folosi acest principiu în raportul nostru? În primul rând, înțelegem acum importanța aspectului de fundal. Știm că dacă punem împreună două diagrame în interiorul cutiei, putem implica o relație.

În al doilea rând, știm că putem implica același principiu în interiorul graficelor așa cum se arată în exemplu. În al treilea rând, nu trebuie să închidem complet componente separate. Completam subconștient informațiile lipsă, iar acest lucru este foarte util pentru a ne dezordine design-urile.

Figura și principiile de bază

Figure & ground este unul dintre cele mai dificile principii Gestalt în design, dar și unul dintre cele mai puternice. Este starea în care percepem elementele fie ca obiecte de focalizare, fie ca fundal. 

La fel ca închiderea, figura și terenul lucrează prin utilizarea spațiului pozitiv și negativ . Există practic în tot ceea ce percepem vizual, fie că vedem o compoziție, un site web, un logo sau o pictogramă. 

Creierul nostru separă primul plan de fundal pentru a vedea obiectele și împrejurimile. Se mai numește și relație spațială negativ-pozitivă.

Aceleași forme pot fi văzute ca prim plan sau ca fundal. Culoarea nu are nimic de-a face cu determinarea dacă este un fundal sau o figură. 

Să vedem câteva exemple pentru a clarifica lucrurile. Posterul Nașul este cel mai bun exemplu de figură și sol, deoarece vedem un contrast excelent de culoare.

Plasarea figurii de focalizare în apropierea zonei centrale din cadrul cadrului îi oferă echilibru. Primul plan este mai detaliat decât fundalul. Avem un punct focal evident de semnificație, care este trandafirul roșu.

Fundalul nu concurează cu prim-planul pentru atenție. Deci, în acest caz, este ușor de identificat punctul focal și simplitatea de fundal a întregii interfețe și importanța detaliilor. Păstrați-o simplă și concentrați-vă pe ceea ce contează cu adevărat . 

Putem replica acest exemplu în proiectarea raportului nostru. Se pot întâmpla multe pe pagina cu foarte puține elemente grafice. De fapt, adăugarea mai multor elemente fără a înțelege efectul poate face adesea mesajul confuz. După cum se arată în acest exemplu, posterul este perfect, mai puțin este mai mult.

Bine, să trecem la alte exemple. Puteți identifica cu ușurință care este figura și care este pământul? 

Este greu de știut pentru că imaginile sunt ambigue. Există mai multe soluții pentru ceea ce este figura și care este fundalul. Aceste tipuri de imagini atrag privitorul și îi fac să zăbovească mai mult în imaginea dvs., ceea ce poate crește implicarea în povestea pe care doriți să o spuneți. 

Unilever: Un mare exemplu de figură și teren

Dacă ne uităm la logo-ul Unilever, vom înțelege cât de bogată poate fi o poveste bazată pe figură și teren, dar și pe principiul de închidere.

Sigla Unilever arată ca o literă U mare. Tindem să vedem asta pentru că ne este familiar și recunoaștem cu ușurință litera. De asemenea, marimea si contrastul formei ne fac sa ne concentram asupra ei si U devine figura iar restul, fundalul.

Dacă ne uităm mai atent, vedem că fundalul este ambiguu și putem identifica detaliile. Putem distinge o pasăre, o inimă, haine și un pește.

Utilizatorul va descoperi sigla unei companii angajate cu preocupări de mediu și multe altele. Acest logo este grozav pentru că este simplu, dar transmite o poveste foarte bogată despre companie.

Acest principiu este foarte puternic și, deși este folosit mai des în design grafic și în design informațional, trebuie înțeles.

Diferența dintre fundal și prim-plan este ceva de care trebuie să fim conștienți în rapoartele noastre.

Proiectări LuckyTemplates pentru rapoarte convingătoare.
Elemente vizuale și efecte : Proiectări de tablouri de bord LuckyTemplates
Tablo de bord în LuckyTemplates: Cele mai bune practici de proiectare

Concluzie

Aplicarea tehnicilor corecte ale principiului Gestalt în rapoartele noastre LuckyTemplates poate produce o povestire convingătoare care poate ajuta utilizatorii să conecteze punctele și să facă mesajul mai puternic. Avem libertatea de a alege ce principiu să folosim care se potrivește cel mai bine nevoilor publicului nostru.

Toate cele bune,