Share
Cosa starai creandoIl marchio è la colla visiva che tiene insieme un'azienda o un'organizzazione. Una volta sviluppato il marchio per un cliente o per la propria attività, è necessario collegare tutti i concetti di branding insieme in un documento Linee guida del marchio.
In questo tutorial ti spiegherò come ho creato un semplice documento sulle linee guida del brand per gli autori residenti di design e illustrazione e per i membri della community, affettuosamente chiamati Squadra impressionante! Condividerò anche alcuni suggerimenti davvero utili per la creazione di linee guida per i tuoi progetti.
Avrai bisogno Adobe InDesign per questo tutorial, che è adatto per utenti principianti-intermedi.
Quasi tutte le aziende, anche alcune di dimensioni relativamente ridotte, avranno le proprie linee guida sul marchio. Questo documento non dovrebbe essere un ripensamento dell'ultimo minuto. È un documento fondamentale per mostrare al personale e agli appaltatori il modo corretto di applicare il marchio a qualsiasi cosa di cui possano aver bisogno: da elementi più piccoli come articoli di cancelleria (biglietti da visita, carta intestata, ecc.), Brochure e materiali di marketing a interpretazioni più ampie di come la società è rappresentata pubblicamente, come la progettazione di uffici, la pubblicità e la progettazione di siti web.
Le linee guida del marchio sono utili per fornire indicazioni trasparenti su come utilizzare elementi visivi del tuo marchio, come logo e colori, e come il marchio può essere interpretato su diversi media.
Neanche le linee guida del brand devono essere limitate agli elementi visivi. Molte aziende utilizzano le Linee guida del marchio come luogo per definire l'ethos aziendale e per stabilire regole per lo stile di scrittura (a volte chiamato "voce del marchio"), quando si scrive dal punto di vista dell'azienda.
Diamo un'occhiata al processo di creazione di un documento sulle linee guida del marchio, per Squadra impressionante. Aprire InDesign seguire. Puoi scegliere di eliminare elementi dagli altri tutorial in Branding Team Awesome serie, o usa il documento che creiamo come modello per lasciarlo cadere nel tuo contenuto di marca.
Grande! Iniziamo…
Con InDesign aperto, vai a File> Nuovo> Documento.
Nel Nuovo documento finestra, mantenere il Intento impostato Stampare (anche se si intende condividere il documento finale in modo digitale) e impostare il Numero di pagine a 8, per adesso. È possibile aggiungere ulteriori pagine al proprio documento in un secondo momento, se necessario.
Deseleziona Affrontare le pagine, e dal Dimensioni della pagina selezionare il menu A4. Cambia il Orientamento a Paesaggio. Tendo a scoprire che un formato orizzontale funziona meglio per le Linee guida del brand: il formato ti offre un sacco di spazio bianco con cui giocare e un sacco di spazio da riempire con immagini e titoli.
Sotto margini, impostare il Superiore e Parte inferiore a 15 mm e Sinistra e Destra a 13 mm.
Impostare il Sanguinare su tutti i lati 3 mm. Clic ok.
Con il nuovo documento di otto pagine creato, possiamo iniziare a pensare a separare il documento in sezioni.
Le prime pagine (Pagina 1) e ultima (Pagina 8) formeranno la copertina anteriore e posteriore del documento. La copertina è il luogo ideale per creare una copertina di grande impatto che utilizza alcuni degli elementi più importanti del marchio.
Per prima cosa dobbiamo importare i campioni di colore che useremo sulla copertina. In un tutorial precedente, Crea un biglietto da visita di marca per Team Awesome, ho creato un Adobe Swatch Exchange (ASE) file con due campioni rossi. Se hai seguito il tutorial della scheda, vai su campioni pannello in InDesign (Finestra> Campioni) e scegliere Carica campioni dal menu a discesa del pannello.
Passare al file ASE, 'Team Awesome Brand Colours', e fare clic Aperto.
In alternativa, puoi aggiungere manualmente i campioni rossi scegliendo Nuovo campione di colori ... dal campioni menu del pannello e creazione di due nuovi campioni CMYK con i seguenti nomi e valori:
Dovresti anche scaricare e installare il carattere del marchio, pronto per l'uso in tutte le linee guida. Per il Squadra impressionante marchio, noi usiamo Picadilly, che è gratuito da scaricare.
Installa il carattere e torna al tuo documento InDesign.
Navigare verso Pagina 1 del documento e prendi il Strumento rettangolo (M) dal Utensili pannello. Trascina l'intera pagina, fino al margine al vivo su tutti i lati e imposta il Colore di riempimento a Team Awesome Red.
Espandi il Livelli pannello (Finestra> Livelli) e doppio click il predefinito Livello 1 nome per aprire il Opzioni di livello. Rinominare il livello come sfondo.
Serratura il livello e scegliere Nuovo strato… dal menu a discesa del pannello per creare un secondo livello. Rinominare il livello come Soddisfare.
È possibile posizionare il logo del marchio come una filigrana nella parte in alto a sinistra della copertina anteriore.
Per fare ciò, visualizza una versione vettoriale del logo Adobe Illustrator. Separa gli elementi vettoriali se necessario e seleziona la versione più semplice della sagoma del logo. Per il Squadra impressionante logo, questo è solo l'elemento centrale bianco.
Nel Illustratore vai a Modifica> Copia, e poi tornare a InDesign.
Modifica> Incolla incollare il vettore direttamente su Pagina 1.
Dal campioni pannello (Finestra> Colore> Campioni) puoi regolare il Colore di riempimento del vettore al campione rosso più scuro, Team Awesome Dark Red.
Espandi il logo, tenendo premuto Cambio per mantenere le proporzioni e posizionarsi nella parte in alto a sinistra della pagina, consentendo ad alcuni disegni di estendersi oltre il bordo della pagina (il bordo di ritaglio).
Prendi il Tipo Strumento (T) e trascina sulla pagina per creare una lunga cornice di testo. genere "Linee guida del marchio" e impostare il Font a Picadilly Regular, Size 40 pt, Tracking a 80 e Colore del carattere a [Carta].
Seleziona la cornice di testo e Tasto destro (Windows) o Control-clic (Mac OS)> Trasforma> Ruota di 90 gradi in senso antiorario. Posiziona la cornice di testo nell'angolo in basso a destra della pagina, appoggiandola contro il margine.
La tua copertina è finita, ottimo lavoro!
È possibile creare una copertina posteriore simile copiando e incollando il colore di sfondo (Sbloccare il sfondo strato prima) e il logo su Pagina 8 del documento e lo spostamento del logo nell'angolo in basso a destra.
L'organizzazione e una struttura chiara sono la chiave per un buon documento sulle linee guida del marchio. Pensa a come condurre il lettore attraverso gli elementi del tuo marchio. Inizia con gli elementi principali del marchio: il logo è un buon punto di partenza. Quindi spostati verso l'esterno per coprire i colori del marchio e altre risorse chiave del marchio, come i caratteri e la mascotte del marchio.
Il back-end del documento dovrebbe concentrarsi sul rafforzamento delle regole di utilizzo delle risorse del marchio, utilizzando esempi chiari su come utilizzare e non utilizzare i diversi elementi del marchio.
La prima cosa da fare prima di immergerti nella creazione di pagine di regole dettagliate è di dare qualche pensiero alla pagina del contenuto del documento. Questa sarà la prima pagina che il lettore incontra e sarà uno strumento utile per navigare attraverso le Linee guida del marchio.
Navigare verso il basso Pagina 2 del tuo documento.
Garantire il sfondo lo strato è Bloccato e stai lavorando su Soddisfare strato.
Dal righello di sinistra (Visualizza> Mostra righelli) clicca e trascina una guida per Posizione X 99 mm (che segna un terzo della pagina). Trascina una seconda guida verso 198 mm, per dividere la pagina in tre parti uguali.
Salta fino a Pagina 1 del documento e Modifica> Copia la cornice di testo che legge "Linee guida del marchio".
Modifica> Incolla su Pagina 2 e spostati nell'angolo in basso a sinistra della pagina, appoggiando il fotogramma contro il margine.
Aggiusta il Colore del carattere a Team Awesome Red e il testo da leggere 'Contenuto'.
Prendi il Tipo Strumento (T) e crea due nuove cornici di testo, ciascuna nella parte in alto a destra della pagina, una nella terza centrale della pagina e l'altra allineata nella stessa posizione verticale, ma nella terza destra della pagina.
Nella parte sinistra del testo, digitare i numeri di pagina da 1 a 4, con due interruzioni di paragrafo tra ciascun numero. Impostare il Font a Picadilly Bold, dimensione 20 pt, allinea a destra e Colore del carattere a Team Awesome Red.
Trascina leggermente il lato destro della cornice di testo verso sinistra, in modo che non sieda esattamente sul 198 mm guida.
Nella cornice di testo destra, inserisci i titoli di ciascuna sezione delle Linee guida. Ecco, ho:
Impostare il Font a Picadilly Regular, Dimensione 20 pt, Allinea a sinistra, Tutto maiuscolo e Colore del carattere a Team Awesome Red.
Per mantenere il lettore orientato nel documento, è necessario aggiungere numeri di pagina alle Linee guida.
Espandi il pagine pannello (Finestra> Pagine) e fai doppio clic sul A-Master icona della pagina nella parte superiore del pannello per visualizzare il master sullo schermo.
Crea una nuova piccola cornice di testo usando il Tipo Strumento (T), e posizionarlo in basso a destra nella pagina, appena sotto il margine inferiore.
Imposta il cursore del tipo nella cornice di testo, quindi vai al menu principale nella parte superiore dello schermo. Vai a Tipo> Inserisci carattere speciale> Indicatori> Numero pagina corrente.
Evidenzia il 'UN' indicatore che appare e imposta il Font a Picadilly, allineare a destra e Colore a Team Awesome Red.
Puoi anche inserire intestazioni di corsa per dare alle tue Linee guida un tocco professionale extra. Crea una nuova cornice di testo e posizionala in alto a destra della pagina. genere 'Team Awesome: Brand Guidelines'.
Crea un nuovo Campione CMYK selezionando Nuovo campione di colori ... dal campioni pannello:
Applicare questo nuovo campione grigio al 'Team Awesome' solo testo e imposta il resto Team Awesome Red. Tirare fuori 'Team Awesome' in un Grassetto Picadilly font.
Seleziona la cornice di testo e vai a Oggetto> Effetti> Trasparenza. Riduci il Opacità a 60% e fare clic ok.
Vuoi che questo master venga applicato solo alle pagine che richiedono numeri di pagina. Al momento, per impostazione predefinita, l'A-Master viene applicato a tutte le pagine del documento.
Fare clic e trascinare la pagina master denominata [Nessuna] nella parte superiore del pagine pannello e rilasciarlo sulle icone della pagina per Pagine 1, 2 e 8 nella metà inferiore del pannello sottostante.
Il A-Master è ora applicato solo alle pagine 3-7.
Quando vai giù Pagina 3 del documento, si noterà che il numero di pagina si legge come 3, quando vogliamo davvero che legga come 1, in quanto è la prima pagina del contenuto reale nel documento.
Per fare ciò, selezionare il Pagina 3 icona della pagina in pagine pannello e selezionare Numerazione e opzioni di sezione ... dal menu a discesa del pannello.
Nella finestra che si apre, controlla il punto vicino Inizia la numerazione delle pagine a: 1 e fare clic ok. Questo crea una nuova sezione nel documento e avvia una nuova sezione su Pagina 3, ora elencandolo come Pagina 1. I numeri di pagina si adatteranno anche a questo nuovo sistema di numerazione.
Ora hai la pagina dei contenuti strutturata e i numeri di pagina e le intestazioni di avvio configurate, puoi iniziare a sviluppare il tuo documento Linee guida del brand in modo più dettagliato.
Esaminiamo i passaggi della creazione di due pagine del documento, Pagina 1, 'Il logo', e Pagina 4, "Regole d'uso". Puoi prendere le lezioni dimostrate qui e applicarle successivamente ad altre pagine del tuo documento. È possibile visualizzare il completo Squadra impressionante Documento sulle linee guida del marchio alla fine del tutorial.
Torna alla pagina dei contenuti.
Trascina il mouse sulla parte superiore della pagina per selezionare solo le due guide e Modifica> Copia.
Apri il A-Master, e vai a Modifica> Incolla in posizione. Trascina una terza guida, a Posizione X 39 mm. Le guide verranno ora visualizzate su tutte le pagine con l'A-Master applicato a loro.
Tornate alla pagina dei contenuti e selezionate la cornice di testo che legge 'Contenuto' dall'angolo in basso a sinistra della pagina. Modifica> Copia.
Quindi spostati verso ciò che è ora Pagina 1 (la seconda 'Pagina 1' del documento, e in precedenza Page 3) e scegliere Modifica> Incolla in posizione. Regola il testo da leggere 'Il logo'.
Sbloccare il sfondo strato e creare un nuovo rettangolo alto usando il Strumento rettangolo (M). Posizionare sul lato sinistro della pagina, appoggiando il lato destro contro la guida di 39 mm.
Impostare il Riempire a Team Awesome Red.
Serratura il sfondo strato e tornare al Soddisfare strato. Aggiusta il Colore del carattere di 'Il logo' a [Carta].
Usa le guide come una griglia per posizionare i tuoi contenuti sul resto della pagina.
Spostati sul lato destro della pagina e crea una nuova cornice di testo. Impostare il Font a Picadilly Regular, Size 13 pt, Leading 20 pt, Tracking 80, e Colore del carattere a Team Awesome Red.
Ora puoi iniziare a digitare il tuo riassunto del logo del marchio: che cosa rappresenta? C'è più di una versione del logo? Questo può essere un sommario di base; puoi indirizzare il lettore a leggere le istruzioni per l'uso del logo sui materiali di marca.
Usa i rimanenti due terzi della pagina a sinistra del testo per posizionare un paio di immagini del tuo logo. Se hai solo una versione principale del logo, usala.
In questo caso, usiamo sia una versione 2D (semplice) che 3D (dettagliata) di Squadra impressionante logo, quindi uso il Strumento cornice rettangolare (F) per creare due fotogrammi dell'immagine in File> Luogo immagini di ciascuno.
Cerca di mantenere questa pagina il più semplice possibile e di impatto. Questo è il primo punto di contatto del tuo lettore con il marchio, quindi deve dare un'impressione memorabile.
Come accennato in precedenza, puoi strutturare il tuo documento Linee guida in modo da avere spiegazioni e regole più dettagliate illustrate più avanti nelle linee guida.
A partire dal 'Il logo' pagina è possibile indirizzare i lettori a passare in avanti alla pagina 4 del documento, che indica al lettore come utilizzare effettivamente il logo e dimostrare attraverso alcuni utili esempi.
Mettiamo insieme quella pagina ora. Rimanere acceso 'Il logo' inizialmente, trascina il mouse sulla pagina per selezionare tutto il contenuto e vai a Modifica> Copia.
Testa in giù a Pagina 4 del documento (che cosa era originariamente). Vai a Modifica> Incolla in posizione. Elimina le immagini al centro della pagina in modo da avere solo le due cornici di testo rimanenti.
Aggiusta il Colore del carattere di 'Il logo' a Team Awesome Red. Regola il testo da leggere "Regole d'uso: logo".
Evidenziare 'Logo' e impostare il Colore a Team Awesome Grey.
Andate sul lato destro della pagina e sulla cornice di testo che si trova nella parte destra della pagina. Elimina il testo e inserisci alcuni paragrafi che descrivono in dettaglio come il logo deve essere utilizzato su materiali di marca.
Considera quali colori e combinazioni di colori devono essere resi nel logo. Quanto è flessibile il logo? Può essere posizionato solo su sfondi semplici (non modellati) o anche esclusivamente su sfondi bianchi e puliti? Un consiglio a volte trascurato, ma veramente importante, è di istruire il lettore a lasciare un margine adeguato attorno a un logo, in modo che si distingua.
Quando hai finito il tuo testo, dovresti usare lo spazio rimanente sulla pagina per fornire immagini dimostrative, spiegando le tue istruzioni in un formato visivo.
Qui, ad esempio, ho inserito il logo e ho usato il Strumento rettangolo (M) e Strumento tratto (\) per dimostrare la regola del margine.
Di seguito, inserisco un trio di loghi che dimostrano come il design del logo potrebbe essere applicato su documenti a colori, monocromatici e in bianco e nero.
Infine, in fondo alla pagina metto un paio di esempi del logo impostato su sfondi semplici e con motivi geometrici.
Per inserire un segno di spunta e croce, per dimostrare l'uso corretto e non corretto, creare una cornice di testo e regolare il Font a Wingdings.
Quindi apri il glifi pannello (Finestra> Tipo e tabelle> Glifi) e seleziona i glifi rilevanti dal pannello che si apre.
Questa pagina, "Regole d'uso", può essere più impegnativo di alcune delle tue prime pagine, in quanto è proprio questo il punto in cui vuoi davvero entrare nel dettaglio nitido di come l'asset del marchio deve essere usato correttamente.
Ottimo lavoro! Le pagine del logo sono complete e sembrano eleganti, leggibili e complete. Continuate a leggere per scoprire come è possibile sviluppare le proprie linee guida sul marchio, utilizzando il Squadra impressionante documento come modello ...
Puoi utilizzare le tecniche e i suggerimenti che abbiamo applicato alle pagine nella Sezione 4 del tutorial, sopra, per sviluppare le Linee guida per il marchio ed espandere il documento in un documento a lunghezza intera.
Considera tutti gli elementi del tuo marchio che devono essere spiegati e ordinali in termini di importanza. Ad esempio, un logo è solitamente la prima cosa che viene in mente quando qualcuno pensa a una determinata società; quindi dovresti posizionare la pagina del logo all'inizio del documento.
Assicurati di spiegare tutto chiaramente e di fornire sempre immagini per dimostrare direttamente come vorresti che il lettore applicasse il tuo marchio. Dopo tutto, un'immagine vale più di mille parole!
Dopo aver apportato gli ultimi ritocchi al documento, chiedi a un amico (idealmente chi ha poca esperienza o contatto con la tua azienda) per esaminarli. Se trovano qualcosa di poco chiaro o confuso, dovresti cercare di presentarlo in modo più chiaro. Le linee guida sui marchi vengono solitamente utilizzate dai progettisti e dallo staff di marketing, ma dovrebbero anche essere abbastanza chiare da consentire ai non designer di capire.
Ecco il Squadra impressionante Documento sulle linee guida del marchio per intero. Puoi utilizzare la struttura e lo stile del documento per aiutarti a impostare l'organizzazione del tuo progetto di branding. Divertiti!
Buona fortuna con la creazione delle tue linee guida sul marchio! Amiamo sempre vedere esempi di lavoro dei lettori, quindi sentitevi liberi di condividere alcuni esempi dei vostri documenti di linee guida nei commenti qui sotto.
Accentsconagua