Opprette et Rockstar-merke, Logo & Styleguide i Illustrator

Å designe en sterk, sammenhengende grafisk merkeidentitet er en av de mest givende oppgavene i grafisk design. Det er en unik mulighet til å skape noe som vil fortsette å bli brukt på mange forskjellige steder, applikasjoner og design. I denne multi-del opplæringsserien tar jeg deg gjennom prosesser og design Jeg pleide å lage Rockable Press-merkevaren og de mange forskjellige applikasjonene både offline og på. Vi starter med å se på etableringen av Rockable-logoen, utseende og merke.

Dette innlegget er dagen 11 i vår grafiske design sesjon. Creative Sessions "Session Day 10Session Day 12"

Branding Beyond Graphic Design

Branding er et område som omfatter mye mer enn bare grafisk design. Faktisk har det en tendens til å bløde tungt inn i markedsføring og reklame. Derfor er merkevareutvikling for store selskaper håndtert av et reklamebyrå eller spesialisert merkevarebygging og designhus. Bedrifter som Landor og FutureBrand vil gå langt utover grafisk design, og du vil ofte høre dem snakke om merkevareerfaring og merkevarebygging.

Som designer er mitt første instinkt å anta at merkevarer er anerkjent primært visuelt, men faktisk brannverkstedene dypper ofte inn i de andre sansene også. Så for eksempel en gang siden møtte jeg en fyr som produserer aromatiske dufter for merkevarer, slik at hver gang du går inn, sier en bestemt klærbutikk det er den samme subtile duften. En annen ikke-visuell metode for merkevarebygging er audiotory branding, som er kjent for Intel av den kjente fire notatklokka de alltid spiller på sine annonser som "Intel Inside" -logoen vises.

Hvis du er interessert i å lære om hvordan merkevarebygging fungerer for bedrifter, er det virkelig, veldig bra og ganske enkelt å lese, de 22 uendelige lovene for merkevarebygging.

For vårt formål skal vi fokusere ganske mye bare på den visuelle opplevelsen av et merke.


Om vårt merkeeksempel - Rockable Press

I dette settet av opplæringsprogrammer skal vi se på utviklingen av et Envato-merke, kalt Rockable Press. Det er en liten deling av vårt firma som gjør EBook guider til å lære å gjøre ting. Så vi har en bok om freelance, en bok om hvordan å designe WordPress-temaer, og vi har noen minibooks i utviklingen på bruk av Twitter for forretningsbruk, skriving på nettet, å skille Photoshop-design og så videre..

Hvis jeg skulle identifisere nøkkelverdien, ville det være det hvem som helst kan være fantastisk på hva de gjør, og Rockable produkter er der for å hjelpe folk til å skaffe seg nye ferdigheter og bli veldig gode.

Så basert på den viktige merkeverdien, kom vi opp med våre boktitler "Hvordan være en Rockstar Noe"og" rockstar Noe". Så vi har Hvordan være en Rockstar Freelancer, Hvordan være en Rockstar WordPress Designer og Rockstar Personal Branding..

Da det var på tide å lage et navn for virksomheten, viste det seg imidlertid at Rockstar Press eller Rockstar Books forårsaket mange problemer. Et søk i US Trademark Database avslører at det er mange Rockstar Noe merker der ute, inkludert et meget kjent spillbedrift.

Så med litt lateral tankegang kom vi opp med Rockable som er et ferdig ord, men det høres ut som det er ekte. Faktisk et søk i Urban Dictionary hevder at "ordet" betyr å ha muligheten til å rocke ... som er perfekt!

Et søk på domenenavn viste at Rockable.com var borte, men RockablePress.com var tilgjengelig, og så ble navnet valgt.

Hvis du er interessert i å velge domenenavn, kan du gjerne lese SmashingMagazines artikkel. Den effektive strategien for å velge riktige domenenavn.


Hva gjør en god logo?

Det er to hovedkriterier jeg bruker til å lage logoer:

  1. Gjenkjennelig og distinkt
    En logo bør skille seg ut og bli gjenkjennelig blant de visuelle rotene til andre merker. Du vil ikke at identiteten din skal forveksles med noen andre, så det bør være forskjellig fra andre logoer, helst overalt, men minst i en bransje / land.
  2. bruk
    En logo bør være brukbar både når det gjelder sin visuelle form og i form av bruk. Så for eksempel hvis du hadde en logo som er en virkelig, veldig lang stripe, vil det være vanskelig å passe på design. På samme måte hvis du har en logo som er avhengig av mange fargegradier, og du må få den trykt i svart og hvitt, kommer du til å løbe inn i problemer. Det er ikke å si at du ikke kan ha uteksaminert logoer eller lange og tynne logoer, men det er verdt å tenke hardt om hvordan logoen skal brukes.

For mer om hva som gjør en flott logo, bør du sjekke ut Tony Spaeth fra IdentityWorks på de seks universelle egenskapene til et stort merke.


Wordmark eller Symbol?

Et første skritt i å skape en logo er å bestemme at det skal være et ordmerke eller et symbol. Et ordmerke er når logoen er utelukkende tekstbasert. En symbolbasert logo er vanligvis et ikonisk grafikkmerke gift med litt enkel tekst. Berømte eksempler på tekstmerker inkluderer Google, Microsoft, Elle, Sony og vår egen Tuts +. Mens berømte eksempler på symbolbaserte logoer inkluderer Nike, BP, Blogger, Chevron og Envato!

Hvordan velger du? Tony Spaeth har igjen en fin artikkel som heter Symbol? Eller Wordmark? som i utgangspunktet sier at du bør favorisere ordmarker for særegne navn og symboler for lengre, generiske navn.

Personlig foretrekker jeg symbolbaserte logoer som de pleier å være litt mer iøynefallende, spesielt hvis et merke er helt ukjent. Så for Rockable Press skal vi gå med et symbol.


Trinn 1 - Utvikle et symbol

Så det store spørsmålet er, hvilket symbol skal representere dette merket? Å velge et symbol jeg vanligvis tenker på:

  • Kan du visuelt representere navnet selv?
    Si at du var å designe en logo for et firma som heter Orange Marketing, du kan bestemme deg for å gjøre et symbol på ... en oransje!
  • Er det et symbol som kommuniserer merkets verdier?
    La oss si at du var å designe en logo for et investeringsselskap som handlet om sikre investeringer, du kan velge et ikonisk sikkert bilde for eksempel å representere sikkerhet.
  • Kan du representere hva selskapet gjør?
    La oss si at du gjorde en logo for et flyttefirma du kunne bestemme et symbol på en lastebil eller varebil var passende slik at seeren umiddelbart kunne identifisere hva selskapet handlet om.

I mitt tilfelle, for Rockable bestemte jeg meg for at symbolet skulle være noe med ordet "Rockstar". Jeg tenkte først bare en stjerne * tegn ville være bra, siden noen kalle det som en "stjerne". Og da vi planla å lage merkevaren Rockestjerne Jeg trodde det ville være pent å skrive Stein* men som jeg detaljerte over det navnet ble søppel og vi gikk med Rockable i stedet.

Jeg har også brukt litt tid på å tenke på hva rockstars gjør. En visuell ide som stod ut for meg var ideen om at noen hoppet med en gitar i hånden, eller hoppet inn i en mengde, eller hoppet over scenen. For meg syntes jumping passende.

Denne ideen kommer til å sees senere i vår bokomslag, men det gjorde også veien til ideen om å snu stjernen til en hoppende figur som dette:

Illustratorteknikk:

  1. Først fant jeg et passende * karakter. Jeg rullet bare gjennom en hel haug med skrifter for å finne den viste.
  2. Så slo jeg Skriv> Opprett oversikter å gjøre det til en form
  3. Deretter bruker du Pennverktøyet (P) Jeg trakk forsiktig en form i hvitt over toppen som jeg ønsket å kutte ut. jeg holder SKIFTE ned for å holde topp- og bunnkanten rett. Når jeg hadde formen nesten rett, zoome jeg inn og brukte Direkte utvalgsverktøy (A) å flytte poengene på plass.
  4. Deretter valgte jeg både stjerneformen og formen på toppen og slo ut ikonet som ble vist i Pathfinder-flyet.
  5. Neste gikk jeg til Objekt> Utvid Utseende å ende opp med en enkelt ren form
  6. Til slutt manipulerte jeg de to punktene direkte under "hodet" slik at de var litt nærmere sammen med Direkte utvalgsverktøy (A) en gang til. Og så hadde jeg mitt siste symbol!

Trinn 2 - Velge en skrift

Det neste trinnet er å velge en skrifttype for å skrive merket mitt ved siden av det lille stjernesymbolet. Så hvordan velger du en skrift? Her er noen overveielser:

  1. Hvor masete vil du at teksten skal være?
    Vanligvis vil du ikke at elementene i logoen din kjemper mot hverandre. Så hvis du har et symbol som bør være fokus og teksten skal være mer diskret. Hvis du bare bruker et ordmerke for en logo, kan du velge et mer dekorativt eller pyntet skrifttype.

    I mitt tilfelle er symbolet mitt rett fremover, så jeg bryr meg ikke om skrifttypen ikke er veldig minimal. Samtidig er det et symbol også, så jeg vil ikke ha noe for fru fru.

  2. Hvilket bilde prøver du å prosjektet?
    Ulike skrifttyper har forskjellige konnotasjoner og betydninger. Så når du velger et skrifttype, bør du tenke på hva det står om merket. Vil du si det moderne eller klassiker, feminin eller maskulin, sterk eller delikat, vennlig eller stand-offish. Når du lærer om typografi, lærer du å knytte forskjellige betydninger med skrifttyper og se hva som passer for hva. Den eneste måten å lære dette på er å være oppmerksom på hvordan og hvor forskjellige skrifttyper brukes.

    I mitt tilfelle ønsker jeg en sterk, dristig følelse - vi snakker om rockstjerner etter alt!

  3. Hvordan lesbar er skriften for ditt spesielle ord?
    På et praktisk notat er noen skrifter bare ikke veldig lesbare for bestemte ord eller bokstaver. For mange år siden brukte jeg en font for freelancing designarbeidet mitt, som bare skjedde for å lese godt for bokstavene "bra". Ganske mye alle andre bokstaver i den aktuelle fonten sugde, men av en eller annen grunn at kombinasjonen bare så veldig på, var det en fin 'g', enkel 'o og en fin' d '.
  4. Hvordan samsvarer fonten med symbolet du bruker?
    Symbolet og ordet må ha et godt forhold der de støtter hverandre. Tenk på hvordan de to kontrastene hverandre.

    Fordi symbolet mitt er så enkelt det nesten ser ut som et brev, vil jeg finne et skrift som stemmer overens med vekten. På den måten kan symbolet være en del av formuleringen nesten.

Nå har jeg en veldig høyteknologisk måte å velge skrifter på. I utgangspunktet skriver jeg ordet "Rockable" og så ruller jeg gjennom min million og en skrifttype til jeg ser noe som ser bra ut! Så kopierer jeg det til den ene siden og gjør det litt mer. Til slutt velger jeg en av de beste kandidatene.

Ved hjelp av denne revolusjonerende metoden kom jeg opp med en skrifttype som til og med høres bra ut - Rockwell Bold:

Rockwell er det som er kjent som en Slab Serif-skrifttype. Et annet godt eksempel på denne typen skrift er Lubalin som vi bruker til Tuts + -merket. Slab serif skrifttyper kalles også noen ganger "Square serif" eller "Egyptian".

De pleier å være veldig dristige, spesielt i de tyngre vekter som jeg bruker for logotypen. Slab serifs føles moderne for meg, spesielt når de brukes i en minimal, stor type, fet skriftlig måte - som vi vil gjøre med Rockable Press. Ifølge Desedo Blog opplever Rockwell også litt av en gjenoppblomstring i popularitet som kan forklare hvorfor jeg synes det virker moderne. Uansett her er det en morsom video med Pulp Fiction, Samuel L Jackson og Rockwell (NSFW):


Trinn 3 - Utvikling av en fargepalett

Deretter velger vi en fargepalett for merkevaren vår. Som jeg tidligere nevnte for Rockable Press ønsket jeg noe fet, men det skulle også være vennlig og moderne. Hvilken fargeskjema er fet, vennlig og moderne? Sannsynligvis mange av dem, men for Rockable Press valgte jeg en veldig enkel kombinasjon av gul, grå og svart.

Jeg valgte en gul som har litt magenta blandet inn slik at den er litt varmere enn rett gul. For det grå gikk jeg med en blandet grå med litt mer Cyan i den, og deretter en andre vanlig (og lettere) grå for å skrive på svart med. Og for den svarte gikk jeg med ren svart.

Ditt fargevalg vil trolig bli påvirket av noen av disse faktorene:

  • Mote
    Ja farger går inn og ut av mote. Tenk bare på fluoro og 80-tallet!
  • Industri og konkurranse
    Hvis du har tre store konkurrenter og de alle bruker blå, hvis du bruker rød for eksempel, blir du veldig gjenkjennelig.
  • Betydning
    På samme måte som fonter har farger betydning, og ikke bare en. Sikkert rødt er sint, men det gjør ikke Coca-Cola sint riktig? Nope fordi rød er også høy, spennende og lys. Blå og grå er verdens favoritt bedriftens farger. Brown er flott for kafeer og varme merker. Ifølge en artikkel om fargesykologi har rød og gul tendens til å få folk til å spise raskt og forlate, hvorfor de blir brukt i fastmat så ofte.

Hvis du er i farge, bør du virkelig bli med på den fantastiske COLOURlovers-siden som er et fellesskap dedikert til nettopp det!

Velge Pantones

På dette punktet vil du kanskje også bestemme deg for en bestemt Pantone-farge som du vil bruke. Pantone-farger er et standard sett med blekk som nesten alle skrivere kan tilby for bruk i offset utskriftsjobber. Fordelen med å bruke Pantones er at du får en fullstendig konsistent fargegjengivelse i alle dine utskriftsarbeid. For å velge en Pantone vil du komme ut av Pantone fargebok og velge en nyanse av gul du likte. I mitt tilfelle solgte jeg alle Pantone-bøkene mine da jeg sluttet å gjøre frilansdesign, så vi skal gjøre dette med bare ren gammel CMYK!


Trinn 4 - Plassering og sluttlogo

Det siste trinnet i logo-design er å plassere symbolet og teksten sammen. Jeg bør merke på dette punktet at valg av farger, skrifttype og skape symbolet vanligvis skjer som en organisk prosess - det er bare mer fornuftig å forklare det som trinn!

Så her har jeg plassert symbol og skrifttype sammen. Jeg valgte denne størrelsen fordi:

  • Jeg vil at symbolet skal føles nesten som en tegnsetting på slutten av ordet.
  • I denne størrelsen er symbolvekten svært lik teksten. Det vil si hvis du sammenligner hvor tykke linjene er på teksten og symbolet de stemmer ganske tett sammen.

På dette punktet er det også viktig å bestemme hvordan logoen skal se ut når den er omvendt på en mørk farge. En god logo bør se ut like sterk inversed som den gjør på hvit.


Trinn 5 - Utvikle blikket videre

Noen merker vil trenge et mer utviklet søk for søknad om ting som emballasje og skilting. I tilfelle av Rockable Press vil det være et svært viktig element i form av bokomslag. Så lenge før jeg tok seg tid til å lage den første boken, satte jeg meg ned og designet den første omslaget:

Som du skjønner er det ikke så mye på dette dekselet, faktisk er elementene:

  • En svart base.
  • En hvit silhuett av en person som hopper. Jeg kjøpte faktisk en utvidet lisens på en lagerillustrasjon for de små hoppende mennene. Du kan selvsagt bare ta et bilde av noen som hopper og spore det i Illustrator ganske enkelt.
  • Noen hvite flekker. Dette ble også kjøpt som en lagervektor, og jeg la den til å gjøre dekselet litt mer grungy og ung.
  • Den grå støtteteksten.
  • Hovedtekstteksten skrevet i svart på en gul bakgrunn og satt i vinkler for å gjøre tittelen veldig slank.

Og så har jeg nettopp lagt alt på siden!

Design mot teknikk

Et interessant aspekt ved design er at det ofte ikke involverer mye faktisk teknikk med Illustrator eller Photoshop. Det vil si at det ikke er noen spesielle tekniske triks som hjelper med design. Mesteparten av tiden handler det egentlig om å plassere objekter, finne ut den visuelle heirarki og sikre at det er en fin balanse mellom rom og elementer.

I tilfelle av dette dekselet er det ingen reell teknikk til den. Men det er mye plassering. Så for eksempel tittelen er plassert på en slik måte at den ser veldig fet ut og hopper av siden. Det neste mest uttalt elementet er den silhouettede mannen som i hvitt på svart er så kontrastert som det blir. De tre støttende tekstelementene er plassert slik at de leses som tilfeldige, men også balanserer siden, så merk at topp og bunn er begge sentrert og underposisjonen ligger under tittelen.

Du vil også legge merke til at enkelte elementer er ubalanse - tittelelementene er skarve, silhouetten er av til venstre, specklene er bare til høyre - men den totale effekten er balansert. Så silhouetten og flekkene balanserer hverandre litt ut, og det samme er underteksten som er riktig tung. På samme måte danner de krumme komponentene i tittelen alle en sammenhengende blokk.


Trinn 6 - Opprette et enkelt styleguide

Et styleguide er et dokument som forteller en annen designer hvordan man skal arbeide med et merke. Hvis du noen gang har jobbet med et prosjekt for en stor merkevare, har du mest sannsynlig fått en PDF eller web styleguide som går gjennom ting som:

  1. Logo størrelse og plassering
  2. Farger for på skjermen og på utskriften
  3. Skrifter, webfonter, kontortyper
  4. Bruk av fotografering
  5. Bruk av støtteelementer

Styleguides er viktige for å holde et konsekvent merke når flere designere jobber med det samme prosjektet.


Fra Webex styleguide

Noen eksempler corporate styleguides:

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

Selvfølgelig vil Rockable-merkevaren faktisk ikke bli brukt av mange designere som Webexs merke ville. Men det er fortsatt verdt å lage en mini-styleguide. For eksempel hvis dette var en jobb for en klient, ville jeg levere min mini-styleguide på slutten av jobben i tilfelle de stoppet med å bruke tjenestene mine og rekrutterte en annen designer. De kunne da bare sende PDF-filen til neste fyr for å plukke opp hvor jeg sluttet.

Hva skal vi sette inn i min mini styleguide? La oss ha:

  1. Logoen er både hvit og mørk
  2. Skriftene vi bruker til visning, kopiering og web
  3. Fargene
  4. Designelementer som tittel, slagord og så videre

Du kan gjøre dette uansett. Alt jeg gjorde var å lage et nytt A4 Illustrator-dokument og deretter lagret fem sammenhengende versjoner hver med en annen side med elementer på den, og lagret dem hver som PDF-filer og syet dem sammen i Acrobat ved hjelp av Insert Page-funksjonen. Det tok omtrent ti minutter (og er litt grovt). Slik ser det ferdige produktet ut:

Se min Rockable Press Styleguide PDF!

Det fine med en styleguide er at det føles som noe solid å levere til en klient. Spesielt hvis du har designet et ordmerke-logo, kan det noen ganger føles som om du bare leverer noe veldig enkelt.

Dette innlegget er dagen 11 i vår grafiske design sesjon. Creative Sessions "Session Day 10Session Day 12"