Elemente esențiale ale identității vizuale: ce se află în spatele aspectului și simțului perfect al mărcii

Publicat: 2021-03-06

Dacă o imagine valorează cât o mie de cuvinte, atunci identitatea ta vizuală valorează un milion dintre ele. Este una dintre cele mai bune moduri prin care marca dvs. poate prezenta o imagine coerentă care inspiră publicul, îi face să se simtă văzuți sau ca și cum ar face parte dintr-o comunitate specială. Dar ce rol joacă identitatea vizuală în câștigarea loialității consumatorilor și în influențarea alegerilor lor de brand?

Ei bine, luați în considerare aceste două fapte: nouăzeci și cinci la sută din luarea deciziilor de cumpărare are loc la nivel subconștient, iar consumatorii își decid aproape instantaneu o marcă pe baza identității sale vizuale. Studiile arată că oamenii:

  • poate procesa imagini în doar 13 milisecunde.

  • formați-vă o opinie despre o pagină web pe baza atractivității sale vizuale în 50 de milisecunde de la vizualizare.

  • evaluează o marcă în mare măsură pe baza paletei de culori pe care o folosește.

Fără presiune, nu?

În acest ghid, vă vom arăta cum să creați o identitate vizuală care să reprezinte cu acuratețe personalitatea mărcii dvs. și să vă implice în mod eficient publicul. Veți afla de ce contează culoarea, tipografia, imaginile și aspectul paginii, precum și cum puteți utiliza aceste elemente pentru a transmite misiunea, viziunea și valorile mărcii dvs.

Ce este identitatea vizuală?

Identitatea vizuală este un termen umbrelă care cuprinde fiecare element vizual al unui brand, de la paleta de culori și tipografia sa până la aspectul site-ului său web și materialele sale de marketing. Împreună, aceste elemente creează o identitate vizuală care servește drept semnificație simbolică a unui brand. O identitate vizuală puternică permite unei organizații să transmită mesajul potrivit despre scopul, misiunea și valorile sale. De asemenea, influențează modul în care publicul percepe marca și aderarea acesteia la acele principii de bază.


Atribuire imagine: Anthony Rosset la Unsplash

Când vine vorba de marketing de conținut, importanța identității vizuale este primordială. Fără a acorda identității tale vizuale atenția cuvenită, ai putea denatura marca ta și tot ceea ce reprezintă. La rândul său, publicul dvs. poate câștiga povești foarte diferite din conținutul dvs. decât cele pe care încercați de fapt să le spuneți.

Identitatea ta vizuală este reflectată printr-un întreg ecosistem media, care poate include un site web, prezența rețelelor sociale, reclame, bloguri, videoclipuri, micrografii, infografice, cărți electronice și multe altele. În mod colectiv, aceste puncte de contact transmit valorile, produsele și mesajele tale cheie într-un mod care devine semnătura mărcii tale.

De ce este importantă identitatea vizuală?

Identitatea ta vizuală transmite instantaneu personalitatea și valorile mărcii tale către publicul său. O identitate vizuală bine executată declanșează o afinitate imediată cu clienții și potențialii. Inconsistența vizuală, pe de altă parte, transmite incertitudine – sau mai rău, negativitate – și poate face cititorii, clienții sau clienții tăi să nu fie siguri de marca ta sau chiar să nu aibă încredere în el. O identitate vizuală consistentă și intenționată susține sănătatea generală a mărcii dvs. în trei moduri majore:

  1. Transmite misiunea și valoarea mărcii dvs. Cele mai captivante și emblematice organizații tratează identitatea vizuală ca pe o extensie a personalității mărcii lor. Mersul pe jos, vorbitul și îmbrăcămintea intenționată ca o marcă arată că aveți încredere în obiectivele și misiunea dvs.

  2. Ea rezonează cu publicul dvs. Puterea identității vizuale este capacitatea sa de a stârni instantaneu afinitatea cu publicul. Indiferent dacă încercați să ajungeți la anumite categorii demografice (părinți singuri cu vârsta cuprinsă între 20 și 30 de ani care locuiesc în Denver, de exemplu) sau persoane mai abstracte (cum ar fi sportivii de elită care doresc să profite la maximum de antrenamentele lor), identitatea dvs. vizuală este o modalitate. pentru a vă arăta că înțelegeți nevoile emoționale ale publicului și să le împărtășiți valorile.

  3. Reflectă relevanța ta culturală. La fel ca și cuvintele, imaginile sunt produse ale contextului nostru sociocultural și istoric; sunt, de asemenea, modul în care mărcile contribuie la contextul cultural al publicului lor. Identitatea vizuală are puterea de a evolua odată cu publicul dvs., demonstrând relevanța culturală a mărcii dvs. pe măsură ce lumea din jurul său se schimbă.

Totuși, stabilirea unei identități vizuale consistente și puternice nu înseamnă doar folosirea acelorași culori pe site-ul tău web și pe pagina ta de Facebook. Este vorba despre a vă asigura că imaginile, culorile, fonturile și alte elemente vizuale pe care le utilizați se sprijină reciproc pe medii. În plus, se asigură că aceste elemente reflectă cu acuratețe personalitatea mărcii tale și valoarea pe care o aduci publicului. Dacă vizitatorii site-ului dvs. pot determina rapid ce se află în centrul afacerii dvs. înainte de a citi un cuvânt, atunci faceți ceva corect în departamentul de identitate vizuală.

Când aveți nevoie de o analiză a identității vizuale?

Există multe situații care justifică o analiză a identității vizuale. Unele dintre aceste cazuri de utilizare includ atunci când sunteți:

  • suferind un rebrand

  • lansarea unui nou site

  • sintetizarea conținutului pe mai multe platforme/pagini

  • sincronizarea abordărilor de design între agențiile creative

  • lansarea unei campanii de social media

  • explorarea de noi tipuri de conținut vizual (video, infografice)

  • crearea consecvenței mărcii după o fuziune

Indiferent dacă porniți de la zero sau modificați un ghid de stil existent, va trebui să mențineți o abordare vizuală dinamică cu conținutul dvs. pentru a vă asigura că identitatea dvs. vizuală globală este fiabilă și deținută.

În secțiunile următoare, defalcăm elementele de identitate vizuală în care marca dvs. ar putea avea nevoie de o perfectionare. Pe măsură ce le revizuiți pe fiecare dintre ele, reflectați asupra planului dvs. de afaceri, declarației de misiune și declarației de viziune. Apoi, analizați cu atenție ecosistemul dvs. media, asigurându-vă că fiecare element este utilizat într-un mod atent și eficient, care vă transmite valoarea. Dacă nu este cazul, este timpul să faceți câteva ajustări.

Elementele identității vizuale

Identitatea vizuală se referă la întregul ființă mai mare decât suma părților sale. Pentru a înțelege, identifica și aborda cu adevărat identitatea vizuală, trebuie să luați în considerare modul în care o marcă își folosește culoarea, tipografia, imaginile și relațiile spațiale. Există și alte elemente pe care le puteți explora ca funcții ale identității vizuale, dar acestea sunt la baza oricărei strategii de branding inteligent.

1. Paleta de culori

Culoarea este cel mai fundamental element al identității vizuale a unui brand. Este lucrul pe care publicul tinde să-și amintească cel mai mult despre o organizație; iar atunci când este folosit eficient, poate deveni chiar simbolul unui brand. Caz concret: când te gândești la Coca Cola, probabil că îți vine în minte un roșu strălucitor saturat. Și când te gândești la concurentul său Pepsi, probabil că îți apare în cap un albastru îndrăzneț. Deși aceste companii emblematice se bazează în mare parte pe o mână de culori solide pentru a transmite personalitatea mărcilor lor, altele folosesc palete de culori și ierarhii mai complexe pentru a spune consumatorilor cine sunt.


Atribuire imagini: Clem Onojeghuo la Unsplash

Puterea culorii: Evocarea emoțiilor

Deoarece culorile au semnificații emoționale atât de puternice, ele au un efect imediat asupra modului în care procesăm ceva și asupra modului în care reacționăm când îl vedem. Un brand care vrea să pară îndrăzneț, puternic și pasionat ar putea opta pentru note roșii, Iconic Fox, în timp ce unul care dorește să transmită căldură și optimism ar putea folosi galbenul ca culoare primară.

Conotații

Semnificațiile culorilor depind aproape în întregime de contextul social și istoric. Doar consultați acest grafic din Information Is Beautiful pentru a vedea cum culorile pot avea semnificații drastic diferite în funcție de cultura dvs. De exemplu, dragostea este asociată cu roșu în cultura americană, verde în cultura hindusă și galben în cultura nativă americană. Cu toate acestea, la fel cum normele culturale se schimbă constant, la fel se schimbă și conotațiile de culoare.

Chiar și în cadrul aceleiași culturi, o culoare poate avea conotații multiple – și uneori conflictuale. Fiți avertizat: va trebui să utilizați nuanța, saturația și contrastul potrivite pentru a transmite cu acuratețe mesajul mărcii dvs. În Statele Unite, de exemplu, violetul transmite de obicei înțelepciune și bogăție, dar poate reprezenta și decadență. Dacă sunteți o companie axată pe chilipiruri care dorește să ajungă la cei care economisesc bani, folosirea violetului ar putea trimite un mesaj greșit publicului și, în cele din urmă, să submineze obiectivele mărcii dvs.

Potrivit Iconic Fox, iată câteva alte conotații comune de culoare în SUA:

  • Roșu: intensitate, neînfricare, entuziasm, avertisment, pericol

  • Albastru: rațiune, putere, vigilență, înțelepciune, loialitate, încredere

  • Portocaliu: creativitate, entuziasm, curaj, risc

  • Verde: sănătate, speranță, stagnare, deschidere, prospețime

  • Negru: securitate, putere, autoritate, răceală

  • Galben: tinerețe, fericire, distracție, impulsivitate

  • Mov: bogăție, rafinament, imaginație, exces

  • Roz: imaginație, pasiune, grijă, creativitate, deșteptare

  • Alb: curățenie, puritate, inocență, simplitate, distanță

Context și contrast

Conotațiile de culoare depind și de contextul pe care le oferiți. În SUA, verde înseamnă merge și transmite naturalețe. Roșul, pe de altă parte, înseamnă oprire și simbolizează entuziasm. Când culorile au atât de multe semnificații diferite, cum vă puteți asigura că cele pe care le alegeți înseamnă de fapt ceea ce doriți să însemne? Răspunsul este controlând contextul și contrastul lor. Un studiu HubSpot a constatat că, atunci când este folosit pe butoanele de apel la acțiune, roșul a depășit verdele cu 21 la sută. Din cauza poziției butonului și a contrastului acestuia cu culorile din jurul acestuia, vizitatorii site-ului au fost mai înclinați să facă clic pe butonul roșu, deoarece îl vedeau ca fiind mai interesant decât butonul verde.

Un studiu fundamental publicat în Jurnalul American de Psihologie a constatat că spectatorii au mai multe șanse să-și amintească și să interacționeze cu articole care ies în evidență dramatic de cei din jur. Altfel cunoscut sub numele de efect de izolare, acest principiu dovedește că locația și contrastul culorilor sunt la fel de importante ca și culorile în sine.

Ce înseamnă asta pentru tine

Dintre toate elementele tale vizuale, culoarea este cea mai responsabilă dacă spectatorilor le place, nu le place, au încredere, nu au încredere sau ignoră marca ta. Un studiu a constatat că eficacitatea paletei de culori a unei mărci depinde în mare măsură de opiniile clienților și de dacă aceștia consideră că culorile sunt potrivite pentru produs. Lecția aici? Nu te stabili doar cu o paletă de culori atrăgătoare. În schimb, alegeți unul care vă ajută să obțineți congruitatea mărcii.

Atunci când alegeți culorile care vă vor reprezenta marca, alegeți unele care să reflecte misiunea, viziunea și personalitatea organizației dvs. De asemenea, acordați atenție modului în care ierarhizați aceste culori; Paleta dvs. ar trebui să găzduiască o distribuție de personaje, dar nu orice culoare poate fi în centrul scenei. Alegeți steaua potrivită pentru paleta dvs. și fiți strategic în ceea ce privește modul în care o utilizați și culorile sale suport, ținând cont de modul în care acestea se potrivesc în contextul paginii și site-ului dvs.

Termenii de culoare pe care ar trebui să-i cunoașteți

  • Contrast de culoare: diferența de ton între o culoare și alta

  • Ierarhia culorilor: dominanța anumitor culori asupra altor culori, referindu-se la modurile în care culorile ies sau nu în evidență între ele

  • Psihologia culorilor: studiul modului în care culorile îi fac pe oameni să se simtă și modul în care oamenii răspund la culori

  • Cod hexadecimal : o măsurare a unei culori bazată pe valoarea sa hexazecimală

  • Paletă/schemă: o selecție de culori coordonate

Când evaluați utilizarea culorii de către marca dvs., luați în considerare aceste întrebări esențiale:

  1. Ce vă spun culorile mărcii dvs. despre personalitatea organizației dvs.? Se aliniază acest lucru cu obiectivele tale strategice?

  2. Cum se compară paleta de culori a mărcii tale cu cele ale concurenților din industrie? Al tău iese în evidență suficient? Iese prea mult în evidență?

  3. În ce scenarii veți folosi culoarea pentru a determina acțiune pe site-ul dvs. sau în materialele dvs. de marketing? Sunt culorile pe care le utilizați probabil să susțină acțiunile pe care doriți să le întreprindă publicul dvs.?

  4. Cum se adună toate? Culorile tale sunt echilibrate? Arata ca marca ta?

Cine face bine

Fondul Verde pentru Climă este o coaliție de 194 de țări care lucrează activ pentru a aborda schimbările climatice – iar marca sa de culoare reflectă tocmai asta. Logo-ul său verde și albastru reamintește imediat preocupările sale principale: pământ și apă. Contrastând logo-ul cu elemente de alb puternic și negru adânc de pe site-ul său, Fondul Verde pentru Climă folosește în mod strategic efectul de izolare la maximum.

Fondul verde pentru climă

Cine are nevoie de muncă

Deși verdele din paleta de culori Masters reflectă cu acuratețe un teren de golf curat, contrastul său cu galben scade prestigiul turneului. De fapt, 22% dintre respondenți au apreciat galbenul drept o culoare „ieftină” într-un studiu, iar 26% au considerat portocaliu drept cea mai ieftină culoare dintre toate. Folosirea galbenului, mai ales în combinație cu verdele, subminează atletismul de elită și rafinamentul pe care se presupune că le reprezintă turneul.

Pagina principală a Masters

2. Tipografie

Textul ne spune ceva, dar ne arată și ceva. Literele din alfabet și cuvintele care sunt create din ele sunt la fel de vizuale pe cât sunt de text. Aspectele lor vizuale – cum apar pe o pagină sau pe ecran – ne spun ceva despre semnificația din spatele lor, indiferent dacă este intenționat sau nu. Puterea tipografiei: personalitate și claritate

Fonturile au personalități distincte. Ele pot fi stoice, pline de umor, serioase sau chiar capricioase. Iar personalitățile lor se pot schimba în timp. De fapt, diferite fonturi au fost populare în momente diferite și fiecare poartă această greutate istorică cu ele astăzi.

În 2012, Errol Morris a efectuat un studiu neoficial în The New York Times, care a măsurat răspunsurile a 45.000 de cititori la o afirmație scrisă în șase tipuri diferite: Computer Modern, Georgia, Helvetica, Trebuchet, Comic Sans și Baskerville. Morris le-a cerut cititorilor să noteze dacă ei cred că afirmația este adevărată sau falsă. Rezultatul? Oamenii erau mai susceptibili să creadă că afirmația este adevărată atunci când a fost scrisă în Baskerville.

Un font serif folosit istoric în ziare, Baskerville are o reputație pentru seriozitate, adevăr și sofisticare. Comic Sans, pe de altă parte, nu. Nu este deloc surprinzător faptul că vizualitatea pretenției Baskerville a încurajat cititorii să aibă încredere în cuvintele de acolo.

Tipografia transmite personalitatea mărcii tale, dar are și un impact critic asupra eficienței mesajelor tale.

Iată o detaliere a unor fonturi de tip obișnuite și a istoriei acestora:

Tipare serif:

  • Stil vechi

    • Exemple: Adobe Jenson, Goudy Old Style

    • Caracterizat prin: o tensiune diagonală pe partea cea mai subțire a literelor; frecvente în ziare și reviste

    • Datează: din anii 1400; cele mai vechi stiluri serif

    • Calități: sofisticat, serios, înțelept

  • Tranzitorie

    • Exemple: Times New Roman, Baskerville

    • Caracterizat prin: o axă verticală de simetrie

    • Date: din anii 1700

    • Calități: tradițional, direct

  • Neoclasic/Modern

    • Exemple: Didot, Marconi

    • Caracterizat prin: diferențele semnificative dintre cursele groase și cele subțiri

    • Date: din anii 1700

    • Calități: contemporan, proaspăt, înțelept, încrezător

Fonturi sans-serif:

  • Grotesc:

    • Exemple: Venus, News Gothic

    • Caracterizat prin: asemănarea lor cu serif-urile, dar fără serif-urile; bun pentru titluri și titluri

    • Datează: din anii 1700
    • Calități: autoritate, îndrăzneală

  • Neo-grotesc:

    • Exemple: Helvetica, Roboto

    • Caracterizat prin: asemănarea lor cu grotesc, dar mai simplu în aparență

    • Date: din anii 1900
    • Calități: direct, precis, curat, de bază

  • Umanist:

    • Exemple: Verdana, Calibri

    • Se caracterizează prin: înălțimea lor scăzută X și contrastul scăzut între lovituri

    • Date: din anii 1400
    • Calități: moale, direct

  • Geometric:

    • Exemple: Gotham, ITC Avant Garde

    • Caracterizat prin: aspectul lor geometric, în special în litere în formă de O

    • Date: din anii 1900
    • Calitati: Modern, curat dar jucaus, plin, bogat

Ce înseamnă pentru tine

Alegerea unei familii de fonturi care rezonează cu marca dvs., paleta de culori, logo-ul și imaginile dvs. vă ajută să transmiteți personalitatea companiei dvs. și să întărească sentimentul din spatele fiecărui mesaj către publicul dvs.

Dar nu doar fontul afectează semnificația mesajelor tale. Locația, dimensiunea, forma, culoarea și contrastul cuvintelor contribuie la modul în care cititorii le înțeleg. Chiar și în această lucrare albă, am îndrăznit anumite cuvinte, am pus pe altele cu italice și am ajustat dimensiunea anumitor rânduri pentru a vă ajuta să treceți mai ușor prin conținut și să scoateți informații în acest proces. Fără măcar să citiți textul, probabil știți care rânduri sunt titluri, care cuvinte sunt cele mai importante și ce fraze indică rupturi de secțiune. Ați adunat aceste informații vizual, nu doar textual. Aceasta este puterea tipografiei.

Termeni de tipografie pe care ar trebui să-i cunoașteți

  • S erif: picioarele unei scrisori, care pot fi rotunjite sau la pătrat
  • Sans serif: fonturi cu litere fără picioare
  • Font: un grup de stiluri de tipare cu calități de bază similare
  • Contur: liniile dintr-o literă, fără a include seriful
  • Greutatea fontului: grosimea liniilor dintr-un font
  • Ascendent: orice contur care se ridică deasupra liniei mediane, cum ar fi jumătățile superioare ale literelor l, h și f
  • Linia de bază: linia orizontală care trece de-a lungul literelor de jos
  • Înălțimea capacului: înălțimea unei litere de la linia de bază până la partea superioară a elementului ascendent
  • Descendent: orice contur care cad sub linia de bază, cum ar fi jumătățile inferioare ale literelor p, q și y
  • Linie mediană: linia orizontală care trece de-a lungul literelor mici
  • Kerning: procesul de ajustare manuală a distanței dintre literele individuale dintr-un cuvânt pentru lizibilitate și stil
  • Lider: procesul de ajustare a spațiului dintre linii
  • Urmărire: procesul de ajustare manuală a distanței dintre toate literele dintr-un cuvânt în mod uniform pentru lizibilitate și stil
  • Ierarhie tipografică: modul în care textul este prioritizat pe pagina dvs. pentru a sublinia importanța
  • X-height: înălțimea unei litere mici de la linia de bază până la linia mediană

Când evaluați utilizarea tipografiei de către marca dvs., țineți cont de aceste întrebări:

  1. Cum ai ales fonturile pentru marca ta? Ce spune selecția fontului despre conținutul dvs.?

  2. Tipografia ta inspiră emoții sau gânduri? Sunt acestea în concordanță cu personalitatea și strategia mărcii dvs.?

  3. Cum se compară alegerile tale tipografice cu cele ale concurenților tăi? Îți ajută marca să iasă în evidență sau să se integreze?

  4. Ce spune ierarhia ta tipografică publicului despre prioritățile tale? Ies în evidență mesajele potrivite?

  5. Marca dvs. folosește tipografia în mod intenționat și atent?

Cine face bine

În 2012, cofondatorii Twitter Ev Williams și Biz Stone au lansat Medium, o platformă populară de publicare care crede că „cuvintele contează”. Site-ul lor folosește un tip de tranziție pe titluri pentru a transmite un ton accesibil, dar de încredere și un font umanist sans serif (Freight Sans) ca text de paragraf pentru a emana un aspect cald și primitor. De asemenea, folosește o ierarhie tipografică puternică - care include linii de dimensiuni diferite, majuscule și intensități diferite ale contururilor și culori de font ușor diferite - pentru a semnala care zone ale paginii sunt cele mai importante.

Mediu

Cine are nevoie de muncă

Deși logo-ul AutoZone prezintă o ierarhie tipografică destul de puternică, această organizație lipsește din restul paginii sale de pornire. Meniul său de selecție, îndemnul și antetul bannerului folosesc fonturi de dimensiuni similare și sunt structurate strâns împreună cu puțin spațiu de respirație. În plus, marca folosește Helvetica Neue, un tip neo-grotesc obișnuit, caracterizat prin distanța sa strânsă între litere. Acest font nu are distincție, ceea ce face mai ușor pentru cititori să treacă peste zonele importante ale paginii.

AutoZone

3. Imagini

Deși identitatea vizuală este compusă din multe elemente, imaginile și pictogramele sunt cele care pot afecta cel mai mult vizitatorii paginii tale. Imaginile spun o poveste, iar selecția dvs. de imagini ar trebui să creeze o narațiune care să rezoneze atât cu publicul, cât și să fie în concordanță cu restul mesajelor dvs.

Puterea imaginilor: Povestirea instantanee

Oamenii pot procesa imagini în doar 13 milisecunde, potrivit unui studiu publicat în Attention, Perception, & Psychophysics – aceasta este de 60.000 de ori mai rapidă decât viteza cu care procesăm textul. A avea imaginea potrivită la locul potrivit la momentul potrivit este esențială pentru a vă ghida cititorul prin experiența de conținut.

Un studiu din Journal of Business & Industrial Marketing a constatat că imaginile legate de servicii au un efect pozitiv direct asupra dezvoltării loialității clienților, în timp ce loialitatea creată de imaginile legate de bunuri depinde de satisfacția clientului cu imaginea. Acest studiu arată că imaginile tale nu sunt un supliment pentru text și produse, ci, mai degrabă, un alt mod de a comunica și de a interacționa cu publicul tău. Dacă sunt folosite corect, imaginile vă pot ajuta să câștigați afacerea inițială și loialitatea pe termen lung.

Ce înseamnă pentru tine

Când te gândești la identitatea vizuală, imaginile sunt probabil primul atu care îți vine în minte. Imaginile susțin și oferă context narațiunilor. De asemenea, pot oferi o poveste în sine. Când sunt folosite cu atenție, imaginile pot crea o conexiune semnificativă instantanee între marca dvs. și publicul dvs. Cu toate acestea, atunci când sunt utilizate în mod arbitrar sau fără intenție, imaginile pot întuneca viziunea publicului asupra mărcii dvs. și pot trimite mesaje care nu sunt în concordanță cu povestea generală pe care încercați să o spuneți.

Când selectați imagini, este important să luați în considerare elementele de conținut și elementele de stil:

  • Elementele de conținut includ setări, actori, teme, medii și interacțiuni.
  • Elementele de stil includ palete de culori, filtre, eclipsuri, editare și compoziție.

Împreună, aceste componente afectează modul în care publicul vă va percepe imaginile și, în cele din urmă, marca dvs.

Este important ca imaginile tale să completeze celelalte elemente vizuale, dar trebuie să fie, de asemenea, consecvente unele cu altele. De asemenea, veți dori să luați în considerare figurile și persoanele pe care le includeți în imaginile dvs. Fotografia dvs. reflectă publicul pe care îl vizați? Sunt imaginile tale o reprezentare adevărată a industriei tale și a lumii publicului tău?

Termenii pentru imagini pe care ar trebui să-i cunoașteți

  • Compoziție: modul în care elementele — textuale, vizuale sau abstracte — ale unei imagini sunt aranjate într-un cadru

  • Pictogramă: o reprezentare grafică a unei mărci sau a unui articol

  • Filtrare: procesul de îmbunătățire a unei imagini prin reducerea zgomotului, accentuarea caracteristicilor, separarea caracteristicilor sau caracteristicile plictisitoare

  • Eclipsarea lentilei: când lumina este distribuită prin lentilă, provocând o imagine strălucitoare asemănătoare unei stele

  • Marja: spațiul din jurul marginii unei imagini

  • Regula treime: atunci când o imagine este împărțită într-o grilă de nouă panouri distanțate uniform, punctele în care liniile de grilă se întâlnesc ar trebui să fie puncte focale ale imaginii.

  • Saturație: intensitatea unei nuanțe

  • Textura: efectul tactil creat de o imagine

Când evaluați starea portofoliului de imagini al mărcii dvs. (inclusiv imaginile, pictogramele și siglele), luați în considerare următoarele întrebări:

  1. Sunt imaginile mărcii dvs. consistente în calitate și stil?

  2. Ce spun icoanele și imaginile mărcii dvs. publicului despre personalitatea mărcii dvs.?

  3. Ce învață publicul despre marca dvs. pe baza pictogramelor și imaginilor sale?

  4. Imaginile tale susțin narațiunea generală a mărcii tale?

  5. Pe cine reprezintă imaginile tale?

Cine face bine

The North Face excelează în a asigura coerența narativă între marca și imaginile sale. De-a lungul site-ului său, imaginile sunt pline de cadre de aventură, oameni care înfruntă elementele și compoziții curate, clare, fără bibelouri, care toate se aliniază perfect cu personalitatea mărcii și cu sloganul său: „Never stop exploring”.

Fata de nord

Cine are nevoie de muncă

Site-ul web al Parcului Național Grand Canyon oferă o mulțime de informații utile pe care turiștii și localnicii le pot folosi pentru a profita la maximum de vacanțele lor, dar imaginile de pe site nu au același rafinament și continuitate. Fotografiile originale și fotografiile de stoc sunt alături de ilustrații și animații, toate fără filtrarea consecventă și paleta de culori necesare pentru a aduce un aspect și un sentiment coeziv al mărcii.

Parcul Național Grand Canyon

4. Relații spațiale și aspectul paginii

Mantra „Un loc pentru tot și totul la locul lui” este mai mult decât sertare organizate și o cameră curată. Când vine vorba de identitatea dvs. vizuală, relațiile spațiale și aspectul imaginilor și textului pot avea un impact major asupra capacității publicului dvs. de a naviga pe site și de a interacționa cu conținutul dvs. Dacă pagina ta este prea aglomerată, ar putea copleși un utilizator; dacă este prea gol, poate părea neterminat sau neimpresionant.

Puterea relațiilor spațiale: călăuzirea atenției

Alegerile estetice și aspectul designului paginii afectează direct implicarea utilizatorilor cu marca dvs. Ele pot afecta, de asemenea, cât de multă încredere au publicul în marca dvs. Un studiu a constatat că, la prima vizualizare a site-ului unui brand, 94% dintre participanți nu au avut încredere în organizație dacă pagina sa avea un design problematic. Studiul continuă spunând că amenajările aglomerate, plictisitoare și ocupate pot declanșa neîncrederea și confuzia.

Înțelegerea modului în care publicul navighează în conținut necesită o familiaritate de bază cu principiile Gestalt de grupare. În anii 1920, psihologii Max Wertheimer, Kurt Koffka și Wolfgang Kohler au dezvoltat principiile Gestalt (în germană pentru „întreg unificat”) de grupare, care descriu anumite legi ale percepției. Oamenii grupează elemente vizuale care seamănă, de exemplu, sau elemente care sunt în imediata apropiere unul de celălalt. În cele din urmă, aceste principii explică trei principii majore ale percepției umane:

  1. Vedem întregul înainte de a vedea părțile.

  2. Întregul este diferit de suma părților.

  3. Facem instinctiv modele și grupări cu părțile.

Gândiți-vă la primul principiu ca la prima impresie a publicului despre site-ul dvs., iar la al doilea ca la călătoria publicului dvs. prin pagina dvs.. Al treilea principiu este modul în care publicul dvs. procesează pagina ca întreg și, de acolo, își formează percepțiile despre site-ul dvs.

Ce înseamnă pentru tine

Un flux logic de text și imagini vă ajută să vă ghidați publicul prin site-ul dvs. Publicul care citește limba engleză tind să urmeze automat un model Z-path (de sus în jos, de la stânga la dreapta) atunci când vizualizează imagini și pagini web, ceea ce imită modul în care scanează conținutul scris. Totuși, dacă acești utilizatori întâlnesc prea mult din calea Z în designul paginii dvs., ei vor recurge adesea la trecerea la trecere sau la trecerea peste zonele care nu ies în evidență.

O pagină bine așezată poate ghida utilizatorii din calea Z și îi poate încuraja să se implice cu anumite elemente. Organizarea în mod conștient a elementelor paginii dvs. într-o ierarhie de containere vă poate ajuta să direcționați modul în care publicul interacționează cu conținutul dvs.

Când vă aranjați site-ul, este esențial să lăsați spațiu pentru conținutul dvs. să respire. Acest lucru poate fi realizat prin utilizarea spațiului alb și a jgheaburilor. Amintiți-vă, un aspect atent este esențial pentru a ajuta publicul să navigheze pe site-ul dvs.

Termenii de aspect pe care ar trebui să-i cunoașteți

  • Deasupra pliului: porțiunea unei pagini web care este vizibilă înainte de a derula în jos

  • Artefacte: grafice, obiecte sau alte materiale de marketing care nu fac parte din conținutul creat
  • Containers: elementele unei pagini care dețin conținut și dau structura paginii

  • Jgheab: spațiul dintre containere de pe o pagină

  • Grilă: structura containerelor care alcătuiesc o pagină

  • Grilă de fier de vafe: o structură standard de nouă containere (uneori mai mult sau mai puțin) de dimensiuni egale și poziționate

  • Hyperframe/marja: spațiul din jurul marginii unei pagini

  • Multiframe: spațiul din jurul întregului material de proiectare (nu doar o singură pagină a materialului respectiv)

  • Șină: containerele verticale care se desfășoară de-a lungul părții drepte sau stângi a corpului conținutului

  • Spațiu alb: spațiu liber între și în jurul recipientelor care ajută conținutul să respire

Când evaluați aspectul paginilor și conținutului dvs., luați în considerare aceste întrebări:

  1. Cum prioritizați elementele paginii dvs. de brand? Există o ierarhie intenționată în aspectul dvs.?

  2. Ce impresie va avea publicul din aspectul dvs.? Prezintă încredere sau nesiguranță?
  3. Este pagina prea aglomerată? prea rar?
  4. Cum vă ghidează aspectul ochii prin pagină? Este eficient?

  5. Pagina ta urmează modelul de citire Z-path? Sau direcționează publicul către diferite colțuri ale site-ului tău?

Cine face bine

Containerele amplasate cu grijă de diferite dimensiuni ajută la prioritizarea conținutului de pe blogul Slack fără a copleși cititorul sau a-l forța să deruleze. Marca stabilește diferite categorii de conținut cu un stil de titlu standard, dar diferite configurații de containere, ceea ce stârnește interesul vizual în timp ce semnalează o schimbare subtilă a naturii conținutului pe care cititorul îl vizionează.

Slack

Cine are nevoie de muncă

A oferi elementelor spațiu de respirație este important în designul paginii web. Cu toate acestea, prea mult spațiu alb poate lăsa site-ul dvs. să arate ca o lucrare în curs, așa cum este cazul paginii de destinație a PBS.

PBS

Alternativ, Rolling Stone greșește prin supraaglomerarea paginii sale. Prea multe containere și suprasolicitarea spațiului feroviar fac ca această pagină să se simtă aglomerată și dezorganizată.

Rolling Stone

Arată lumii ce reprezintă marca ta

De la paleta de culori și tipografie la imagini și aspect, identitatea vizuală a mărcii dvs. este esențială pentru modul în care publicul vă va percepe, interacționa și distribui conținutul dvs. Folosind cele mai bune practici și perspective prezentate în acest activ de lider de gândire, puteți începe să vă îmbunătățiți identitatea vizuală. Cu toate acestea, rețineți că stabilirea unei identități vizuale nu este un exercițiu universal și nici nu este un proces unul și gata.

Ceea ce funcționează pentru un brand poate să nu funcționeze pentru al tău, iar ceea ce se simte ca o identitate vizuală solidă astăzi poate fi complet oprit peste un an. Nu numai că este important să găsiți un echilibru între consistența mărcii și cele mai bune practici de design atunci când vă formați identitatea vizuală, dar veți dori, de asemenea, să vă asigurați că alegerile dvs. estetice reprezintă cu exactitate misiunea, valorile și viziunea dvs. actuale.

Ești expertul mărcii tale și depinde de tine să te asiguri că personalitatea acestuia sună adevărată în tot ceea ce faci, de la designul site-ului tău web până la fonturile pe care le folosești în conținutul tău. De asemenea, va trebui să alegeți imagini care să vă reprezinte marca și publicul său. La urma urmei, după cum spune vechea zicală, „A vedea înseamnă a crede”. Dacă audienței dvs. îi place ceea ce văd și se simte văzut, este posibil să vă susțină marca și să aștepte cu nerăbdare orice va face în continuare.

Atribuire imagini prezentate: Mahir Uysal pe Unsplash