Så här skapar du ett varumärkesriktningsdokument i Adobe InDesign

Vad du ska skapa

Branding är det visuella limet som håller ett företag eller en organisation tillsammans. När du har utvecklat varumärket för en kund eller för ditt eget företag borde du knyta alla brandingskoncepten tillsammans till ett varumärkesriktlinjer.

I den här handledningen tar jag dig igenom stegen i hur jag skapade ett enkelt varumärkesriktlinjer för de residenta design- och illustrationförfattarna och vanliga medlemmar i samhället, kärleksfullt känd som Team Awesome! Jag delar också några riktigt användbara tips för att skapa varumärkesriktlinjer för dina egna projekt.

Du kommer att behöva Adobe InDesign för denna handledning, som är lämplig för nybörjare till mellanliggande användare.

1. Vad är varumärkesriktlinjer och varför behöver jag dem?

Nästan alla företag, även vissa som är relativt små i storlek, kommer att ha sina egna varumärkesriktlinjer. Detta dokument borde inte vara en sista minuten eftertanke. Det är ett viktigt dokument för att visa personal och entreprenörer rätt sätt att tillämpa ditt varumärke på allt som de behöver - från mindre omfattande saker som brevpapper (visitkort, brevpapper, etc.), broschyrer och marknadsföringsmaterial till större tolkningar av hur Företaget är offentligt representerat, såsom kontorsdesign, reklam och webbdesign.

Riktlinjer för varumärke är avsedda att vara användbara. De bör ge genomblicklig vägledning om hur du kan använda visuella delar av ditt varumärke, till exempel logotypen och färgerna och hur märket kan tolkas över olika media. 

Varumärkesriktlinjer behöver inte heller begränsas till visuella element. Många företag använder varumärkesriktlinjer som en plats för att stava ut företagets etos och att även utfärda regler för skrivstil (ibland kallad "brand voice"), när man skriver från företagets perspektiv.

Låt oss ta en titt på processen att skapa ett varumärkesriktlinjer dokument för Team Awesome. Öppna InDesign att följa med. Du kan antingen välja att släppa in element från de andra handledningarna i Branding Team Awesome serier, eller använd dokumentet som vi skapar som en mall för att släppa i ditt eget varumärkesinnehåll.

Bra! Låt oss börja…

2. Skapa ett nytt dokument i InDesign

Steg 1

Med InDesign öppnas, gå till Arkiv> Nytt> Dokument.

I Nytt dokument fönstret, behåll det Avsikt satt till Skriva ut (även om du tänker dela det slutliga dokumentet digitalt) och ställa in Antal sidor till 8, tills vidare. Du kan lägga till ytterligare sidor i ditt eget dokument senare om du behöver.

Avmarkera Facing Pages, och från Sidstorlek meny välj A4. Byt ut Orientering till Landskap. Jag tenderar att hitta att ett landskapsformat fungerar bättre för Brand Guidelines-formatet ger dig massor av vitt utrymme att spela med och mycket utrymme att fylla med bilder och rubriker.

Under marginaler, ställa in Topp och Botten till 15 mm och Vänster och Höger till 13 mm.

Ställ in Blöda på alla sidor till 3 mm. Klick ok.

Steg 2

Med ditt nya åtta sidiga dokument skapat kan vi börja tänka på att separera dokumentet i sektioner.

De första sidorna (Sid 1) och Sidan (Sidan 8) kommer att bilda framsidan och baksidan av ditt dokument. Omslaget är ett utmärkt ställe att skapa ett högeffektivt skydd som använder några av de mest framträdande elementen i varumärket.

Först måste vi importera färgprov som vi ska använda på omslaget. I en tidigare handledning skapar du ett varumärkesvisitkort för Team Awesome skapade jag en Adobe Swatch Exchange (ASE) fil med två röda färgprov. Om du följde korthandledningen går du till rutor~~POS=HEADCOMP panelen i InDesign (Fönster> Svampar) och välj Ladda färgar från panelens rullgardinsmeny.

Navigera till ASE-filen, "Team Awesome Brand Colors", och klicka Öppna.

Alternativt kan du lägga till de röda prickarna manuellt genom att välja Ny färgfärg ... från rutor~~POS=HEADCOMP panelens meny och skapa två nya CMYK-korrigeringar med följande namn och värden:

  • 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 också hämta och installera märkesfonten, redo att användas över riktlinjerna. För Team Awesome branding, vi använder Picadilly, vilket är gratis att ladda ner.

Installera teckensnittet och återgå till ditt InDesign-dokument.

Steg 3

Navigera till Sida 1 av dokumentet och ta Rektangelverktyg (M) från Verktyg panel. Dra över hela sidan, helt upp till blödet på alla sidor, och ställ in Fyllnadsfärg till Team Awesome Red.

Expandera Skikten panel (Fönster> Lager) och dubbelklicka standarden Layer 1 namn för att öppna Lagalternativ. Byt namn på skiktet som Bakgrund

Låsa skiktet och välj Nytt lager… från panelens rullgardinsmeny för att skapa ett andra lager. Byt namn på skiktet som Innehåll.

Du kan placera märkeslogotypen som ett vattenstämpel längst upp till vänster på frontluckan. 

För att göra detta, ta fram en vektorversion av logotypen i Adobe Illustrator. Ta upp vektorgraden om du behöver, och välj den enklaste siluettversionen av logotypen. För Team Awesome logotyp, det är bara det centrala vita elementet.

I Illustratör gå till Redigera> Kopiera, och återvänd sedan till InDesign

Redigera> Klistra in att klistra in vektorn direkt på Sida 1

Från rutor~~POS=HEADCOMP panel (Fönster> Färg> Färgämnen) du kan justera Fyllnadsfärg av vektorn till den mörkare röda färgen, Team Awesome Dark Red.

Utöka logotypen och håll den Flytta för att behålla proportionerna och positionen längst upp till vänster på sidan, så att en del av konstruktionen kan sträcka sig längs kanten på sidan (trimkanten).

Steg 4

Ta Typverktyg (T) och dra till sidan för att skapa en lång textram. Typ "Brand Guidelines" och ställa in Font till Picadilly Regular, Storlek 40 pt, Spårning till 80 och Fontfärg till [Papper].

Välj textramen och Högerklicka (Windows) eller Control-Click (Mac OS)> Transformera> Rotera 90 grader CCW. Placera textramen längst ned till höger på sidan, vila mot marginalen.

Din framsida är klar, bra jobb! 

Du kan skapa ett liknande bakstycke genom att kopiera och klistra in bakgrundsfärgen (Låsa upp de Bakgrund lager först) och logga in på Sidan 8 av dokumentet och flytta logotypen till det nedre högra hörnet.

3. Konstruera ditt varumärkesriktlinjer dokument

Organisation och en tydlig struktur är nyckeln till ett bra varumärkesriktlinjer dokument. Tänk på hur man leder läsaren genom elementen i din branding. Börja med kärnelementen i varumärket - logotypen är ett bra ställe att börja. Flytta sedan utåt till att täcka varumärkets färger och andra viktiga varumärkes tillgångar, till exempel typsnitt och märkesmaskot.

Den bakre delen av dokumentet bör inriktas på att stärka reglerna för att använda varumärkesaktierna med hjälp av tydliga exempel på hur man använder och inte använder de olika varumärkeselementen.

Det första du måste göra innan du dyker in i att skapa detaljerade sidor med regler är att tänka på innehållssidan i dokumentet. Detta blir den första sidan läsaren möter, och kommer att vara ett användbart verktyg för att navigera genom varumärkesriktlinjerna.

Steg 1

Navigera ner till Sida 2 av ditt dokument.

Se till att Bakgrund skiktet är låst och du jobbar på Innehåll lager.

Från vänster linjal (Visa> Visa linjaler) klicka och dra ut en guide till X-position 99 mm (som markerar en tredjedel av sidan). Dra en andra guide till 198 mm, att dela sidan i tre lika delar.

Steg 2

Hoppa upp till Sida 1 av dokumentet och Redigera> Kopiera den textram som läser "Brand Guidelines"

Redigera> Klistra in till Sida 2 och flytta in i nedre vänstra hörnet av sidan, vilar ramen mot marginalen.

Justera Fontfärg till Team Awesome Red och texten som ska läsas 'Innehåll'.

Steg 3

Ta Typverktyg (T) och skapa två nya textramar, vila varje i den övre högra delen av sidan med en i den centrala tredjedelen av sidan och den andra kantas upp i samma vertikala position men i den högra tredjedelen av sidan. 

I sidorna på vänstra sidan skriver du sidnummer från 1 till 4, med två stycken raster mellan varje nummer. Ställ in Font till Picadilly Bold, Storlek 20 pt, Justera höger och Fontfärg till Team Awesome Red. 

Dra till höger om textramen åt vänster lite, så att den inte sitter exakt på 198 mm guide.

Skriv in titlarna i varje avsnitt i riktlinjerna i den högra textramen. Här har jag:

  • Logotypen
  • Färgerna
  • Mascot
  • Användningsregler

Ställ in Font till Picadilly Regular, Storlek 20 pt, Justera vänster, Alla kepsar och Fontfärg till Team Awesome Red.

Steg 4

För att hålla läsaren orienterad i ditt dokument bör du lägga till sidnummer i riktlinjerna.

Expandera sidor panel (Fönster> Sidor) och dubbelklicka på En mästare Sidikonet längst upp på panelen för att få upp mastern på skärmen.

Skapa en ny liten textram med hjälp av Typverktyg (T), och placera den längst ner till höger på sidan, precis under bottenmarginalen.

Ange din typmarkör i textramen och gå sedan till huvudmenyn längst upp på skärmen. Gå till Typ> Infoga specialtecken> Markörer> Aktuellt sidnummer

Markera 'EN' markör som visas och ställa in Font till Picadilly, Justera rätt och Färg till Team Awesome Red.

Du kan också infoga löpande rubriker för att ge dina riktlinjer dokument som den extra professionella kontakten. Skapa en ny textram och position högst upp till höger på sidan. Typ "Team Awesome: Brand Guidelines".

Skapa en ny CMYK Swatch genom att välja Ny färgfärg ... från rutor~~POS=HEADCOMP panel:

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

Applicera den nya gråa färgrutan till "Team Awesome" Endast text och ange resten Team Awesome Red. Dra ut "Team Awesome" i en Fet Picadilly font.

Välj textramen och gå till Objekt> Effekter> Genomskinlighet. Minska Opacitet till 60% och klicka ok.

Steg 5

Du vill att den här mästaren bara ska tillämpas på sidorna som behöver sidnummer. För närvarande tillämpas A-Master som standard på alla sidor i ditt dokument.

Klicka och dra huvudsidan med namnet [Ingen] på toppen av sidor panelen och släpp den på sidikonikonen för Sidorna 1, 2 och 8 i den nedre delen av panelen nedan.

De En mästare används nu på bara sidor 3-7.

När du går ner till Page 3 av dokumentet märker du att sidnumret läser som 3, när vi verkligen vill att den ska läsas som 1, eftersom det är den första sidan av det faktiska innehållet i dokumentet. 

För att göra detta väljer du Page 3 sida ikon i sidor panel och välj Nummer- och sektionsalternativ ... från panelens rullgardinsmeny. 

I fönstret som öppnas, kolla kullen bredvid Startsidanummerering vid: 1 och klicka ok. Detta skapar en ny sektion i dokumentet och startar en ny sektion på Page 3, nu noterar det som Sida 1. Dina sidnummer kommer också att anpassas till det nya numreringssystemet.

4. Vad ska inkluderas på dina sidor

Nu har du innehållsstrukturen och sidnumren och löpande rubriker uppställda. Du kan börja utveckla ditt Brand Guidelines-dokument mer ingående. 

Låt oss gå igenom stegen för att skapa två sidor av dokumentet, Sida 1, "Logotypen", och Page 4, "Användningsregler". Du kan ta de lektioner som visas här och tillämpa dem på andra sidor i ditt dokument senare. Du kan se hela Team Awesome Varumärkesriktlinjer dokument i slutet av handledningen.

Steg 1

Återgå till din innehållssida. 

Dra musen överst på sidan för att välja bara de två guiderna och Redigera> Kopiera

Öppna upp En mästare, och gå till Redigera> Klistra in på plats. Dra ut en tredje guide till X-position 39 mm. Guiderna kommer nu att visas på alla sidor med A-Master som tillämpas på dem.

Gå tillbaka till innehållssidan och välj textramen som läser 'Innehåll' från nedre vänstra hörnet av sidan. Redigera> Kopiera.

Gå sedan ner till vad som är nu Sida 1 (den andra "Sida 1" i dokumentet, och tidigare Page 3) och välj Redigera> Klistra in på plats. Justera texten som ska läsas 'The Logo'.

Steg 2

Låsa upp de Bakgrund lager och skapa en ny stor rektangel med hjälp av Rektangelverktyg (M). Placera på vänster sida av sidan, vila den högra kanten mot 39 mm-guiden. 

Ställ in Fylla till Team Awesome Red.

Låsa de Bakgrund lager och återgå till Innehåll lager. Justera Fontfärg av "Logotypen" till [Papper].

Steg 3

Använd guiderna som ett rutnät för att placera ditt innehåll på resten av sidan. 

Flytta över till höger på sidan och skapa en ny textram. Ställ in Font till Picadilly Regular, Storlek 13 pt, Ledande 20 pt, Spårning 80, och Fontfärg till Team Awesome Red. 

Nu kan du börja skriva in din sammanfattning av varumärkets logotyp - vad representerar det? Finns det mer än en version av logotypen? Detta kan vara en grundläggande sammanfattning; Du kan rikta läsaren till att läsa upp instruktioner för att använda logotypen på märkesvaror.

Använd de återstående två tredjedelarna av sidan till vänster om texten för att placera ett par bilder av din logotyp. Om du bara har en huvudversion av logotypen, använd bara det. 

I det här fallet använder vi både en 2D (enkel) och 3D (detaljerad) version av Team Awesome logotyp, så jag använder Rektangelramverktyg (F) att skapa två bildramar till Arkiv> Plats bilder av varje.

Försök att hålla denna sida så enkel och möjlig som möjligt. Detta är din läsarens första kontaktpunkt med varumärket, så det måste göra ett minnesvärt intryck.

Steg 4

Som vi berörde tidigare kan du strukturera ditt Riktlinjer dokument så att du har mer detaljerade förklaringar och regler som anges senare i riktlinjerna. 

Från "Logotypen" sida kan du rikta läsare för att hoppa framåt på sidan 4 i dokumentet, vilket berättar för läsaren hur man faktiskt handlar om att använda logotypen och visa med hjälp av några användbara exempel.

Låt oss sätta den sidan tillsammans nu. Återstår på "Logotypen" sidan först, dra musen över sidan för att välja allt innehåll och gå till Redigera> Kopiera.

Gå ner till Page 4 av dokumentet (vilket var ursprungligen). Gå till Redigera> Klistra in på plats. Ta bort bilderna i mitten av sidan så att du bara har de två textramarna kvar.

Justera Fontfärg av 'Logotypen ' till Team Awesome Red. Justera texten som ska läsas 'Användarregler: Logo'

Markera 'Logotyp' och ställa in Färg till Team Awesome Gray.

Steg 5

Gå över till höger om sidan och till textramen sitter i den högra tredjedelen av sidan. Radera texten och ange några stycken som beskriver hur logotypen ska användas över märkesvaror.

Tänk på vilka färger och färgkombinationer logotypen ska ges i. Hur flexibel är logotypen? Kan den placeras endast mot vanliga bakgrunder (inte mönstrade), eller ens uteslutande mot rena, vita bakgrunder? En ibland försummad, men väldigt viktig, råd är att instruera läsaren att lämna en tillräcklig marginal runt en logotyp så att den kommer att stå ut. 

När du har avslutat din text borde du använda det återstående utrymmet på sidan för att ge demonstrationsbilder, förklara dina instruktioner i ett visuellt format.

Här har jag till exempel lagt logotypen och använt Rektangelverktyg (M) och Stroke Tool (\) att visa marginalregeln.

Nedan lägger jag en trio av logotyper som visar hur logotypdesignen kan tillämpas i fullfärg, svartvitt och svartvita dokument.

Till sist, längst ner på sidan lägger jag ett par exempel på logotypen mot vanliga och mönstrade bakgrunder. 

För att infoga en kryss och korsa, för att visa korrekt och felaktig användning, skapa en textram och justera Font till Wingdings.

Öppna sedan upp glyfer panel (Fönster> Typ & Tabeller> Glyfer) och välj de relevanta glyphsna från panelen som öppnas.

Denna sida, "Användningsregler", kan vara busier än några av dina första sidor, eftersom det här är du där du verkligen vill komma in i den nitty-gritty detaljen om hur varumärkets tillgång ska användas korrekt.

Bra jobbat! Logotypsidorna är kompletta och ser snygga, läsbara och omfattande ut. Läs vidare för att få reda på hur du kan utveckla dina egna varumärkesriktlinjer med hjälp av Team Awesome dokument som modell ...

Slutsats: Utveckla dina varumärkesriktlinjer

Du kan använda de tekniker och tips vi tillämpade på sidorna i avsnitt 4 i handledningen ovan, för att utveckla dina varumärkesriktlinjer och expandera dokumentet i ett dokument med full längd. 

Tänk på alla delar av din branding som måste förklaras och beställa dem i betydelse. Till exempel är en logotyp vanligtvis den första som tänker på när någon tänker på ett visst företag; så du borde placera logotypsidan i början av dokumentet.

Se till att du förklarar allt tydligt och alltid ge bilder för att visa direkt hur du vill att läsaren ska tillämpa din branding. En bild är trots allt tusen ord värda! 

När du har kladdat på ditt dokument, fråga en vän (helst som har liten erfarenhet av eller kontakt med ditt företag) för att granska dem. Om de finner något otydligt eller förvirrande bör du titta på att presentera det på ett tydligare sätt. Varumärkesriktlinjer används vanligtvis av designers och marknadsföringspersonal, men de bör också vara tillräckligt tydliga för att icke-designers ska förstå.

Här är Team Awesome Varumärkesriktlinjerna är fullständiga. Du kan använda dokumentets struktur och stil för att hjälpa dig att organisera ditt eget varumärkesprojekt. Ha så kul!


Lycka till med att skapa egna riktlinjer för varumärken! Vi älskar alltid att se exempel på läsarnas arbete, så gärna dela några prover av dina egna riktlinjer i kommentarerna nedan.