Sisteme de ilustrare a mărcii: desenarea unei identități vizuale puternice

Publicat: 2022-03-10
Rezumat rapid ↬ Ilustrațiile de marcă sunt o modalitate adaptabilă și eficientă de a construi brandul vizual al unei companii. În acest articol, Yihui Liu își prezintă procesul de dezvoltare a unui sistem puternic de ilustrare a mărcii. Abordarea ei a fost rafinată de-a lungul a 10 ani de studiu și experiență profesională în China și Europa și trage exemple din cea mai recentă lucrare a ei ca Lead Designer la Spacebase.

În inundația de conținut online, companiile trăiesc sau mor după imaginea lor de marcă. O imagine de marcă trebuie să exprime mesajul companiei și să intre în legătură cu utilizatorii, care ar trebui să o recunoască instantaneu pe diferite medii, chiar și departe de site-ul companiei și de conținutul de marketing. O imagine puternică a mărcii este ca o ancoră, contribuind la asigurarea atașamentului utilizatorilor și a asocierilor de valori corecte.

Imaginea mărcii este de obicei construită din diferite elemente vizuale - logo-uri, paletă de culori, un anumit font. Alături de acestea, ilustrațiile sunt un alt mijloc puternic de comunicare vizuală, care sunt din ce în ce mai solicitate pentru interfața de utilizare online.

De ce? Pentru că ilustrațiile introduc elemente narative în conținutul vizual și permit exprimarea emoțiilor mai subtile sau a situațiilor mai complexe. Includerea figurilor umane face ideile active și accesibile, deseori într-un mod lejer sau capricios. Ilustrațiile se îndepărtează de realism și vă permit să construiți lumea așa cum o vede brandul .

Aceasta este o piesă importantă în puzzle-ul mai mare al campaniilor online. Designul digital, folosind vectori, favorizează imaginile curate, îndrăznețe, care se traduc bine în ilustrații distinctive de branding. Mai degrabă decât modele de unică folosință, aceste ilustrații online sunt folosite ca parte a sistemelor vizuale cuprinzătoare. Imaginile dintr-un sistem de ilustrare au o dispoziție sau un stil unificator, ceea ce le face identificabile cu imaginea și mesajul mai amplu al mărcii, chiar dacă reprezintă diferite aspecte ale unui produs sau serviciu.

Sistemele de ilustrare măresc gama și profunzimea mesajelor pe care o companie le comunică vizual despre ea însăși, de la declarații de misiune la suport practic pentru produse, întărind în același timp imaginea mărcii.

Mai multe după săritură! Continuați să citiți mai jos ↓

Proces de design

Deci, cum ar trebui să procedați pentru a proiecta un sistem eficient de ilustrare a mărcii? Vă prezint prin procesul meu de proiectare, cu exemple din revizuirea recentă pe care am întreprins-o la Spacebase.

Cercetați marca

Primul lucru este primul - cunoașteți marca pentru care veți crea. Acest lucru poate părea evident, dar nu subestimați munca implicată. Chiar dacă credeți că aveți deja cunoștințe de lucru, merită să investiți timp pentru a vă reîmprospăta sau a aprofunda înțelegerea mărcii.

Sapă în cultura din spatele companiei și a produselor sau serviciilor sale. Care este mesajul lor principal, ce forme ia identitatea lor vizuală existentă și care este direcția în care compania vrea să crească?

Investigarea amănunțită la început vă va scuti de dureri de cap și de punctele fără fund mai târziu.

Înțelegeți nevoile părților interesate

Pe lângă efectuarea propriei cercetări, va trebui să discutați cu părțile interesate. Această conexiune este esențială pentru succesul designului dvs., așa că implicați-i devreme și mențineți-i la curent cu procesul.

Obțineți răspunsuri la întrebările cheie despre design: unde vor apărea ilustrațiile și ce trebuie să exprime? Pe ce fel de situații și emoții ar putea juca? Care sunt parametrii tehnici în care trebuie să lucrați?

În această etapă, părțile interesate ar putea să nu fie foarte clare cu privire la ceea ce doresc. Cu toate acestea, ar trebui să ascultați cu atenție contribuția lor și să luați în considerare așteptările lor în legătură cu obiectivele afacerii și cu imaginea de marcă mai largă.

La Spacebase, scopul a fost de a face platforma de rezervare online mai accesibilă și mai umană. M-am gândit profund la relația dintre sălile de întâlnire și oamenii care le folosesc. Am vrut să surprindem mesajul mărcii de a ieși din spațiile de lucru obișnuite, în altele noi și interesante, într-un mod lin, convenabil și de susținere. Desenele trebuiau să pară prietenoase, moderne și simple.

Organizați inspirația

Un moodboard este esențial pentru a vă familiariza cu contribuțiile pe care le primiți și pentru a vă organiza ideile. Colectați imagini de la concurenți sau companii din domeniu cu calități similare obiectivului dorit și apoi compilați-le într-o resursă. Privind ceea ce te inspiră, poți fi un ghid pentru tonul general pe care vrei să-l atingi și să sugerezi calea către o primă iterație. Acesta este, de asemenea, un material util pentru a le arăta părților interesate, deoarece le oferă o idee despre direcția pe care o vor lua ilustrațiile înainte de a începe munca de creare a conceptelor.

Câteva dintre ilustrațiile mărcii care m-au inspirat. (Previzualizare mare)

Pentru designul Spacebase, m-am inspirat în special de ilustrațiile Airbnb, IBM și Shopify. Designul simplu al oamenilor și al spațiilor a ieșit cu adevărat în evidență pentru mine și m-a interesat modul în care paletele de culori dezactivate mențin ilustrațiile concentrate, fără a copleși elementele picturale. Ele produc o impresie de calm, căldură și incluziune.

Crearea conceptului

După cercetare și moodboarding, încep să schițez pe Adobe Illustrator. Uneori folosesc o tabletă Wacom, dar în principal mă țin de mouse cu instrumentul Pen. Folosesc forme pentru a crea o structură de bază și folosesc instrumentul Pen pentru a adăuga detalii și pentru a îmbunătăți conturul de bază.

Desen pe ecran. (Previzualizare mare)

Rețineți că imaginile pe care le proiectați ar trebui să fie coerente pentru a forma un sistem uniform, nu să formeze scene de sine stătătoare. Deci, chiar dacă aceasta este prima iterație - urmărește să dai ilustrațiilor o aromă distinctivă pe care o vei putea replica în diferite modele în viitor. Acest lucru s-ar putea să nu vină la început, dar simțiți-vă calea către o logică internă pentru ilustrațiile de branding și urmăriți să fiți consecvent cu acest lucru în deciziile dvs.

Cu ilustrațiile Spacebase, ne-am concentrat pe personajele umane și pe schema de culori ca modalități de a menține imaginile în conformitate cu alte elemente de branding vizual.

Evolutia bannerului de email pentru confirmari de rezervare. (Previzualizare mare)

Am început să desenez personajele umane cu contururi de bază, pentru a simți emoțiile pe care le-ar reprezenta și modul în care vor locui în spațiile interioare. Am vrut linii fluide care să le ofere profiluri dinamice și să sugereze mișcare. De asemenea, am vrut să evit orice lucru care părea prea greu – cuvintele cheie erau ușoare și prietenoase. Diversitatea a fost, de asemenea, importantă pentru mine, deoarece Spacebase este o companie internațională și îmi doresc întotdeauna ca spectatorii ilustrațiilor să se vadă pe ei înșiși.

Alături de figurile umane, am vrut ca obiectele și mediile să aibă un stil distinct - abstract, futurist și proiectant. Am dorit să arătăm interioare luminoase, frumoase, care implică utilizatorii în dinamica spațială și cu obiecte care sugerează un mediu de lucru profesional idealizat. În același timp, acestea nu erau pentru a distrage atenția. Spacebase se referă la sălile de întâlnire inspirate, dar brandul lor este mai mult despre oamenii care folosesc aceste spații. A fost nevoie de multe iterații pentru a fi corect.

Explorarea diferitelor linii și palete de culori. (Previzualizare mare)

După ce schițele au fost rafinate, m-am gândit la o schemă de culori. Culorile sunt puternice și evocă reacții instantanee – așa că a fost important pentru mine să nu copleșesc ilustrațiile. Mi-am dorit nuanțe subtile pentru a îmbunătăți și completa scenele. Schema de culori ar trebui să reflecte, de asemenea, personalitatea mărcii și să se potrivească cu celelalte elemente vizuale ale acestuia. Pentru schema de culori Spacebase, a fost important să rupem de la monocrom și să stai departe de culorile monocromatice asociate în mod normal cu sălile de ședințe. Culoarea lor principală de branding este portocaliu, așa că am echilibrat-o cu tonuri pastelate mai reci: violet, albastru deschis, gri și galben muștar.

Părere

După prima iterație, obțineți tot feedbackul posibil.

În mod clar, trebuie să discutați cu principalele părți interesate pentru ideea lor asupra designului dvs. Dar, de asemenea, încercați să căutați părerea utilizatorilor sau a colegilor, dacă aveți, în special a persoanelor care nu lucrează în design. Răspunsurile lor vă pot ghida către următorii pași pe care ar trebui să-i faceți pentru a îmbunătăți ilustrațiile. Proiectați pentru utilizatorii țintă reali, mai degrabă decât pentru nevoile imaginate.

În general, prefer să aud despre frustrările oamenilor care aud laudele lor. Laudele sunt frumoase, dar nu foarte utile. A cunoaște punctele dureroase ale utilizatorilor (sau ceva care nu are sens pentru ei vizual), indică unde să-ți concentrezi atenția. Chiar dacă nu sunt de acord cu propriile idei, părțile interesate și utilizatorii lor trebuie să iubească designul. Designul bun este în ochiul utilizatorului.

Una dintre ilustrațiile cu care m-am luptat cel mai mult la Spacebase a fost bannerul pentru e-mailurile de anulare. Clienții le primesc fie atunci când și-au anulat propria rezervare, fie atunci când Spacebase a fost nevoită să o anuleze.

Nimănui nu-i plac veștile proaste, așa că am vrut ca designul să-și împărtășească dezamăgirea și să sugereze simpatie și înțelegere. Versiunile timpurii erau prea grele, totuși. Colegii au spus că s-a simțit ca la sfârșitul lumii, că s-a pronunțat o judecată drastică. A durat mult timp (și multe iterații) pentru a se deplasa într-o direcție diferită.

Designul pentru anularea rezervării a durat mai multe iterații. (Previzualizare mare)

În cele din urmă, am eliminat cu totul figurile umane. Aceasta a fost o modalitate de a evita ca ilustrația să devină prea încărcată emoțional și de a-i oferi o senzație mai neutră. Cea mai recentă iterație minimizează drama – recunoaște o problemă prin reprezentări semi-abstracte ale ecranelor, dar indică și un viitor dincolo de anulare.

Biblioteca de referință

Pe măsură ce vă creați ilustrațiile, este util să construiți o bibliotecă cu diferitele elemente pe care le-ați folosit deja. Aceasta înseamnă că vă puteți referi la ele în viitor și vă puteți asigura că păstrați stilul și vă simțiți consecvent în diferite ilustrații. Păstrarea coerentei ilustrațiilor este cheia pentru eficacitatea generală a sistemului pe termen lung.

Biblioteca de imagini pentru figuri umane. (Previzualizare mare)
Biblioteca de imagini pentru obiecte. (Previzualizare mare)

Repeta

Fii pregătit să treci prin acest proces de multe ori.

Am trecut prin multe etape pentru a ajunge la iterațiile finale. (Previzualizare mare)

Iterația constantă este cea mai importantă parte a producerii unei identități vizuale de succes. Continuați să creați versiuni noi, să obțineți feedback și să creați noi iterații. Totul este un prototip și trebuie să rămâi deschis la ajustări pentru a-ți face brandingul cât mai apropiat de utilizatori . Păstrați părțile interesate la curent și implicați și fiți pregătiți pentru întorsături neașteptate — designul este, de asemenea, o călătorie și fiecare pas vă aduce mai aproape de un rezultat excepțional.

Atâta timp cât te scufunzi în cercetare și feedback, te vei îndrepta în direcția cea bună. Acesta este ceea ce mi se pare cel mai satisfăcător la design - sunt motivat de procesul în curs și când simt că îmi îmbunătățesc în mod constant lucrurile, sunt fericit să fac ceea ce fac.

Ilustrațiile de branding Spacebase au contribuit la consolidarea identității mărcii. (Previzualizare mare)