Principiul Gestalt teoria designului pentru designerii web

Modul în care oamenii vedea modelele noastre influențează puternic sens pe care le iau de la ei. Principiul Gestalt examinează acest fenomen; Ca atare, este unul dintre principiile fundamentale pe care fiecare designer web trebuie să le ia în considerare atunci când se deplasează prin procesul de proiectare. De asemenea, vom examina modul în care înțelegerea gestalt vă va îmbunătăți propriul flux de lucru!

Teoria designului și designul web

Încercarea de a veni cu un design bun și creativ poate părea ușor pentru cineva care a participat la o școală de proiectare, dar pentru 90% dintre designerii de web acolo care nu au participat niciodată la niciun curs de design sau școală care vizează în majoritate fie de dezvoltare, fie, în general, fundaluri. Întrebarea rămâne încă ... ce definește cu adevărat un design web bun? Este doar talent? O persoană care posedă un fel de "ochi special" care știe ce funcționează și ce nu? Sau există o logică și o metodologie științifică în spatele tuturor acestor lucruri, care pot ghida designeri, critici și chiar clienți să vină cu un design minunat.

Aceasta face parte dintr-o serie de articole de teorie a designului care vă vor ghida prin principiile de bază ale procesului de proiectare. Vom concentra asupra celor mai importante idei fundamentale care pot face diferențe mari în designul final.

Principiul Gestalt

Gestalt este un cuvânt în limba germană care înseamnă "esența sau forma formei complete a entității", iar această definiție unică poate fi una dintre cele mai importante reguli de proiectare.

De cele mai multe ori, designerii tind să se concentreze mai degrabă pe detaliile designului web decât pe aspectul general. Acestea se concentrează pe muchiile curbate, umbrele, fonturile etc., ceea ce este bine, dar nu poate avea nici o importanță dacă clientul nu-i place proiectul la prima vedere, ceea ce majoritatea oamenilor nu înțeleg este că creierul vede mai întâi forma generală a oricărui design, apoi începe să se concentreze și să vadă detaliile ...

Aruncați o privire la această imagine de exemplu ...

La prima vedere veți vedea câteva capete de oameni vechi, dar dacă vă uitați mai atent, veți începe să vedeți detaliile (pe care unii oameni nu le pot observa chiar la început) care alcătuiesc aceste imagini și începeți să vedeți o imagine cu totul diferită.

Acum, să încercăm ceva pentru a vedea cum detaliile nu contează, aruncați o privire la aceste două exemple:

La prima vedere aceste două imagini pot părea identice; cu toate acestea, există 5 diferențe subtile în detaliile care au un impact foarte mic asupra întregului "design"

  1. Păsările negre din stânga sus privesc direcția opusă
  2. Omul din sombrero (pălăria) din stânga este diferit
  3. Stickul bărbatului este învins și puțin mai întunecat
  4. Caramizile de pavaj din dreapta jos sunt mai mari în a doua imagine
  5. Femeia privește în direcția opusă

Acum, niciuna dintre aceste schimbări nu a avut vreun impact asupra aspectului general al imaginii ... să vedem un alt exemplu comun:

Acestea sunt două versiuni ale modelelor Volkswagen Beetle, modelele din 1937 și 1973 și, în ciuda mai multor modificări majore ale detaliilor de proiectare de peste 4 decenii, designul rămâne, în esență, același. Acest lucru se datorează felului în care funcționează creierul nostru, vedem imagini întregi și definim întreaga formă mult mai rapid și mai ușor decât să vedem sau să observăm schimbări în detalii.

Dacă ne uităm la imaginea de mai sus, care descrie un câine dalmatin care înțepenește pământul în umbra copacilor care o înconjoară. Câinele nu este recunoscut prin identificarea mai întâi a părților sale (picioare, urechi, nas, coadă etc.) și apoi deducerea câinelui de la acele părți componente. În schimb, câinele este perceput ca un întreg, toate odată.

Același lucru se întâmplă cu fiecare proiect pe care îl creăm, designul nu este perceput niciodată prin identificarea părților sale (Antet, Navigație, Conținut, butoane, file etc.), designul fiind perceput pe ansamblu la prima vedere.

Când m-am întors la facultate, unul dintre profesorii mei a rezumat acest lucru într-o propoziție simplă, a spus că "dacă vedeți un design ca acesta, atunci decideți să lucrați la ajustarea detaliilor, atunci știți că este un design bun, totuși dacă începeți să vă ajustați mai întâi pentru a încerca să vă faceți așa ... atunci știți că este un design rău ... nu vă pierdeți timpul încercând să-l remediați ... doar schimbați-l ca un întreg ", acest profesor a înțeles cheia magică în orice design ... noi vedeți lucrurile în ansamblu, nu ca suma părților sale.

Întrebați pe cineva din lume să deseneze Big Ben sau Turnul Eiffel sau Piramidele din Giza ... toți vor fi de acord cu privire la forma generală a fiecărui reper, pentru că oricum altfel putem vedea aceste repere (vizitarea, fotografiile, într-un film, broșură de călătorie ... etc.), cu toții văd aceeași formă definitorie.

Aplicarea principiului Gestalt la fluxul de lucru Web Design

Mai jos sunt câteva exemple de web și siluetele lor de aspect. Vederea siluetei este ceea ce creierul identifică ca forma de pagină. Încercarea de a schimba orice altceva decât forma principală va rezulta, mai mult sau mai puțin, în același design ... și revenirea la clientul dvs. cu același design după ce le-ați solicitat modificări va face ca clientul să simtă că nu sa făcut nimic.

... designul va arăta la fel până când nu modificați gestaltul structural.

Veți fi surprinși de cât de mulți designeri fac această greșeală și se întreabă de ce clientul încă urăște un design sau simte nimic nu a fost schimbat sau adăugat, chiar dacă au lucrat neobosit pe îmbunătățirea elementelor individuale.

Bine, să aruncăm o privire asupra unor modele și a siluetelor lor:

În mod obișnuit, lipirea la designul sigur și, în general, în formă de pătrat (ca în cele 4 modele de jos din exemplele de mai sus) va avea ca rezultat un design obișnuit, nimic foarte creativ. Încearcă să experimentezi întotdeauna cu "conținutul coajă" al designului tău. Încercați rotirea casetei la câteva grade sau tăierea și schimbarea unuia dintre colțuri ... toate acestea se adaugă la unicitatea și creativitatea designului dvs..

Ar trebui să începeți întotdeauna cu containerul sau cu structura generală structurală a unui design; Uitați detaliile și componentele individuale pentru moment.

Când acest lucru este făcut și tu și clientul sunteți mulțumiți de structură, apucați-vă firmele și începeți să lucrați la detalii. Veți fi surprins de câte ori un design se termină ca o schemă de sârmă bine colorată când porniți din interior spre exterior. Am văzut mai mulți designeri care lucrează mai întâi la antet și la navigație, apoi începeți să vă prezentați componentele și înainte de a ști că aveți o pagină bine înglobată și colorată, plină de conținut, care poate fi dintr-o perspectivă de utilizare adecvată și corectă, cu toate acestea, dintr-o perspectivă de proiectare, nu ar fi niciodată creativă sau nu iasă în evidență.

Ganditi-va la design-ul dvs. ca arahide acoperite cu ciocolata, daca incepeti cu arahidele, dinspre interior, stratul exterior pe care toata lumea il vede (stratul de ciocolata) va depinde intotdeauna de forma arahidei si veti avea putin control asupra rezultatului.

Cu toate acestea, dacă tratați designul dvs. ca un ou de ciocolată, lucrați mai întâi pe stratul exterior și formați-l așa cum doriți - potrivind conținutul dvs. interior pentru a se potrivi cu coajă, atunci cu adevărat nu contează ce vă umpleți, designul va întotdeauna să fie forma de ou pe care ați intenționat-o.