Identitate vizuală: din ce e făcută și cum o construiești

Cel mai scump lucru pe care îl poți face cu bugetul de branding e să cumperi un logo și să te oprești acolo. Logoul e piesa cea mai mică din tot sistemul și, paradoxal, cea mai puțin văzută: pe o postare de Instagram apare la 40 de pixeli într-un colț, în timp ce culoarea de fundal, fontul titlului și felul în care e decupată fotografia ocupă tot restul ecranului.

Recunoașterea vine din piesele mari. Identitatea vizuală e setul complet al acelor piese și regulile care le țin împreună.

Din ce e făcută o identitate vizuală

Șapte componente, aproximativ în ordinea impactului asupra recunoașterii:

1. Paleta cromatică

Culoarea e singurul element pe care creierul îl procesează înainte să citească ceva. De aceea e prima piesă și cea care trebuie să fie cel mai strict controlată.

O paletă funcțională are o structură, nu un număr de culori „frumoase”: o culoare de accent folosită pe sub 10% din suprafață, un neutru închis și unul deschis care fac 90% din muncă, plus culori de stare (succes, avertisment, eroare) dacă ai o interfață. Detaliile, inclusiv contrastul și accesibilitatea, sunt în ghidul de paletă cromatică.

Greșeala clasică: cinci culori egale ca importanță. Rezultatul e că nicio culoare nu devine „a ta”, pentru că nimic nu se repetă suficient ca să fie memorat.

2. Tipografia

Un sistem tipografic are, de obicei, două familii: una de titlu, care poartă personalitatea, și una de text, care trebuie să fie invizibilă și lizibilă la 14px pe un telefon. Multe branduri bune folosesc o singură familie cu mai multe grosimi, e mai ieftin de licențiat, mai ușor de aplicat și aproape imposibil de stricat.

Ce trebuie fixat, nu doar ales: scara (ce dimensiuni sunt permise), grosimile folosite, interlinia pentru text lung și lățimea maximă a rândului, în jur de 65–75 de caractere. Un sistem fără scară produce, în trei luni, unsprezece mărimi de titlu diferite. Detalii în ghidul de tipografie.

3. Sistemul de layout

Partea cel mai des omisă și cea care face diferența între „câteva materiale drăguțe” și „un brand”. Sistemul de layout e răspunsul la: cât spațiu e în jurul conținutului, pe ce grilă se aliniază lucrurile, unde stă logoul, cât de mari sunt marginile pe telefon față de desktop.

Ai nevoie de trei decizii: o unitate de spațiere (de obicei 4 sau 8 px, cu toate distanțele multipli ai ei), o grilă (12 coloane pe web, 4–6 pe print) și o regulă de margine exprimată procentual, ca să se scaleze de la o carte de vizită la un banner.

Testul: pune trei materiale diferite unul lângă altul, o postare, o pagină de site, o factură. Dacă distanțele dintre elemente par alese de trei oameni, n-ai sistem.

4. Stilul de imagine

Aici se pierd cele mai multe branduri mici, pentru că fotografia e singura componentă pe care nu o poți „seta o dată”. Fiecare postare nouă e o ocazie de a strica sistemul.

Soluția e o regulă scrisă, nu un moodboard. De exemplu: „fotografie naturală, o singură sursă de lumină, umbre vizibile, fără fundal alb de studio, fără oameni care privesc camera”. Patru propoziții pe care le poate aplica un fotograf sau le poți verifica în cinci secunde înainte de a posta.

Dacă folosești ilustrație sau imagini generate, regula e la fel de necesară, cu atât mai mult, pentru că un generator îți va da un stil diferit la fiecare rulare dacă nu îl constrângi.

5. Logoul și variantele lui

Un logo nu e un fișier, e o familie mică: varianta principală, o variantă orizontală sau verticală pentru formate incomode, un simbol izolat pentru avataruri și favicon, o variantă monocromă și una inversată pentru fundal închis.

Plus două reguli: spațiul liber minim din jur și dimensiunea minimă sub care nu se folosește. Fără ele, cineva va lipi logoul la 3 mm pe un pix promoțional și marca va arăta ca o pată. Procesul complet e în ghidul de logo, iar bugetele reale în cât costă un logo.

6. Elemente grafice

Semnătura vizuală care funcționează fără logo: o formă recurentă, un mod de a decupa imaginile, o linie, o textură, un pattern derivat din marcă. Ăsta e elementul care face ca o postare fără logo să fie tot recunoscută, și, în practică, e ce te separă de concurenții care au și ei un font sans-serif și un albastru.

7. Iconografia

Necesară doar dacă ai interfață, documentație sau materiale cu multe liste. Regula e simplă și rar respectată: o singură familie de iconuri, aceeași grosime de linie ca tipografia, același colț rotunjit. Amestecul de iconuri pline cu iconuri liniare e cel mai vizibil semn de sistem inexistent.

În ce ordine se construiește

1. 01Strategia, întâi. Fără ea nu ai criteriu de alegere, vezi ghidul de strategie.
2. 02Numele, dacă nu există deja. Vezi cum alegi numele.
3. 03Paleta și tipografia, împreună. Se influențează reciproc și se testează cel mai bine pe un titlu real.
4. 04Logoul, după ele. E mult mai ușor să desenezi o marcă atunci când știi deja fontul și culoarea în care va trăi.
5. 05Sistemul de layout și stilul de imagine, aplicate pe trei materiale reale.
6. 06Manualul, la final, ca să nu se piardă nimic din ce ai decis.

Cum verifici că sistemul e coerent

• Testul acoperirii: acoperă logoul de pe trei materiale. Se recunosc în continuare ca fiind ale aceluiași brand?
• Testul mărimii unghiei: micșorează totul la 5% și privește de la doi metri. Ce rămâne vizibil e ce recunoaște lumea în realitate.
• Testul alb-negru: scoate culoarea. Dacă ierarhia se prăbușește, te bazai pe culoare ca să faci munca contrastului.
• Testul străinului: dă sistemul cuiva care n-a fost implicat și cere-i un material nou. Ce iese e adevărata măsură a documentației tale.

Cât costă și cât durează

Pentru o firmă mică, un sistem complet (nu doar logo) înseamnă în general între 4.000 și 15.000 de lei la un freelancer bun și de câteva ori mai mult la o agenție, cu două-șase săptămâni de lucru. Defalcarea e în ghidul de costuri.

Alternativa, dacă bugetul nu există încă: generezi sistemul dintr-un brief scris și îl rafinezi. Asta face RHAM, dintr-o singură descriere ies strategia, marca, paleta, tipografia, site-ul și campania, toate derivate din același set de decizii, plus manualul exportabil. Nu înlocuiește un director de artă bun; înlocuiește punctul de plecare gol.