Bazele designului: construirea mărcii și a site-ului dvs.

Dacă sunteți designer, probabil că vă veți opri acum, dar dacă nu sunteți, rămâneți la drum și aflați totul despre fundamentele designului.

Designul nu înseamnă doar ca lucrurile să arate frumos. Este într-adevăr despre manipularea și învățarea utilizatorului cum să folosească site-ul dvs. web. Rolul unui proiectant este să identifice calea pe care ar trebui să o urmeze un utilizator, astfel încât să își poată îndeplini nevoile și toată lumea să fie fericită.

Adesea, un utilizator nici măcar nu va observa că se întâmplă acest lucru. Acest lucru se datorează faptului că designul respectă un set de reguli pe care le-am învățat în mod natural din vizitarea a sute de site-uri web în timpul vieții noastre.

Compoziţie

Tot ce vedeți pe o pagină este acolo dintr-un motiv, iar un design bun va urma un set de reguli denumite principii Gestalt de proiectare .

Creierul uman este minunat prin faptul că poate umple golurile unei imagini fără a fi nevoie să se gândească în mod conștient la asta. Dacă ați văzut vreodată o față într-un obiect neînsuflețit, acesta este creierul dvs. care face exact asta.

Principiile Gestalt se bazează fundamental pe modul în care funcționează creierul nostru. Pe măsură ce vă petreceți ziua, creierul încearcă frenetic să simplifice și să organizeze o serie de imagini complexe în fiecare secundă - totul în timp ce pur și simplu sorbiți cafeaua!

Suntem construiți pentru a căuta modele și structură în tot ceea ce privim, aranjând subconștient totul într-un sistem organizat în mintea noastră. Proiectanții folosesc apoi aceste cunoștințe pentru a proiecta pentru mintea subconștientă folosind următoarele principii:

Figura / solul

Figura / solul utilizează conceptul de spațiu negativ și contrast. Creierul va separa elementele în ceea ce consideră că este în prim-plan și în fundal. Va lua o parte a imaginii și îi va atribui rolul de „punct focal” și va vedea zona mai mare a imaginii ca fundal pe care se așează figura.

Acest lucru este adesea văzut în iluziile optice, dar poate fi aplicat siglelor și site-urilor web. De exemplu, sigla FedEx folosește spațiu negativ în siglă pentru a crea iluzia unei săgeți ascunse în interior.

Spațiul negativ dintre „E” și „x” îl face să pară ca și cum ar exista o săgeată acolo.

Proximitate

Acest principiu se concentrează pe ideea că creierul încearcă să grupeze lucrurile împreună. Obiectele care sunt foarte apropiate unele de altele par să facă parte dintr-o familie. Chiar dacă formele sunt identice, poziționarea lor este ceea ce îl face pe utilizator să presupună că elementele fac parte dintr-un grup.

Chiar dacă culoarea, forma și dimensiunea sunt la fel, creierul nostru ne spune că acestea sunt trei grupuri separate:

Conectivitate uniformă

Acesta este unul dintre modurile cheie prin care proiectanții „învață” utilizatorul cum să utilizeze site-ul web. Acest lucru se poate face prin culoare, dimensiune și formă. Este sigur să presupunem că informațiile furnizate în cercuri, de exemplu, sunt de o natură similară și informațiile furnizate în, de exemplu, pătrate sunt de o natură diferită de cercuri.

Continuare

Continuarea sau alinierea se bazează pe ideea că ochiul uman va urma cea mai simplă cale de pe o pagină. Prin urmare, orice informație importantă ar trebui să se încadreze în acea linie, deoarece este primul loc în care va căuta utilizatorul.

Se poate face foarte subtil, pe măsură ce liniile direcționează privirea privitorului fie cu linii literale, fie cu forme care cad în mod natural într-o linie. Acest lucru poate fi văzut în mod obișnuit în diagramele de flux și infografice, dar și în site-urile de comerț electronic de pe glisoarele orizontale care prezintă produse conexe.

Grilele reprezintă o mare parte a acestei alinieri. Decurgând din ideea de simplitate, mișcarea de artă Bauhaus originară din Germania la începutul secolului XX a început conceptul de grile.

Culoare

Culoarea este evident importantă pentru recunoașterea mărcii. De îndată ce vedem arcurile aurii strălucitoare ale McDonald's pe un fundal roșu, știm ce este. Aceste culori nu au fost doar alese la întâmplare, însă există o știință în spatele ei.

De exemplu, alegerea McDonald's pentru roșu și galben este utilizată deoarece acestea sunt culori calde care cresc ritmul cardiac și, prin urmare, vă face mai foame - și sunt mai susceptibile de a-și cumpăra produsele alimentare.

Culoarea este mult despre emoție. Trebuie să te gândești la cine este publicul tău și cu ce emoții vrei să fie asociată marca ta.

Galben

Comun asociat cu fericirea și încrederea. Culorile sale calde îl fac bun pentru utilizare în industria alimentară, deoarece poate crește pofta de mâncare. Cu toate acestea, există factori de vârstă care trebuie luați în considerare. Galbenul poate face bebelușii mai predispuși la plâns, totuși adolescenții și adulții tineri se simt mai optimiști în ceea ce privește culoarea galbenă. Acest lucru se schimbă din nou pe măsură ce ajungeți la grupul demografic mai vechi, care apoi asociază galbenul cu frica.

Albastru

Adesea utilizat în medii și pentru tehnologie. Are o calitate mai calmă și senină și poate părea mai profesionist. De asemenea, are efectul opus asupra poftei de mâncare și, de fapt, îl suprimă mai mult.

Violet

Violetul este asociat cu bogăția, puterea și succesul. Acest lucru provine din faptul că regii obișnuiau să poarte purpuriu ca semn al bogăției, deoarece era unul dintre cei mai grei pigmenți cu care vopsea pânza - trebuia să fii foarte bogat pentru a obține îmbrăcăminte în acea culoare. Acest lucru a dus înainte în subconștientul nostru și oferă purpuriu aceleași conotații ca și acum sute de ani.

Roz

Rozul este cunoscut pentru calitățile sale calmante. Efectele sale sunt atât de puternice încât culorile sunt folosite în închisori pentru a liniști inițial deținuții. Apoi are și asociații mai stereotipe, cum ar fi dragostea și romantismul.

portocale

Similar cu galbenul, deoarece este o culoare caldă, portocaliul transmite emoții de entuziasm și emoție. Poate fi folosit ca o versiune mai blândă a galbenului, deoarece este mai accesibil și mai prietenos. Culorile sale strălucitoare înseamnă, de asemenea, că poate fi folosit pentru semne care să atragă atenția sau să avertizeze fără a fi la fel de dure ca, de exemplu, roșu.

Adunându-l împreună

Aceasta este doar introducerea în design. După cum puteți vedea, există multe elemente și o mulțime de gânduri care pot merge în spatele a ceva care poate arăta relativ simplu la prima vedere. Dar fiecare marcă și site web este creat în esență printr-o combinație a unora dintre aceste principii pentru a crea mărcile și site-urile pe care înveți să le recunoști instantaneu.

Dacă doriți să aflați mai multe despre design, nu ezitați să contactați unul dintre creativele noastre.