Slik lager du et merkedokumentasjon i Adobe InDesign

Hva du skal skape

Branding er den visuelle limen som holder et selskap eller en organisasjon sammen. Når du har utviklet merkevaren til en klient eller for din egen virksomhet, bør du knytte alle brandingskonseptene sammen til et Brand Guidelines-dokument.

I denne opplæringen tar jeg deg gjennom trinnene for hvordan jeg opprettet et enkelt merkevare retningslinjer dokument for de bosatte design- og illustrasjonsforfattere og vanlige medlemmer, kjærlig kjent som Team Awesome! Jeg vil også dele noen veldig nyttige tips for å lage Brand Retningslinjer for dine egne prosjekter.

Du vil trenge Adobe InDesign for denne opplæringen, som er egnet for nybegynnere til mellombrukere.

1. Hva er merkets retningslinjer og hvorfor trenger jeg dem?

Nesten alle selskaper, selv noen som er relativt små i størrelse, vil ha sine egne Brand Retningslinjer. Dette dokumentet bør ikke være et siste øyeblikk ettertanke. Det er et viktig dokument for å vise ansatte og entreprenører den riktige måten å bruke merkevaren til alt de måtte trenge på - fra mindre skalaer som skrivesaker (visittkort, brevpapir, etc.), brosjyrer og markedsføringsmaterialer til større fortolkninger av hvordan Selskapet er offentlig representert, for eksempel kontordesign, reklame og webdesign.

Retningslinjer for merkevare er ment å være nyttige - de bør gi gjennomsiktig veiledning om hvordan du kan bruke visuelle elementer av merkevaren din, for eksempel logoen og farger, og hvordan merkevaren kan tolkes på tvers av ulike medier. 

Brand retningslinjer må heller ikke begrenses til visuelle elementer. Mange selskaper bruker Brand Retningslinjer som et sted å stave ut selskapets etos og å sette opp regler for skrivestil (noen ganger kalt "brand voice"), når de skriver fra selskapets perspektiv.

La oss ta en titt på prosessen med å lage et Brand Retningslinjedokument, for Team Awesome. Åpne opp InDesign å følge med. Du kan enten velge å slippe inn elementer fra de andre opplæringene i Branding Team Awesome serier, eller bruk dokumentet vi lager som en mal for å slippe i ditt eget merkevareinnhold.

Flott! La oss komme i gang…

2. Opprett et nytt dokument i InDesign

Trinn 1

Med InDesign åpnet, gå til Fil> Nytt> Dokument.

I Nytt dokument vindu, hold Intent satt til Skrive ut (selv om du har tenkt å dele det endelige dokumentet digitalt), og angi Antall sider til 8, for nå. Du kan legge til flere sider i ditt eget dokument senere hvis du trenger det.

Fjern merkingen Facing Pages, og fra Sidestørrelse menyvalg A4. Bytt orientering til Landskap. Jeg har en tendens til å finne ut at et landskapsformat fungerer bedre for Brand Guidelines-formatet gir deg masse hvit plass til å leke med og masse plass til å fylle med bilder og overskrifter.

Under marginene, sett Topp og Bunn til 15 mm og Venstre og Ikke sant til 13 mm.

Sett Blø på alle sider til 3 mm. Klikk OK.

Steg 2

Med ditt nye åtte-siders dokument opprettet, kan vi begynne å tenke på å skille dokumentet i seksjoner.

De første sidene (Side 1) og siste (Side 8) vil danne fremsiden og baksiden av dokumentet. Dekselet er et flott sted å skape et stort innslag som dekker noen av de mest fremtredende elementene i merkevaren.

Først må vi importere fargestifter som vi skal bruke på forsiden. I en tidligere opplæring, Lag et merket visittkort for Team Awesome, opprettet jeg en Adobe Swatch Exchange (ASE) fil med to røde stifter. Hvis du fulgte kortveiledningen, går du til fargeprøver panelet i InDesign (Vindu> Stopper) og velg Last opp fargeprøver fra panelets rullegardinmeny.

Naviger til ASE-filen, 'Team Awesome Brand Colors', og klikk Åpen.

Alternativt kan du legge til de røde stikkordene manuelt ved å velge Ny fargekvoter ... fra fargeprøver panelmenyen og opprette to nye CMYK-stifter med følgende navn og verdier:

  • Team Awesome Red: C = 10 M = 81 Y = 97 K = 2
  • Team Awesome Dark Red: C = 23 M = 84 Y = 100 K = 15

Du bør også laste ned og installere varemerkefonten, klar til bruk over retningslinjene. For Team Awesome merkevarebygging, bruker vi Picadilly, som er gratis å laste ned.

Installer skrift og returner til InDesign-dokumentet.

Trinn 3

Navigere til Side 1 av dokumentet og ta Rektangelverktøy (M) fra Verktøy panel. Dra over hele siden, helt opp til blødet på alle sider, og sett Fyll farge til Team Awesome Red.

Utvid lag panel (Vindu> Lag) og Dobbeltklikk Standaren Lag 1 navn for å åpne opp Lagalternativer. Gi nytt navn til laget som Bakgrunn

Låse laget, og velg Nytt lag ... fra panelets rullegardinmeny for å lage et andre lag. Gi nytt navn til laget som Innhold.

Du kan plassere merkelogoen som et vannmerke over øverst til venstre på frontdekselet. 

For å gjøre dette, ta opp en vektorversjon av logoen i Adobe Illustrator. Oppgruppér vektorelementene hvis du trenger det, og velg den enkleste silhouettversjonen av logoen. For Team Awesome logo, det er bare det sentrale hvite elementet.

I Illustrator gå til Rediger> Kopier, og deretter tilbake til InDesign

Rediger> Lim inn å lime vektoren direkte inn på Side 1

Fra fargeprøver panel (Vindue> Farge> Svampe) du kan justere Fyll farge av vektoren til den mørkere røde fargeprøven, Team Awesome Dark Red.

Utvid logoen, hold Skifte for å opprettholde proporsjonene og posisjonen øverst til venstre på siden, slik at noen av designene strekker seg forbi kanten av siden (trimkanten).

Trinn 4

Ta Typeverktøy (T) og dra til siden for å lage en lang tekstramme. Type 'Brand retningslinjer' og sett Font til Picadilly Regular, Størrelse 40 pt, Sporing til 80 og Skriftfarge til [Papir].

Velg tekstrammen og Høyreklikk (Windows) eller Kontroll-Klikk (Mac OS)> Transform> Roter 90 grader CCW. Plasser tekstrammen nederst til høyre på siden, hviler mot marginen.

Frontdekselet er ferdig, godt arbeid! 

Du kan lage et lignende bakdeksel ved å kopiere og lime inn bakgrunnsfargen (Låse opp de Bakgrunn lag først) og logo på Side 8 av dokumentet og flytte logoen til nederste høyre hjørne.

3. Struktur Retningslinjer for varemerker

Organisasjon og en klar struktur er nøkkelen til et godt Brand Retningslinjedokument. Tenk på hvordan du leder leseren gjennom elementene i merkevaren din. Begynn med kjennelementene i merkevaren - logoen er et godt sted å starte. Deretter beveger du deg utover til å dekke merkevarenes farger og andre viktige merkevarer, for eksempel skrifter og merkemaskotten.

Den bakre delen av dokumentet bør fokusere på å styrke regler for bruk av varemerkene, ved hjelp av klare eksempler på hvordan du bruker og ikke bruker de forskjellige merkeelementene.

Det første du må gjøre før du dykker inn i å lage detaljerte sider med regler, er å tenke på innholdssiden til dokumentet. Dette blir den første siden leseren møter, og vil være et nyttig verktøy for å navigere gjennom merkets retningslinjer.

Trinn 1

Naviger ned til Side 2 av dokumentet ditt.

Sørg for Bakgrunn laget er Låst og du jobber på Innhold lag.

Fra venstre linjal (Vis> Vis linjaler) klikk og dra ut en guide til X posisjon 99 mm (som markerer en tredjedel av siden). Dra en annen guide til 198 mm, å dele siden i tre like deler.

Steg 2

Hopp opp til Side 1 av dokumentet og Rediger> Kopier tekstrammen som leser 'Brand retningslinjer'

Rediger> Lim inn videre til Side 2 og flytt inn i nederste venstre hjørne av siden, hviler rammen mot marginen.

Juster Skriftfarge til Team Awesome Red og teksten som skal leses 'Innhold'.

Trinn 3

Ta Typeverktøy (T) og opprett to nye tekstrammer, hviler hver øverst til høyre på siden, med en i den sentrale tredjedel av siden og den andre kantet opp i samme vertikale posisjon, men i den høyre tredjedel av siden. 

I siden av venstre tekstramme skriver du sidetal fra 1 til 4, med to avsnitt pauser mellom hvert nummer. Sett Font til Picadilly Fet, Størrelse 20 pt, Juster Høyre og Skriftfarge til Team Awesome Red. 

Dra den høyre siden av tekstrammen til venstre litt, slik at den ikke sitter nøyaktig på 198 mm guide.

Skriv inn titlene til hver del av retningslinjene i den høyre tekstrammen. Her har jeg:

  • Logo
  • Fargene
  • Mascoten
  • Bruksregler

Sett Font til Picadilly Regular, Størrelse 20 pt, Juster venstre, Alle Caps og Skriftfarge til Team Awesome Red.

Trinn 4

For å holde leseren orientert i dokumentet ditt, bør du legge til sidetall i retningslinjene.

Utvid sider panel (Vindu> Sider) og dobbeltklikk på A-Master sideikon øverst på panelet for å hente master på skjermen.

Lag en ny liten tekstramme ved hjelp av Typeverktøy (T), og plasser den nederst til høyre på siden, like under bunnmarginen.

Angi typemarkøren i tekstrammen, og hodet opp til hovedmenyen øverst på skjermen. Gå til Skriv> Sett inn spesialtegn> Markører> Gjeldende sidetal

Fremhev 'EN' markør som vises og angi Font til Picadilly, Juster Høyre og Farge til Team Awesome Red.

Du kan også sette inn løpende overskrifter for å gi retningslinjene dine dokumentet som ekstra faglig berøring. Opprett en ny tekstramme og posisjon øverst til høyre på siden. Type 'Team Awesome: Brand Guidelines'.

Lage en ny CMYK Swatch ved å velge Ny fargekvoter ... fra fargeprøver panel:

  • Team Awesome Gray: C = 36 M = 28 Y = 27 K = 0

Bruk denne nye gråfargeprøven til 'Team Awesome' kun tekst, og sett resten inn Team Awesome Red. Trekke ut 'Team Awesome' i en Fet Picadilly font.

Velg tekstrammen og gå til Objekt> Effekter> Gjennomsiktighet. Minske opacity til 60% og klikk OK.

Trinn 5

Du vil at denne mesteren bare skal brukes på sidene som trenger sidetall. For øyeblikket brukes A-Master som standard på alle sidene i dokumentet.

Klikk og dra master siden oppkalt [Ingen] på toppen av sider panel, og slipp det på sidenikoner for Sider 1, 2 og 8 i nederste halvdel av panelet nedenfor.

De A-Master er nå brukt på bare sider 3-7.

Når du går ned til Side 3 av dokumentet, vil du legge merke til at sidenummeret leser som 3, når vi virkelig vil at den skal leses som 1, som det er den første siden av det faktiske innholdet i dokumentet. 

For å gjøre dette, velg Side 3 sideikon i sider panelet og velg Nummer- og seksjonsalternativer ... fra panelets rullegardinmeny. 

I vinduet som åpnes, sjekk kule ved siden av Startside nummerering på: 1 og klikk OK. Dette skaper en ny seksjon i dokumentet, og starter en ny seksjon på Side 3, nå noterer det som Side 1. Sidetallene dine vil også tilpasse seg dette nye nummereringssystemet.

4. Hva skal inkluderes på sidene dine

Nå har du innholdsfortegnelsen strukturert og sidetall og løpende overskrifter satt opp, du kan begynne å utvikle ditt Brand Guidelines-dokument mer detaljert. 

La oss gå gjennom trinnene for å lage to sider av dokumentet, Side 1, 'Logoet', og Side 4, 'Bruksregler'. Du kan ta leksjonene demonstrert her og bruke dem på andre sider i dokumentet ditt senere. Du kan se det fulle Team Awesome Retningslinjer for varemerker dokumenteres ved slutten av opplæringen.

Trinn 1

Gå tilbake til innholdssiden din. 

Dra musen over toppen av siden for å velge bare de to guider og Rediger> Kopier

Åpne opp A-Master, og gå til Rediger> Lim inn i sted. Dra ut en tredje guide til X posisjon 39 mm. Guidene vil nå vises på alle sider med A-Master som er brukt på dem.

Gå tilbake til innholdssiden og velg tekstrammen som leser 'Innhold' fra nederste venstre hjørne av siden. Rediger> Kopier.

Deretter flytter du ned til det som er nå Side 1 (den andre «Side 1» av dokumentet, og tidligere Page 3) og velg Rediger> Lim inn i sted. Juster teksten som skal leses 'The Logo'.

Steg 2

Låse opp de Bakgrunn lag og lag et nytt høyt rektangel ved hjelp av Rektangelverktøy (M). Plasser på venstre side av siden, hviler høyre kant mot 39 mm-guiden. 

Sett Fylle til Team Awesome Red.

Låse de Bakgrunn lag og gå tilbake til Innhold lag. Juster Skriftfarge av 'Logoet' til [Papir].

Trinn 3

Bruk støttelinjene som et rutenett for å plassere innholdet ditt på resten av siden. 

Flytt over til høyre side av siden og opprett en ny tekstramme. Sett Font til Picadilly Regular, Størrelse 13 pt, Ledende 20 pt, Sporing 80, og Skriftfarge til Team Awesome Red. 

Nå kan du begynne å skrive opp sammendraget av merkevarens logo - hva representerer det? Er det mer enn en versjon av logoen? Dette kan være et grunnleggende sammendrag; Du kan lede leseren til å lese opp instruksjonene for bruk av logoen på merkede materialer.

Bruk de resterende to tredjedelene av siden til venstre for teksten for å plassere et par bilder av logoen din. Hvis du bare har en hovedversjon av logoen, bare bruk den. 

I dette tilfellet bruker vi både en 2D (enkel) og 3D (detaljert) versjon av Team Awesome logo, så jeg bruker Rektangelrammeverktøy (F) å lage to bilderammer til Fil> Plass bilder av hver.

Prøv å holde denne siden så enkel og mulig som mulig. Dette er leserens første kontaktpunkt med merkevaren, så det må gjøre et minneverdig inntrykk.

Trinn 4

Som vi berørte tidligere, kan du strukturere retningslinjene for retningslinjene slik at du har mer detaljerte forklaringer og regler som er beskrevet senere i retningslinjene. 

Fra 'Logoet' siden kan du lede leserne til å hoppe videre til side 4 i dokumentet, som forteller leseren hvordan man egentlig skal bruke logoen og demonstrere via noen nyttige eksempler.

La oss sette den siden sammen nå. Gjenværende på 'Logoet' side først, dra musen over siden for å velge alt innholdet og gå til Rediger> Kopier.

Gå ned til Side 4 av dokumentet (hva var opprinnelig). Gå til Rediger> Lim inn i sted. Slett bildene i midten av siden, slik at du bare har de to tekstrammene igjen.

Juster Skriftfarge av 'Logoet ' til Team Awesome Red. Juster teksten som skal leses 'Bruksregler: Logo'

Fremheve 'Logo' og sett Farge til Team Awesome Grey.

Trinn 5

Gå over til høyre side av siden og til tekstrammen sitter i høyre tredjedel av siden. Slett teksten, og skriv inn noen avsnitt som beskriver hvordan logoet skal brukes på tvers av merkede materialer.

Tenk på hvilke farger og fargekombinasjoner logoen skal gjengis i. Hvor fleksibel er logoen? Kan den bare plasseres mot ren bakgrunn (ikke mønstret), eller til og med utelukkende mot rene, hvite bakgrunner? En av og til forsømt, men veldig viktig, råd er å instruere leseren om å gi en tilstrekkelig margin rundt en logo, slik at den vil skille seg ut. 

Når du er ferdig med teksten, bør du bruke gjenværende plass på siden for å gi demonstrasjonsbilder, forklare instruksjonene dine i et visuelt format.

Her har jeg for eksempel plassert logoen og brukt Rektangelverktøy (M) og Stroke Tool (\) å demonstrere marginalregelen.

Under det legger jeg en trio med logoer som viser hvordan logo-designet kan brukes på farge, svart-hvitt og svart-hvitt dokumenter.

Til slutt, nederst på siden, plasserer jeg et par eksempler på logosettet mot ren og mønstret bakgrunn. 

For å sette inn et kryss og kryss for å demonstrere korrekt og feil bruk, opprett en tekstramme, og juster Font til Wingdings.

Åpne deretter glyphs panel (Vindu> Type og tabeller> Glyfer) og velg de aktuelle glyphene fra panelet som åpnes.

Denne siden, 'Bruksregler', kan være travlere enn noen av de første sidene dine, da det er her du virkelig vil komme inn i den nitty-gritty detaljen om hvordan merkevaren eiendelen skal brukes riktig.

Flott arbeid! Logo-sidene er komplette, og ser stilig, leselig og omfattende ut. Les videre for å finne ut hvordan du kan utvikle dine egne Brand Retningslinjer, ved hjelp av Team Awesome dokument som modell ...

Konklusjon: Utvikling av merkets retningslinjer

Du kan bruke teknikker og tips vi brukte på sidene i seksjon 4 i opplæringen ovenfor, for å utvikle retningslinjene for merkevare og utvide dokumentet i et dokument med full lengde. 

Vurder alle elementene i merkevaren din som må forklares, og orden dem når det gjelder betydning. For eksempel er en logo vanligvis den første som kommer til å tenke når noen tenker på et gitt selskap; så du bør plassere logosiden ved starten av dokumentet.

Pass på at du forklarer alt tydelig og alltid gi bilder for å demonstrere direkte hvordan du vil at leseren skal bruke merkevaren din. Tross alt er et bilde verdt tusen ord! 

Når du har lagt de siste detaljene i dokumentet ditt, spør en venn (ideelt sett hvem som har liten erfaring med eller kontakt med firmaet ditt) for å se gjennom dem. Hvis de finner noe uklart eller forvirrende, bør du se på å presentere det på en klarere måte. Brand retningslinjer er vanligvis brukt av designere og markedsføring ansatte, men de bør også være klart nok for ikke-designere å forstå.

Her er Team Awesome Retningslinjer for varemerker er fullstendige. Du kan bruke strukturen og stilen til dokumentet for å hjelpe deg med å organisere ditt eget merkevareprosjekt. Ha det gøy!


Lykke til med å lage dine egne merkeguider! Vi elsker alltid å se eksempler på lesernes arbeid, så vær så snill å dele noen eksempler på dine egne retningslinjer i kommentarene nedenfor.