Crearea unui brand Rockstar, Logo & Styleguide în Illustrator

Proiectarea unei identități puternice și coerente a mărcii grafice este una dintre cele mai satisfăcătoare sarcini în designul grafic. Este o ocazie unică de a crea ceva care va continua să fie folosit în multe locuri, aplicații și desene. În această serie multi-part tutorial vă voi face prin procesele și design-ul pe care l-am folosit pentru a crea marca Rockable Press și numeroasele sale aplicații atât offline, cât și pe. Vom începe prin a privi crearea logo-ului Rockable, aspectul și simțul și brandul.

Această postare este Ziua 11 a Sesiunii noastre de Design grafic. Sesiuni de creație "Ziua sesiunii 10-a sesiune 12"

Branding dincolo de designul grafic

Branding este o zonă care cuprinde mult mai mult decât doar designul grafic. De fapt, ea tinde să sângereze foarte mult în marketing și publicitate. Prin urmare, dezvoltarea de mărci pentru companiile mari este deseori gestionată de o agenție de publicitate sau de o firmă de design și de brand specializat. Companiile precum Landor și FutureBrand vor merge mult dincolo de designul grafic și le veți auzi adesea vorbind despre experiența de brand și construirea de mărci.

În calitate de designer, primul meu instinct este să presupun că brandurile sunt recunoscute în primul rând vizual, dar, de fapt, agențiile de branding se îmbină adesea și cu celelalte simțuri. De exemplu, acum ceva timp am întâlnit un tip care produce parfumuri aromatice pentru branduri, astfel încât, de fiecare dată când intri într-un magazin special de îmbrăcăminte, există același parfum subtil. O altă metodă non-vizuală de branding este brandingul audiotor, care este cunoscut de Intel cu acea familiarizație de patru note pe care o joacă mereu pe anunțurile sale, pe măsură ce apare logo-ul "Intel Inside".

Dacă sunteți interesat să aflați cum funcționează branding-ul pentru companii, citiți cu adevărat, foarte bine și destul de ușor, cele 22 de legi imuabile de branding.

Pentru scopurile noastre, ne vom concentra destul de mult doar pe experiența vizuală a unui brand.


Despre exemplul nostru de marcă - Rockable Press

În acest set de tutoriale vom analiza dezvoltarea unei mărci Envato numită Rockable Press. Este o mică divizie a companiei noastre care face ca ghidurile Ebook să învețe cum să facă lucrurile. Deci, avem o carte despre cum să facem un volum liber, o carte despre cum să proiectăm teme WordPress și avem câteva cărți în curs de dezvoltare cu privire la utilizarea Twitter pentru utilizare în scopuri de afaceri, scriere pe web, despicarea desenelor Photoshop și așa mai departe.

Dacă aș identifica valoarea cheie a mărcii, ar fi asta oricine poate fi minunat la ceea ce fac, și produsele Rockable sunt acolo pentru a ajuta oamenii să dobândească noi abilități și să devină foarte buni.

Deci, pe baza valorii cheie a brandului, am venit cu titlurile noastre de carte "Cum să fii un Rockstar Ceva"și" Rockstar Ceva"Așa că avem cum să fim un Freelancer Rockstar, cum să fii un designer Rockstar WordPress și branding personale Rockstar.

Când a venit timpul să creeze un nume pentru afacere, s-a dovedit că Rockstar Press sau Rockstar Books au provocat multe probleme. O căutare a Baza de date a mărcilor din SUA dezvăluie că există o mulțime de mărci Rockstar Something de acolo, inclusiv o companie de jocuri foarte faimoasă.

Deci, cu un pic de gândire laterală am venit cu Rockable, care este un cuvânt făcut, dar care pare real. De fapt, o căutare a Dicționarului Urban susține că "cuvântul" înseamnă a avea abilitatea de a roca ... ceea ce este perfect!

O căutare a numelor de domenii a arătat că Rockable.com a dispărut, dar RockablePress.com a fost disponibil și astfel numele a fost ales.

Dacă sunteți interesat în selectarea domeniilor / mărcilor comerciale, vă recomandăm să citiți articolul lui SmashingMagazine Strategia eficientă pentru alegerea numelor de domeniu corecte.


Ce face un logo bun?

Există două criterii principale pe care le folosesc pentru a crea logouri:

  1. Recunoscut și distinctiv
    O siglă ar trebui să iasă în evidență și să fie recunoscută printre aglomerația vizuală a altor mărci. Nu doriți ca identitatea dvs. să fie confundată cu cineva, deci ar trebui să fie diferit de alte logo-uri, de preferință peste tot, dar cel puțin într-o industrie / țară.
  2. Utilizabil
    O siglă ar trebui să fie utilizabilă atât din punct de vedere vizual, cât și din punct de vedere al aplicării sale. De exemplu, dacă ați avea un logo care este o bandă cu adevărat lungă, va fi greu să se potrivească modelelor. În mod similar, dacă aveți un logo care se bazează pe o mulțime de gradienți de culoare și trebuie să îl tipăriți în alb-negru, veți avea probleme. Asta nu înseamnă că nu poți avea logo-uri graduate sau logo-uri lungi și subțiri, dar merită să te gândești foarte mult la modul în care va fi folosit logo-ul.

Pentru mai multe informații despre ceea ce face un logo grozav, ar trebui să vizitați Tony Spaeth de la IdentityWorks pe cele șase atribute universale ale unui marc.


Marcaj sau simbol?

Un prim pas în crearea unui logo este de a decide dacă va fi un Marcaj sau un Simbol. Un semn este atunci când sigla este bazată exclusiv pe text. Logo-ul bazat pe simboluri este, de obicei, o marcă grafică iconică căsătorită cu un text simplu. Exemplele celebre de cuvinte-cheie includ Google, Microsoft, Elle, Sony și propriile noastre Tuts +. În timp ce exemplele celebre ale logourilor bazate pe simboluri includ Nike, BP, Blogger, Chevron și Envato!

Cum alegi? Tony Spaeth are din nou un articol elegant numit Simbol? Sau Wordmark? care de fapt spune că ar trebui să favorizezi mărcile pentru nume și simboluri distincte pentru nume mai lungi, generice.

Personal prefer logo-urile bazate pe simboluri, deoarece tind să fie un pic mai atrăgătoare, mai ales dacă o marcă este complet necunoscută. Deci, pentru Rockable Press, vom merge cu un simbol.


Pasul 1 - Dezvoltarea unui simbol

Deci întrebarea mare este: ce simbol va reprezenta acest brand? Pentru a alege un simbol, de obicei mă gândesc:

  • Puteți să reprezentați vizual numele în sine?
    Spuneți că proiectați un logo pentru o companie numită Orange Marketing, ați putea decide să faceți un simbol al ... unei portocale!
  • Există un simbol care comunică valorile mărcii?
    Să presupunem că ați creat un logo pentru o companie de investiții care să vizeze investiții sigure, ați putea alege o imagine sigură iconică, de exemplu, pentru a reprezenta securitatea.
  • Poți să reprezinți ceea ce face compania?
    Să presupunem că ați făcut un logo pentru o companie în mișcare, ați putea decide că un simbol al unui camion sau o camionetă este adecvată, astfel încât spectatorul să poată identifica imediat despre ce era vorba compania.

În cazul meu, pentru Rockable am decis că simbolul ar trebui să fie ceva de făcut cu cuvântul "Rockstar". Am crezut prima data ca un caracter de asterisc * ar fi bun, deoarece unii oameni numesc aceasta "stea". Și când vrem să facem marca Vedetă rock Am crezut că ar fi bine să scrii Rock * dar după cum am detaliat de mai sus, acest nume a fost trashed și am mers cu Rockable în schimb.

De asemenea, am petrecut ceva timp gândindu-mă la ceea ce fac rockstarii. O idee vizuală care mi-a stat în evidență a fost ideea că cineva să sară cu o chitară în mână sau să sară într-o mulțime sau să sară peste scenă. Pentru mine, săriturile păreau potrivite.

Această idee va apărea mai târziu în coperțile cărților noastre, dar și ea a făcut ca ideea de a transforma asteriscul într-o figură de sărituri,

Tehnica Illustratorului:

  1. Mai întâi am găsit o potrivire * caracter. Tocmai am făcut o grămadă de fonturi pentru a găsi cea prezentată.
  2. Apoi am lovit Tip> Creați contururi pentru ao transforma într-o formă
  3. Apoi, folosind Instrument Pen (P) Am desenat cu grijă o formă în alb peste partea de sus pe care am vrut să o scot. am tinut SCHIMB pentru a menține marginile superioare și inferioare drept. Odată ce aveam aproape forma dreaptă, m-am apropiat și am folosit-o Instrumentul de selecție directă (A) pentru a muta punctele în loc.
  4. Apoi am selectat atât forma asteriscului, cât și forma deasupra și apăsând pictograma decupată din flyout-ul Pathfinder.
  5. În continuare m-am dus Obiect> Extindeți aspectul să se încheie cu o singură formă curată
  6. În cele din urmă am manipulat cele două puncte direct sub "cap", astfel încât acestea au fost un pic mai aproape împreună folosind Instrumentul de selecție directă (A) din nou. Și apoi am avut simbolul meu final!

Pasul 2 - Alegerea unui font

Următorul pas este să alegeți un font pentru a scrie numele de marcă lângă simbolul omului cu asterisc mic. Deci, cum selectați un font? Iată câteva considerații:

  1. Cât de agitat doriți ca textul să fie?
    În general, nu vrei ca elementele logoului tău să se lupte reciproc. Deci, dacă aveți un simbol care ar trebui să fie accentul și textul ar trebui să fie mai subevaluat. Dacă utilizați doar un cuvânt pentru un logo, atunci puteți alege un font mai decorativ sau mai frumos.

    În cazul meu, simbolul meu este destul de drept, așa că nu mă deranjează dacă textul nu este cu adevărat minim. În același timp, există și un simbol, așa că nu aș vrea nimic prea fru-fru.

  2. Ce imagine încerci să proiectezi?
    Tipurile diferite au conotații și semnificații diferite. Deci, ori de câte ori alegeți un tip de text, trebuie să vă gândiți la ceea ce spune despre marcă. Vrei să spună asta modern sau clasic, feminin sau masculin, puternic sau delicat, prietenos sau distant. În timp ce învățați despre tipografie, veți învăța să asociați diferite semnificații cu tipurile de fonturi și să vedeți ce este potrivit pentru ceea ce. Singura modalitate de a învăța acest lucru este de a acorda atenție modului și locului în care se folosesc diferite tipuri de fonturi.

    În cazul meu, vreau un sentiment puternic și îndrăzneț - aici vorbim de rockstars aici!

  3. Cât de lizibil este fontul pentru cuvântul dvs. particular?
    Pe o notă practică, unele fonturi nu sunt foarte lizibile pentru anumite cuvinte sau litere. Cu ani în urmă am folosit un font pentru munca mea de design independent, care sa întâmplat să citească bine pentru literele "bune". Foarte multe alte scrisori din acel font l-au supt, dar dintr-un motiv oarecare această combinație arăta chiar într-adevăr la fața locului, era o simplă 'g', simplă 'o' și o '.
  4. Cum se potrivește fontul cu simbolul pe care îl utilizați?
    Simbolul și cuvântul trebuie să aibă o relație fericită acolo unde se susțin reciproc. Gândește-te cum se contrazic cele două.

    Pentru că simbolul meu este atât de simplu, seamănă aproape cu o literă, vreau să găsesc un font care să se potrivească cu greutatea. În acest fel, simbolul poate fi o parte a textului aproape.

Acum am o modalitate foarte avansată de a alege fonturi. Practic îmi scriu cuvântul "Rockable" și apoi scot milioane de milioane și un singur font până când văd ceva care arată bine! Apoi, copiez asta într-o parte și o fac și mai mult. În sfârșit, aleg unul dintre cei mai buni candidați.

Folosind această metodă revoluționară am venit cu un font care chiar suna potrivit - Rockwell Bold:

Rockwell este ceea ce este cunoscut sub numele de Slab Serif. Un alt exemplu extraordinar al acestui tip de text este Lubalin pe care îl folosim pentru marca Tuts +. Șrafurile de serigrafie sunt, de asemenea, uneori numite "pătrat serif" sau "egiptean".

Ei tind să fie foarte îndrăzneți, mai ales în greutățile mai grele pe care le folosesc pentru logotip. Șerifurile de sticlă se simt mai degrabă moderne pentru mine, mai ales atunci când sunt folosite într-un mod tipic minimal, de tip mare și îndrăzneț - așa cum o vom face cu Rockable Press. Potrivit blogului Desedo, Rockwell se confruntă și cu o renaștere a popularității, care ar putea explica de ce cred că pare modern. Oricum, este vorba de o amuzantă video de la Pulp Fiction, Samuel L Jackson și Rockwell (NSFW):


Pasul 3 - Dezvoltarea unei palete de culori

Apoi alegem o paletă de culori pentru marca noastră. După cum am menționat anterior pentru Rockable Press, am vrut ceva îndrăzneț, dar ar trebui să fie, de asemenea, prietenos și modern. Ce schemă de culori este îndrăzneață, prietenoasă și modernă? Probabil o mulțime, dar pentru Rockable Press am ales o combinație foarte simplă de galben, gri și negru.

Am selectat un galben care are un amestec de Magenta, astfel încât este puțin mai cald decât galbenul drept. Pentru gri am mers cu un gri amestecat cu un pic mai cyan în ea, și apoi un al doilea simplu (și mai deschis) gri pentru a scrie pe negru cu. Și pentru negru am mers cu negrul simplu.

Alegerea culorii va fi probabil influențată de unii dintre acești factori:

  • Modă
    Da, culorile intră și ies din modă. Gândește-te la fluoro și la anii 80!
  • Industrie și concurență
    Dacă aveți trei concurenți majori și toți folosesc albastru, dacă folosiți roșu, de exemplu, veți fi foarte recunoscuți.
  • Sens
    La fel ca fonturile, culorile au sensuri, și nu doar unul. Sigur că roșul este furios, dar asta nu face ca Coca-Cola să fie supărată? Nu, deoarece roșu este, de asemenea, tare, interesant și luminos. Albastru și gri sunt culorile corporative preferate ale lumii. Brown este grozav pentru cafenele și branduri calde. Potrivit unui articol despre psihologia culorii, roșu și galben tinde să facă pe oameni să-și dorească să mănânce rapid și să plece, motiv pentru care sunt folosiți atât de frecvent în hrana rapidă.

Dacă sunteți în culoare, ar trebui să vă alăturați cu adevărat site-ului minunat COLOURlovers, care este o comunitate dedicată doar acestui lucru!

Alegerea pantonei

În acest moment s-ar putea să doriți să decideți și asupra unei anumite culori Pantone pe care doriți să o utilizați. Culorile Pantone sunt un set standard de cerneluri pe care aproape toate imprimantele pot să le ofere pentru a fi folosite în operații de tipărire offset. Avantajul utilizării Pantones este că puteți obține o reprezentare completă a culorilor în toate lucrările dvs. de imprimare. Pentru a alege un Pantone, veți ieși din cartea dvs. de culoare Pantone și veți selecta o nuanță de galben care ți-a plăcut. În cazul meu, am vândut toate cărțile mele Pantone atunci când am încetat să fac design liber, așa că vom face acest lucru doar cu CMYK simplu vechi!


Pasul 4 - Plasarea și sigla finală

Ultimul pas în designul logo-ului este plasarea simbolului și a textului împreună. Ar trebui să remarcăm în acest moment că alegerea culorilor, tipărirea și crearea simbolului se întâmplă de obicei ca un proces organic - este mai simțitor să-l explicăm ca pași!

Deci, aici am plasat simbolul și textul împreună. Am ales această dimensiune deoarece:

  • Vreau ca simbolul să se simtă aproape ca o punctuație la sfârșitul cuvântului.
  • La această dimensiune, greutatea simbolului este foarte asemănătoare cu textul. Adică dacă comparăți cât de gros sunt liniile pe text și pe simbolul pe care îl compară foarte îndeaproape.

În acest moment, este de asemenea important să decideți cum va arăta logo-ul atunci când este inversat pe culoarea închisă. Un logo bun ar trebui să arate la fel de puternic inversat ca și pe alb.


Pasul 5 - Dezvoltarea aspectului în continuare

Unele mărci vor avea nevoie de o aplicație mai dezvoltată pentru aplicații cum ar fi ambalajele și semnele. În cazul lui Rockable Press, va exista un element foarte important sub formă de huse de cărți. Cu mult timp înainte de a-mi acorda timp pentru a crea prima carte, m-am așezat și am proiectat prima copertă:

După cum veți realiza că nu există prea multe pentru această acoperire, de fapt elementele sunt:

  • O bază neagră.
  • O siluetă albă a unei persoane sărituri. De fapt, am cumpărat o licență extinsă pe o ilustrație pentru cei mici. S-ar putea, desigur, să luați o fotografie cu cineva sărind și să-l urmăriți în Illustrator destul de ușor.
  • Câteva strălucire albe. Acest lucru a fost, de asemenea, achiziționat ca un stoc de stoc și l-am adăugat pentru a face coperta un pic mai mult grungy și tineri.
  • Textul de sprijin gri.
  • Textul principal al titlului scris în negru pe un fundal galben și pus la unghiuri pentru a face titlul cu adevărat plictisitor.

Și apoi am pus totul pe pagină!

Design versus tehnică

Un aspect interesant al designului este că, deseori, nu implică o tehnică mult mai reală cu Illustrator sau Photoshop. Asta inseamna ca nu exista cu adevarat trucuri tehnice speciale care ajuta la design. De cele mai multe ori este vorba despre plasarea obiectelor, imaginarea heirarhiei vizuale și asigurarea unui echilibru frumos între spațiu și elemente.

În cazul acestei acoperiri, nu există o tehnică reală. Cu toate acestea, există o mulțime de plasare. De exemplu, titlul este plasat în așa fel încât să arate cu adevărat îndrăzneț și să salveze pagina. Următorul element cel mai pronunțat este omul siluetă care, în alb pe negru, este la fel de diferită de ceea ce se întâmplă. Cele trei elemente de text de susținere sunt plasate astfel încât să fie citite ca fiind incidentale, dar și să echilibreze pagina, deci rețineți că partea superioară și inferioară sunt ambele centrate, iar subcapitolul este amplasat sub titlul.

De asemenea, veți observa că elementele individuale sunt dezechilibrate - elementele de titlu sunt strâmbe, silueta este în stânga, gloanțele sunt doar pe partea dreaptă - dar efectul general este echilibrat. Deci silueta si straturile se echilibreaza reciproc, la fel ca si subtitlul care este foarte greu. În mod similar, componentele strâmbe ale titlului formează un bloc coeziv.


Pasul 6 - Crearea unui ghid de stil simplu

Un ghid de stil este un document care îi spune unui alt designer cum să lucreze cu un brand. Dacă ați lucrat vreodată la un proiect pentru un brand major, probabil că ați primit un ghid de stil PDF sau web care trece prin lucruri precum:

  1. Logo dimensionarea și plasarea
  2. Culori pentru ecran și imprimate
  3. Fonturi, fonturi web, fonturi de birou
  4. Utilizarea fotografiei
  5. Utilizarea elementelor de design de susținere

Ghidurile de stil sunt importante pentru păstrarea unei mărci consecvente atunci când mai mulți designeri lucrează la același proiect.


Din ghidul de stil Webex

Câteva exemple de ghiduri de stil corporative:

  1. WebEx
  2. Heineken
  3. Universitatea Cambridge
  4. Compaq

Desigur, în mod realist, marca Rockable nu va fi folosită de mulți designeri așa cum ar face marca lui Webex. Cu toate acestea, merită să creați un ghid de stil mini. De exemplu, dacă ar fi o slujbă pentru un client, mi-aș livra mini-stilguide la sfârșitul slujbei în cazul în care au încetat să utilizeze serviciile mele și au recrutat un designer diferit. Apoi ar putea să transmită PDF-ul la următorul tip pentru a ridica unde am plecat.

Ce ar trebui să punem în mini-ghidul nostru? Hai sa:

  1. Logo-ul atât pe alb, cât și pe întuneric
  2. Fonturile pe care le folosim pentru afișare, copiere și web
  3. Culorile
  4. Elemente de design cum ar fi titlul, sloganul și așa mai departe

Puteți face acest lucru oricum doriți. Tot ce am făcut a fost să creez un nou document A4 Illustrator și apoi să salvez câte cinci versiuni consecutive, fiecare cu o altă pagină de elemente pe el, apoi să le salveze fiecare în format PDF și să le cuscăm împreună în Acrobat folosind funcția Inserare pagină. A durat aproximativ zece minute (și este cam dur). Iată cum arată produsul meu finit:

Vedeți documentul meu de tip Rockable Press Styleguide PDF!

Lucrul frumos despre un ghid de stil este că se simte ca ceva solid de livrat unui client. În special, dacă ați proiectat un logo cu sigle, uneori se poate simți ca și cum ați oferi ceva cu adevărat simplu.

Această postare este Ziua 11 a Sesiunii noastre de Design grafic. Sesiuni de creație "Ziua sesiunii 10-a sesiune 12"