Creating en Rockstar Brand, Logo &Styleguide i Illustrator
designe en sterk og helhetlig grafisk merkeidentitet er en av de mest givende oppgaver i grafisk design. Det er en unik mulighet til å skape noe som vil gå på å brukes i mange forskjellige steder, applikasjoner og design. I denne flerdelt opplæringen serien vil jeg ta deg gjennom prosessene og design jeg brukte til å lage Rockable Trykk merkevare og dens mange ulike applikasjoner både offline og på. Vi begynner med å se på etableringen av Rockable logo, se og føle og merke.
dette innlegg er Dag 11 av våre grafisk design Session. Creative Sessions « Session Day 10Session Dag 12 »
Branding Beyond Grafisk Design
Merkevarebygging er et område som omfatter mye mer enn bare grafisk design. Faktisk pleier det å blø tungt i markedsføring og reklame. Derfor merkevarebygging for store selskaper er ofte håndteres av et reklamebyrå eller spesialist merkevarebygging og design huset. Selskaper som Landor og Futurebrand vil gå langt utover grafisk design, og vil du ofte høre dem snakke om merkevaren erfaring og merkevarebygging.
Som designer min første instinkt er å anta at merkene er anerkjent først og fremst visuelt, men faktisk merkevarebygging etater ofte dyppe i de andre sansene også. Så for eksempel en gang siden jeg møtte en fyr som produserer aromatiske dufter for merker, slik at hver gang du går inn i for eksempel en spesiell klesbutikk er det samme subtile duft. En annen ikke-visuelle metode for merkevarebygging er audiotory branding som er kjent brukt av Intel med den velkjente fire notat klokkespill de alltid spille på sine annonser som " Intel Inside " logoen vises.
Hvis du er interessert i å lære om hvordan merkevarebygging fungerer for selskapene en veldig, veldig bra og ganske lettlest er de 22 uforanderlige lover av Branding.
For vårt formål, kommer vi til å fokusere ganske mye bare på den visuelle opplevelsen av et merke
Om våre Brand Eksempel -. Rockable Trykk
I dette settet med tutorials vi kommer til å se på utviklingen av en Envato merke som heter Rockable Press. Det er en liten avdeling av vårt selskap som gjør eBok guider til å lære hvordan du gjør ting. Så vi har en bok om hvordan å freelance, en bok om hvordan å designe WordPress temaer, og vi har fått noen minibooks i utvikling på bruk av Twitter for forretningsbruk, på å skrive for web, på slicing Photoshop design, og så videre.
Hvis jeg var å identifisere nøkkelmerkeverdi ville det være at noen kan være fantastisk på hva de gjør, og Rockable produkter er der for å hjelpe folk tilegne seg nye ferdigheter og få virkelig god.
Så basert på at viktige merkeverdi kom vi opp med våre boktitler " Hvordan være en Rockstar Noe Når tiden kom for å skape et navn for virksomheten, men det viste seg at Rockstar Trykk eller Rockstar Books forårsaket en rekke problemer. Et søk i den amerikanske varemerket Database avslører at det er mange Rockstar Noe merker der ute inkludert en svært kjent spillselskap. Så med litt lateral tenkning vi kom opp med Rockable som er en gjort opp ord men som høres ekte. Faktisk et søk på Urban Dictionary hevder at " ordet " betyr å ha evnen til å rocke ... som er perfekt! Et søk på domenenavn viste at Rockable.com var borte, men RockablePress.com var tilgjengelig, og så navnet ble valgt. Hvis du er interessert i å velge domene /merkenavn, kanskje du liker å lese SmashingMagazine artikkel The effektiv strategi for å velge riktig domenenavn. For mer om hva som gjør en flott logo, bør du sjekke ut Tony Spaeth fra IdentityWorks på Six Universal attributter av en stor Mark. Hvordan velger du? Tony Spaeth har igjen en fin artikkel som heter Symbol? Eller ordmerket? som i utgangspunktet sier at du bør favorisere wordmarks for særegne navn og symboler for lengre, generiske navn. Personlig foretrekker jeg symbolbaserte logoer som de pleier å være litt mer oppsiktsvekkende, spesielt hvis en merkevare er helt ukjent. Så for Rockable Press vi kommer til å gå med et symbol Så det store spørsmålet er, hva symbol kommer til å representere dette merket? Å velge et symbol jeg vanligvis tenker: Jeg har også brukt litt tid på å tenke på hva rockestjerner gjør. En visuell idé som stod opp for meg var tanken på noen hopping med en gitar i hånden, eller hoppe inn i en folkemengde, eller hoppe over scenen. For meg hopping virket passende. Denne ideen vil dukke opp senere i vår bok dekker, men det gjorde det også veien inn i ideen om å snu stjernen i en hoppende tall som dette: Det neste trinnet er å velge en font å skrive mitt merkenavn ved siden av den lille stjerne mannen symbol. Så hvordan velger du en font? Her er noen betraktninger: I mitt tilfelle min symbol er ganske rett frem, så jeg ikke tankene hvis skrifttype er egentlig minimal . Samtidig er det et symbol i tillegg så jeg ikke ville ha noe for fru-fru. I mitt tilfelle jeg vil ha en sterk, modig føler -.! Vi snakker om rocke her tross alt Fordi min symbolet er så enkel at den nesten ser ut som et brev, jeg ønsker å finne en skrifttype som passer i vekt. På den måten symbolet kan være en del av ordlyden nesten. Nå har jeg en meget høyteknologisk måte å velge fonter. Utgangspunktet jeg skrive min ordet " Rockable " og da jeg blar gjennom mine million og én fonter før jeg ser noe som ser bra ut! Så jeg kopiere den til side og gjøre det litt mer. Til slutt velger jeg en av de beste kandidatene. Ved hjelp av denne revolusjonerende metoden jeg kom opp med en skrift som selv høres passende - Rockwell Bold: Rockwell er det som er kjent som en Slab Serif skriftsnitt. Et annet godt eksempel på denne type skriftsnitt er Lubalin som vi bruker for Tuts + merkevarebygging. Slab serif skriftsnitt er også noen ganger kalt " Square serif " eller " egyptiske ". De pleier å være veldig fet, spesielt i de tyngre vekter som jeg bruker for logoen. Slab serifs føler slags moderne for meg, spesielt når de brukes i en minimal, store typen, fet typografisk måte - som vi skal gjøre med Rockable Press. Ifølge Desedo Log Rockwell er også opplever litt av en oppblomstring i popularitet som kan forklare hvorfor jeg synes det virker moderne. Anyhow her er en morsom video med tillatelse fra Pulp Fiction, Samuel L. Jackson og Rockwell (NSFW): Neste vi velge en fargepalett for vår merkevare. Som jeg nevnte tidligere for Rockable Trykk jeg ville noe dristig, men det bør også være vennlig og moderne. Hva fargevalget er fet, vennlig og moderne? Sannsynligvis mange av dem, men for Rockable Press Jeg valgte en veldig enkel kombinasjon av gul, grå og svart. Jeg valgte en gul som har noen Magenta blandes inn slik at det er litt varmere enn rett gul. For den grå gikk jeg med en blandet grå med litt mer Cyan i det, og deretter en annen vanlig (og lettere) grå for å skrive på svart med. Og for den svarte jeg gikk med vanlig svart Fargevalget vil trolig bli påvirket av noen av disse faktorene. Hvis du er i farge, bør du virkelig bli med kjempeflott COLOURlovers område som er et fellesskap dedikert til nettopp det! På dette punktet du kan også være lurt å bestemme seg for en bestemt Pantone farge som du ønsker å 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 kan få en helt konsekvent fargegjengivelse i alt utskrifts arbeid. For å velge en Pantone du ville få ut Pantone farge bok og velge en nyanse av gult du likte. I mitt tilfelle solgte jeg alle mine Pantone bøker når jeg sluttet å gjøre freelance design, så vi kommer til å gjøre dette med bare ren gamle CMYK Det siste trinnet i logo design er å plassere symbolet og tekst sammen. Jeg bør være oppmerksom på dette punktet at du velger farger, skrifttype og skape symbolet vanligvis skjer som en organisk prosess - det bare gjør mer fornuftig å forklare det som trinn Så her jeg har plassert symbolet og skriftsnitt sammen . Jeg valgte dette dimensjonering fordi:. På dette punktet er det også viktig å bestemme hvordan logoen skal se ut når den er invers på en mørk farge. En god logo skal se like sterk invers som det gjør på hvitt Noen merker vil trenge en mer utviklet lete etter søknad til ting som emballasje og skilting . I tilfelle av Rockable Press, det kommer til å 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 laget det første trekket: Som du skjønner det er faktisk ikke mye til dette dekselet, faktisk elementene er: < .no> Og da har jeg bare plassert alt på siden! En interessant aspekt av design er at det svært ofte ikke innebærer mye selve teknikken med Illustrator eller Photoshop. Det vil si det er egentlig ikke noen spesielle tekniske triks som hjelper med design. Mesteparten av tiden er det egentlig bare om å plassere objekter, finne ut den visuelle hierarkiet og sikre det er en fin balanse mellom plass og elementer. I tilfellet med dette deksel er det ingen reell teknikk til den. Men det er mye av plassering. Så for eksempel tittelen er plassert på en slik måte at det ser virkelig fet og hopper utenfor siden. Den nest mest uttalt element er den silhuett mannen som i hvitt på svart er som i motsetning som det blir. De tre støttetekstelementene er plassert slik at de blir lest som uforutsette utgifter, men også balansere på siden, så merk at toppen og bunnen er begge sentrert og underoverskriften befinner seg i under tittelen. Du vil også legge merke til at enkelte elementer er ubalansert - tittelen elementene er hakket, silhuetten er av til venstre, de flekker er bare på rett - men den samlede effekten er balansert. Så silhuetten og flekker balansere hverandre ut litt, som gjør undertittel som er rett tung. Tilsvar hakket komponentene i tittelen alt danner en sammenhengende blokk. En styleguide er et dokument som forteller en annen designer hvordan du arbeider med en merkevare. Hvis du noen gang har jobbet med et prosjekt for en stor merkevare du vil ha mest sannsynlig fått en PDF-fil eller web styleguide som går gjennom ting som: Styleguides er viktig for å holde en konsekvent merkevare når flere designere jobber på samme prosjekt. Noen eksempler bedrifts styleguides: Selvfølgelig realistisk det Rockable merkevare er neppe kommer til å bli brukt av mange designere veien Webex merkevare ville. Men det er likevel verdt å lage en mini-styleguide. For eksempel hvis dette var en jobb for en klient jeg ville levere min mini-styleguide på slutten av jobben i tilfelle de sluttet å bruke mine tjenester og rekruttert en annen designer. De kunne da bare hånden PDF over til neste mann til å plukke opp der jeg slapp. Hva bør vi sette i vår mini-styleguide? La oss ha: Du kan gjøre dette slik du vil. Alt jeg gjorde var å lage en ny A4 Illustrator-dokument og deretter lagret fem versjoner sammenhengende hver med en annen side av elementer på den, deretter lagret dem hver som PDF-filer og sydd dem sammen i Acrobat bruker Insert Page funksjonen. Det tok omtrent ti minutter (og er litt grovt). Her er hvordan min ferdige produktet ser ut:! Se min Rockable Trykk Styleguide PDF Det fine med en styleguide er det føles som noe solid å levere til en klient. Spesielt hvis du har designet et ordmerke logo, noen ganger kan det føles som om du bare levere noe veldig enkelt.
" og " Rockstar Noe
". Så vi har Hvordan være en Rockstar Freelancer, Hvordan være en Rockstar WordPress Designer og Rockstar Personal Branding.
Hva kjennetegner en god logo?
< p> Det er to hovedkriterier jeg bruker til å lage logoer:
Gjenkjennelig & Særpreget En logo skal skille seg ut og være gjenkjennelig blant den visuelle rotet med andre merker. Du ønsker ikke identiteten din blir forvekslet med noen andens så det burde være forskjellig fra andre logoer helst overalt, men i hvert fall i en bransje /land.
ordmerket eller symbol?
< p> Et første skritt i å lage en logo er å bestemme det kommer til å være et ordmerke eller et symbol. En ordmerket er når logoen er utelukkende tekstbasert. Et symbol basert logoen er vanligvis en ikonisk grafisk mark gift med noen enkel tekst. Kjente eksempler på wordmarks inkluderer Google, Microsoft, Elle, Sony og vår egen Tuts +. Mens kjente eksempler på Symbol basert logoer inkluderer Nike, BP, Blogger, Chevron og Envato!
Trinn 1 -. Utvikle et symbol
Kan du visuelt representere navnet i seg selv? Si at du skulle designe en logo for et firma som heter Orange Marketing, kan du bestemme deg for å gjøre et symbol på .. en appelsin!
< p> I mitt tilfelle, for Rockable jeg bestemte symbolet bør være noe å gjøre med ordet " Rockstar ". Jeg trodde først bare en stjerne * karakter ville være bra, siden noen kaller det en " stjerne ". Og når vi planlegger på å gjøre merkevaren Rockstar
jeg trodde det ville være ryddig å skrive Rock *
men som jeg beskrevet ovenfor det navnet ble kastet, og vi gikk med Rockable i stedet.
Illustrator Teknikk:
Først fant jeg en passende * karakter. Jeg bare rullet gjennom en hel haug med fonter for å finne den som er vist.
Da jeg traff Type > Lag Outlines å slå den inn i en form
Deretter bruker Pen Tool (P) Jeg trakk forsiktig en figur i hvitt over toppen at jeg ønsket å kutte ut. Jeg holdt SHIFT ned for å holde den øvre og nedre kanten rett. Når jeg hadde formen nesten rett, zoomet jeg inn og brukte Direct Selection Tool (A) for å flytte punktene på plass.
Neste jeg gikk til Objekt >.; Utvid Utseende å ende opp med en enkelt ren form
Endelig manipulert jeg de to punktene direkte under " head " så de var litt tettere sammen ved hjelp av Direct Selection Tool (A) igjen. Og da jeg hadde min siste symbol
Trinn 2 - Velge en Font
Hvordan masete du vil at teksten skal være? Generelt sett trenger du ikke vil elementene i logoen slåss mot hverandre. Så hvis du har et symbol som skal være i fokus og teksten bør være mer diskret. Hvis du bruker bare et ordmerke for en logo så du kan velge en mer dekorative eller pyntet skrift.
eller klassiker
, feminine
eller maskuline
, strong
eller delikat
, vennlig
eller stand-offish
. Som du lære om typografi vil du lære å knytte forskjellige betydninger med skrifttyper og se hva som er passende for hva. Den eneste måten å lære dette er virkelig å ta hensyn til hvordan og hvor ulike skrifttyper benyttes
Hvordan lesbar er skriften for din spesielle ord? På en praktisk notat, noen skrifter bare er ikke veldig leselig for visse ord eller bokstaver. År siden jeg brukte en font for min freelancing design arbeid som skjedde til å lese godt for brevene " god ". Ganske mye hver andre bokstav i den aktuelle font sugd, men for noen grunn at kombinasjonen bare så virkelig øye på, det var en fin 'g', enkel 'o og en fin' d '.
Trinn 3 - Utvikling av en fargepalett
Industry &!; Konkurranse Hvis du har tre store konkurrenter, og de alle bruker blå, hvis du bruker rød for eksempel du kommer til å være svært gjenkjennelig.
Velge Pantones
Trinn 4 - Plassering og Final Logo
På denne størrelsen symbolet vekt er svært lik den teksten . Det vil si at hvis du sammenligner hvor tykke linjene er på teksten og symbolet de samsvarer ganske tett.
Trinn 5 -. Utvikle se videre
En svart base.
En hvit silhuetten av en person hopping. Jeg faktisk kjøpt en utvidet lisens på et lager illustrasjon for de små hopp menn. Du kan selvfølgelig bare ta et bilde av noen hopping og spore den ut i Illustrator ganske enkelt.
Design vs Technique
Trinn 6 - Lage en enkel Styleguide
Logo dimensjonering og plassering
Farger for på skjermen og i print
Fonts, web fonter, kontor fonter
Bruk av fotografering
Bruk av støttedesignelementer
Fra Webex styleguide
Webex
Heineken
Cambridge University
Compaq Anmeldelser
Logoen både på hvit og mørk
De skriftene vi bruker for visning, kopiere og web
Fargene
Designelementer som tittel, slagord og så videre
dette innlegget er Dag 11 av våre grafisk design Session. Creative Sessions « Session Day 10Session Dag 12 »