Cum se creează un document de orientare a mărcilor în Adobe InDesign

Ce veți crea

Brandingul este adezivul vizual care ține împreună o companie sau o organizație. Odată ce ați dezvoltat marca pentru un client sau pentru propria afacere, trebuie să legați împreună toate conceptele de branding într-un document al Ghidului mărcii.

În acest tutorial vă duc pașii prin care am creat un document simplu privind liniile directoare ale mărcii pentru autorii rezidenți ai Design and Illustration și membrii comunității obișnuiți, cunoscuți afectiv Echipa minunată! Voi împărtăși, de asemenea, câteva sfaturi utile pentru crearea de Linii Directoare pentru propriile dvs. proiecte.

O să ai nevoie Adobe InDesign pentru acest tutorial, care este potrivit pentru utilizatorii începători-intermediari.

1. Care sunt liniile directoare ale mărcii și de ce am nevoie de ele?

Aproape fiecare companie, chiar și unele care sunt relativ mici în dimensiune, vor avea propriile Linii directoare pentru marcă. Acest document nu ar trebui să fie ultimul minut. Este un document vital pentru a arăta angajaților și contractanților modalitatea corectă de a aplica branding-ului dvs. oricăror ar fi nevoie - de la lucruri de dimensiuni mai mici, cum ar fi papetărie (cărți de vizită, foi cu antet, etc.), broșuri și materiale de marketing la interpretări mai mari despre modul în care Compania este reprezentată în mod public, cum ar fi design-ul biroului, publicitatea și design-ul site-ului web.

Orientările privind mărcile sunt menite să fie utile - acestea ar trebui să ofere orientări transparente cu privire la modul în care puteți utiliza elemente vizuale ale mărcii dvs., cum ar fi logo-ul și culorile și modul în care marca poate fi interpretată pe diferite suporturi. 

Orientările privind mărcile nu trebuie să se limiteze la elementele vizuale. Multe companii folosesc liniile directoare ale mărcii ca un loc pentru a-și exprima ethos-ul companiei și pentru a stabili, de asemenea, reguli pentru stilul de scriere (uneori numit "voce de brand"), atunci când scrieți din perspectiva companiei.

Să aruncăm o privire asupra procesului de creare a unui document privind liniile directoare privind marca, pentru Echipa minunată. Deschide InDesign să urmeze de-a lungul. Puteți alege fie să abandonați elemente din celelalte tutoriale din Branding Team Awesome sau utilizați documentul pe care îl creăm ca șablon pentru a renunța la propriul conținut de marcă.

Grozav! Să începem…

2. Creați un nou document în InDesign

Pasul 1

Cu InDesign deschis, du-te la Fișier> Nou> Document.

În Document nou fereastră, păstrați scop setat la Imprimare (chiar dacă intenționați să partajați digital documentul final) și setați Număr de pagini la 8, deocamdata. Puteți adăuga mai multe pagini în documentul dvs. mai târziu, dacă aveți nevoie.

Debifați Paginile cu care se confruntă, și de la Mărimea paginii selectați meniul A4. Schimbați Orientare la Peisaj. Am tendința de a constata că un format de peisaj funcționează mai bine pentru Linii directoare pentru marcă - formatul vă oferă o mulțime de spațiu alb pentru a juca cu și o mulțime de spațiu pentru a umple cu imagini și titluri.

Sub Margini, Seteaza Top și Fund la 15 mm și Stânga și Dreapta la 13 mm.

Seteaza Sângera pe toate părțile 3 mm. Clic O.K.

Pasul 2

Cu noul dvs. document format din opt pagini, putem începe să ne gândim la separarea documentului în secțiuni.

Primele pagini (Pagina 1) și ultima (Pagina 8) vor forma coperta din față și din spate a documentului. Coperta este un loc minunat pentru a crea o acoperire cu impact mare, care utilizează unele dintre cele mai importante elemente ale branding-ului.

Mai intai trebuie sa importim mostrele de culoare pe care le vom folosi pe coperta. Într-un tutorial anterior, Creați o carte de vizită de marcă pentru echipa Awesome, am creat un Adobe Swatch Exchange (ASE) fișier cu două swatches roșu. Dacă ați urmat tutorialul cu cartea, mergeți la Specimene din InDesign (Window> Swatches) și alegeți Încărcați Swatches din meniul derulant al panoului.

Navigați la fișierul ASE, "Culori minunate de brand ale echipei", și faceți clic pe Deschis.

Alternativ, puteți adăuga manual exemplarul roșu, alegând Noul Color Swatch ... de la Specimene meniul panoului și crearea a două noi machete CMYK cu următoarele nume și valori:

  • Echipa Roșie Awesome: C = 10 M = 81 Y = 97 K = 2
  • Echipa Awesome Roșu închis: C = 23 M = 84 Y = 100 K = 15

De asemenea, trebuie să descărcați și să instalați fontul de marcă, gata de utilizat în cadrul Ghidului. Pentru Echipa minunată branding, vom folosi Picadilly, care este gratuit pentru a descărca.

Instalați fontul și reveniți la documentul InDesign.

Pasul 3

Navigheaza catre Pagina 1 a documentului și să ia Instrumentul dreptunghiular (M) de la Unelte panou. Trageți de-a lungul întregii pagini, până la sângerare din toate părțile și setați Umpleți culoarea la Echipa Awesome Red.

Extindeți straturi panou (Fereastră> Straturi) și dublu click implicit Stratul 1 nume pentru a deschide Opțiunile pentru straturi. Redenumiți stratul ca fundal

Blocare stratul și alegeți Stratul nou ... din meniul derulant al panoului pentru a crea un al doilea strat. Redenumiți stratul ca Conţinut.

Puteți plasa sigla mărcii ca un filigran în partea din stânga sus a capacului frontal. 

Pentru a face acest lucru, aduceți o versiune vectorică a siglei în Adobe Illustrator. Dezrobiți elementele vectorului dacă este necesar și selectați cea mai simplă versiune silueta a logo-ului. Pentru Echipa minunată logo, acesta este doar elementul central albe.

În Ilustrator mergi la Editați> Copiere, și apoi reveniți la InDesign

Editați> Lipire pentru a lipi direct vectorul Pagina 1

De la Specimene panou (Fereastră> Culoare> Swatches) puteți ajusta Umpleți culoarea din vectorul la specimenul roșu închis la culoare, Echipa Awesome Dark Red.

Extindeți logo-ul, ținând apăsat Schimb pentru a menține proporțiile și a poziționa în partea din stânga sus a paginii, permițând o parte din design să se extindă peste marginea paginii (marginea de finisare).

Pasul 4

Luați Instrumentul tip (T) și trageți în pagină pentru a crea un cadru text lung. Tip "Linii directoare pentru marcă" și setați Font la Picadilly Regular, Dimensiune 40 pt, Urmărire la 80 și Culoare font la [Hârtie].

Selectați cadrul textului și Faceți clic dreapta (Windows) sau Control-clic (Mac OS)> Transformare> Rotire 90 de grade CCW. Poziționați cadrul text în colțul din dreapta jos al paginii, sprijinind marginea.

Capacul frontal este terminat, o treabă excelentă! 

Puteți crea o copertă similară similară prin copierea și lipirea culorii de fundal (descuia fundal primul strat) și logo-ul pe Pagina 8 a documentului și mutarea logo-ului în colțul din dreapta-jos.

3. Structurați documentul privind instrucțiunile privind marca dvs.

Organizarea și o structură clară sunt cheia unui document bun privind liniile directoare ale mărcii. Gândiți-vă la modul de a conduce cititorul prin elementele de branding. Începeți cu elementele de bază ale brandingului - sigla este un loc bun pentru a începe. Apoi mutați-vă în exterior pentru a acoperi culorile mărcii și alte elemente cheie ale mărcii, cum ar fi fonturile și mascota de brand.

Partea din spate a documentului ar trebui să se concentreze pe consolidarea regulilor de utilizare a activelor mărcii, folosind exemple clare de utilizare și de a nu utiliza diferitele elemente de marcă.

Primul lucru pe care trebuie să-l faceți înainte de a vă scufunda în crearea unor pagini detaliate de reguli este să vă gândiți la pagina de conținut a documentului. Aceasta va fi prima pagină pe care cititorul o întâlnește și va fi un instrument util pentru navigarea prin Ghidul mărcilor.

Pasul 1

Navigați până la Pagina 2 din documentul dvs..

Asigurați-vă că fundal stratul este Blocat și lucrați la Conţinut strat.

De la rigla stânga (Vizualizare> Afișare rigle) dați clic și trageți un ghid spre Poziția X 99 mm (care marchează o treime din pagină). Trageți un al doilea ghid către 198 mm, pentru a împărți pagina în trei părți egale.

Pasul 2

Hop până la Pagina 1 a documentului și Editați> Copiere textul care citește "Linii directoare pentru marcă"

Editați> Lipire pe Pagina 2 și mutați-vă în colțul din stânga jos al paginii, așezând cadrul pe margine.

Ajustează Culoare font la Echipa Awesome Red și textul de citit 'Cuprins'.

Pasul 3

Luați Instrumentul tip (T) și să creați două cadre noi de text, fiecare în partea din dreapta sus a paginii, una în a treia parte a paginii, iar cealaltă aliniată în aceeași poziție verticală, dar în cea de-a treia dreaptă a paginii. 

În câmpurile din stânga, introduceți numere de pagini de la 1 la 4, cu două pauze între fiecare număr. Seteaza Font la Picadilly Bold, dimensiune 20 pt, Align Right și Culoare font la Echipa Awesome Red. 

Trageți ușor partea dreaptă a cadrului text spre stânga, astfel încât să nu stea exact pe 198 mm ghid.

În caseta de text din dreapta, introduceți titlurile fiecărei secțiuni din Ghid. Aici, am:

  • Logo-ul
  • Culorile
  • Mascota
  • Reguli de utilizare

Seteaza Font la Picadilly Regular, dimensiune 20 pt, Aliniere stânga, Toate capacele și Culoare font la Echipa Awesome Red.

Pasul 4

Pentru a menține cititorul orientat în documentul dvs., trebuie să adăugați numere de pagină la Ghid.

Extindeți Pagini panou (Fereastră> Pagini) și faceți dublu clic pe Un maestru pictograma de pagină din partea de sus a panoului pentru a afișa ecranul principal.

Creați un nou cadru text mic utilizând funcția Instrumentul tip (T), și poziționați-o în partea dreaptă jos a paginii, chiar sub marginea inferioară.

Setați cursorul de tip în cadrul de text și apoi mergeți în sus la meniul principal din partea de sus a ecranului. Mergi la Tip> Introduceți caracterul special> Marcatori> Numărul paginii curente

Evidențiați 'A' marcator care apare și setați Font la Picadilly, Align Right și Culoare la Echipa Awesome Red.

De asemenea, puteți insera anteturile care rulează pentru a da documentului dvs. de îndrumări o atingere profesională suplimentară. Creați un nou cadru text și poziția în partea dreaptă sus a paginii. Tip "Echipa minunată: Linii directoare pentru marcă".

Creaza un nou CMYK Swatch prin selectarea Noul Color Swatch ... de la Specimene panou:

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

Aplicați acest nou specimen gri la "Echipa minunată" numai text și setați restul Echipa Awesome Red. Scoate afara "Echipa minunată" în a Bold Picadilly font.

Selectați cadrul textului și mergeți la Obiect> Efecte> Transparență. Reduce Opacitate la 60% și faceți clic pe O.K.

Pasul 5

Doriți ca acest maestru să fie aplicat numai paginilor care au nevoie de numere de pagină. În acest moment, în mod implicit, A-Master este aplicat tuturor paginilor din document.

Faceți clic și trageți pagina principală numită [Nici unul] în partea de sus a Pagini și lăsați-l pe pictogramele paginii pentru Paginile 1, 2 și 8 în partea de jos a panoului de mai jos.

Un maestru este aplicată acum doar paginilor 3-7.

Când te duci în jos Pagina 3 din document, veți observa că numărul paginii este citit ca 3, când vrem cu adevărat să citească 1, deoarece este prima pagină a conținutului real din document. 

Pentru aceasta, selectați Pagina 3 pagina în Pagini și selectați Opțiuni de numerotare și secțiuni ... din meniul derulant al panoului. 

În fereastra care se deschide, bifați golul de lângă Numerotarea paginii de start la: 1 și faceți clic pe O.K. Aceasta creează o nouă secțiune în document și începe o nouă secțiune Pagina 3, acum listându-l ca Pagina 1. Numerele paginilor dvs. se vor adapta și la acest nou sistem de numerotare.

4. Ce să includă pe paginile dvs.

Acum, ați structurat pagina dvs. de conținut și ați configurat numere de pagini și anteturi în curs de desfășurare, puteți începe să vă dezvoltați documentul privind instrucțiunile privind mărcile în detaliu. 

Să mergem prin pașii de creare a două pagini ale documentului, Pagina 1, "Logo-ul", și Pagina 4, "Reguli de utilizare". Puteți lua lecțiile demonstrate aici și le puteți aplica și altor pagini din document ulterior. Puteți vizualiza complet Echipa minunată Ghidul mărcilor se documentează la sfârșitul tutorialului.

Pasul 1

Reveniți la pagina de conținut. 

Glisați mouse-ul în partea de sus a paginii pentru a selecta doar cele două ghidaje și Editare> Copiere

Deschideți Un maestru, și du-te la Editați> Lipire pe poziție. Trageți un al treilea ghid, spre Poziția X 39 mm. Ghidajele vor apărea acum pe toate paginile cu aplicația A-Master.

Reveniți la pagina de conținut și selectați cadrul text care citește 'Cuprins' din colțul din stânga jos al paginii. Editați> Copiere.

Apoi treceți la ceea ce este acum Pagina 1 (al doilea "Pagina 1" a documentului și anterior pagina 3) și alegeți Editați> Lipire pe poziție. Ajustați textul pentru a citi „Logo-ul'.

Pasul 2

descuia fundal și creați un nou dreptunghi înalt folosind Instrumentul dreptunghiular (M). Poziționați în partea stângă a paginii, sprijinind marginea dreaptă împotriva ghidajului de 39 mm. 

Seteaza Completati la Echipa Awesome Red.

Blocare fundal și reveniți la Conţinut strat. Ajustează Culoare font de "Logo-ul" la [Hârtie].

Pasul 3

Utilizați ghidajele ca grilă pentru a vă poziționa conținutul pe restul paginii. 

Mergeți în partea dreaptă a paginii și creați un nou cadru text. Seteaza Font la Picadilly Regular, Dimensiune 13 pt, Leading 20 pt, Urmărire 80, și Culoare font la Echipa Awesome Red. 

Acum puteți începe să detaliați rezumatul logo-ului mărcii dvs. - ce reprezintă? Există mai multe versiuni ale siglei? Acesta poate fi un rezumat de bază; puteți îndruma cititorul să citească instrucțiunile de folosire a siglei pe materiale de marcă.

Utilizați restul de două treimi din pagină în partea stângă a textului pentru a plasa câteva imagini ale logo-ului. Dacă aveți o singură versiune principală a logo-ului, folosiți-o. 

În acest caz, folosim o versiune 2D (simplu) și 3D (detaliată) a Echipa minunată logo, așa că folosesc Instrument cadru dreptunghi (F) pentru a crea două cadre de imagine Fișier> Locul imagini ale fiecăruia.

Încercați să păstrați această pagină cât mai simplu și mai impact posibil. Acesta este primul punct de contact al cititorului dvs. cu branding-ul, deci trebuie să faceți o impresie memorabilă.

Pasul 4

Așa cum am abordat mai devreme, puteți să vă structurați documentul de orientări, astfel încât să aveți mai multe explicații și reguli detaliate stabilite mai târziu în ghid. 

Din "Logo-ul" puteți să le îndreptați pe cititori să săriți spre pagina 4 a documentului, ceea ce le spune cititorului cum să utilizeze logo-ul și să demonstreze prin câteva exemple utile.

Să punem pagina împreună acum. Rămâi în continuare "Logo-ul" pagina inițială, glisați mouse-ul peste pagină pentru a selecta întregul conținut și pentru a merge la Editați> Copiere.

Capul în jos Pagina 4 a documentului (ceea ce a fost inițial). Mergi la Editați> Lipire pe poziție. Ștergeți imaginile din centrul paginii, astfel încât să rămână cele două cadre de text.

Ajustează Culoare font de 'Logo-ul " la Echipa Awesome Red. Ajustați textul pentru a citi "Reguli de utilizare: Logo"

A sublinia 'Siglă' și setați Culoare la Echipa Awesome Grey.

Pasul 5

Se îndreaptă spre partea dreaptă a paginii și spre rama de text situată în partea dreaptă a paginii. Șterge textul și introduceți câteva paragrafe care detaliază modul în care ar trebui folosit logo-ul pe materialele de marcă.

Luați în considerare ce culori și combinații de culori ar trebui să fie redate logo-ul. Cât de flexibil este logo-ul? Poate fi plasat numai pe fundaluri simple (fără model) sau chiar exclusiv împotriva fundalurilor curate și albe? O consiliere uneori neglijată, dar foarte importantă, este de a instrui cititorul să lase o marjă adecvată în jurul unui logo, astfel încât acesta să iasă în evidență. 

Când ați terminat textul, ar trebui să utilizați spațiul rămas din pagină pentru a furniza imagini demonstrative, explicând instrucțiunile dvs. într-un format vizual.

Aici, de exemplu, am plasat sigla și am folosit Instrumentul dreptunghiular (M) și Instrumentul Stroke (\) pentru a demonstra regula de marjă.

Mai jos, plasez un trio de sigle care demonstrează modul în care ar putea fi aplicat designul de logo-uri pe documente pline color, monocrom și alb-negru.

În cele din urmă, în partea de jos a paginii am așezat câteva exemple de logo-uri stabilite împotriva fundalului simplu și modelat. 

Pentru a introduce o bifă și o cruce, pentru a demonstra utilizarea corectă și incorectă, creați un cadru de text și ajustați Font la Wingdings.

Apoi deschideți hieroglifă panou (Fereastră> Tipuri și tabele> Glife) și selectați glifurile relevante din panoul care se deschide.

Această pagină, "Reguli de utilizare", poate fi mai ocupat decât unele dintre primele pagini, deoarece aici este locul în care doriți să intrați într-un detaliu detaliat cu privire la modul în care ar trebui utilizat corect un bun.

Buna treaba! Paginile logo-ului sunt complete și se uită elegant, lizibile și cuprinzătoare. Citiți mai jos pentru a afla cum puteți să vă dezvoltați propriile Reguli de utilizare a mărcii, utilizând Echipa minunată document ca model ...

Concluzie: Dezvoltarea liniilor directoare privind marca dvs.

Puteți utiliza tehnicile și sfaturile pe care le-am aplicat paginilor din Secțiunea 4 a tutorialului de mai sus, pentru a vă dezvolta Ghidul pentru marcă și pentru a extinde documentul într-un document cu lungime întreagă. 

Luați în considerare toate elementele mărcii dvs. care trebuie explicate și le ordonați în termeni de importanță. De exemplu, un logo este, de obicei, primul lucru care vine în minte când cineva se gândește la o anumită companie; astfel încât ar trebui să plasați pagina logo-ului la începutul documentului.

Asigurați-vă că explicați totul în mod clar și întotdeauna oferiți imagini pentru a demonstra direct cum doriți ca cititorul să vă aplice branding-ul. La urma urmei, o imagine este în valoare de o mie de cuvinte! 

După ce ați atins documentele finale, adresați-vă unui prieten (în mod ideal, care are puțină experiență sau contact cu compania dvs.) pentru a le examina. Dacă găsesc ceva neclar sau confuz, ar trebui să te uiți la prezentarea într-un mod mai clar. Regulile de marcă sunt, de obicei, utilizate de către designeri și personalul de marketing, dar ar trebui, de asemenea, să fie suficient de clare pentru ca no-designerii să le înțeleagă.

Aici este Echipa minunată Ghidul mărcii completează documentul. Puteți utiliza structura și stilul documentului pentru a vă ajuta să vă configurați organizarea propriului proiect de branding. A se distra!


Mult noroc cu crearea propriilor dvs. Linii directoare privind mărcile! Ne place întotdeauna să vedem exemple de lucruri ale cititorilor, deci nu ezitați să distribuiți câteva exemple din propriile documente de orientare în comentariile de mai jos.