Share
Ce que vous allez créerL'image de marque est la colle visuelle qui unit une entreprise ou une organisation. Une fois que vous avez développé la marque pour un client ou pour votre propre entreprise, vous devez relier tous les concepts de marque dans un document de principes de marque..
Dans ce didacticiel, je vais vous expliquer comment j'ai créé un simple document de principes de marque pour les auteurs résidents en design et illustration et les membres réguliers de la communauté, connus sous le nom affectueux de Équipe génial! Je partagerai également quelques conseils très utiles pour la création de directives de marque pour vos propres projets..
Tu auras besoin Adobe InDesign pour ce tutoriel, qui convient aux utilisateurs de niveau débutant à intermédiaire.
Presque toutes les entreprises, même certaines de taille relativement petite, auront leurs propres directives en matière de marque. Ce document ne devrait pas être une dernière minute après réflexion. Il s’agit d’un document essentiel pour montrer au personnel et aux sous-traitants la bonne manière d’appliquer votre marque à tout ce dont ils pourraient avoir besoin, qu’il s’agisse d’articles de petite taille comme la papeterie (cartes de visite, papiers à en-tête, etc.), de brochures et de matériel de marketing. la société est représentée publiquement, telle que la conception de bureaux, la publicité et la conception de sites Web.
Les directives relatives à la marque sont censées être utiles. Elles doivent fournir des indications transparentes sur la manière d'utiliser les éléments visuels de votre marque, tels que le logo et les couleurs, et sur la manière dont la marque peut être interprétée sur différents supports..
Les directives de marque ne doivent pas non plus être limitées aux éléments visuels. De nombreuses entreprises utilisent les directives de la marque pour définir leurs valeurs et définir des règles de style d'écriture (parfois appelées «marques de la marque») lorsqu'elles écrivent selon le point de vue de l'entreprise..
Jetons un coup d’œil au processus de création d’un document sur les principes directeurs en matière de marque. Équipe génial. S'ouvrir InDesign à suivre. Vous pouvez choisir de déposer des éléments des autres didacticiels de la Équipe de marque impressionnante série, ou utilisez le document que nous créons comme modèle pour déposer dans votre propre contenu de marque.
Génial! Commençons…
Avec InDesign ouvert, allez à Fichier> Nouveau> Document.
dans le Nouveau document fenêtre, gardez la Intention mis à Impression (même si vous souhaitez partager numériquement le document final) et définissez le Nombre de pages à 8, pour l'instant. Vous pouvez ajouter d'autres pages à votre propre document ultérieurement si vous devez.
Décocher Affronter des pages, et du Taille de la page sélection du menu A4. Changer le Orientation à Paysage. J'ai tendance à penser qu'un format de paysage fonctionne mieux pour les directives de marque. Ce format vous donne beaucoup d'espace blanc pour jouer et beaucoup d'espace pour remplir d'images et de titres..
Sous Marges, met le Haut et Bas à 15 mm et La gauche et Droite à 13 mm.
Met le Saigner de tous les côtés à 3 mm. Cliquez sur D'accord.
Avec votre nouveau document de huit pages créé, nous pouvons commencer à penser à séparer le document en sections..
Les première (page 1) et dernière (page 8) pages constitueront la couverture et la quatrième de votre document. La couverture est un endroit idéal pour créer une couverture à fort impact qui utilise certains des éléments les plus importants de la marque.
Nous devons d’abord importer les nuances de couleurs que nous allons utiliser sur la couverture. Dans un précédent tutoriel, Créer une carte de visite personnalisée pour Team Awesome, j’ai créé un Adobe Swatch Exchange (ASE) fichier avec deux échantillons rouges. Si vous avez suivi le didacticiel de la carte, allez à la Échantillons panneau dans InDesign (Fenêtre> Nuancier) et choisir Charger des échantillons depuis le menu déroulant du panneau.
Accédez au fichier ASE, 'Team Awesome Brand Colours', et cliquez Ouvrir.
Vous pouvez également ajouter les nuances rouges manuellement en choisissant Nouvelle couleur… du Échantillons menu et créer deux nouveaux échantillons CMJN avec les noms et valeurs suivants:
Vous devez également télécharger et installer la police de marque, prête à être utilisée dans toutes les instructions. Pour le Équipe génial image de marque, nous utilisons Picadilly, qui est gratuit à télécharger.
Installez la police et revenez à votre document InDesign.
Aller vers Page 1 du document et prenez la Outil Rectangle (M) du Outils panneau. Faites glisser le curseur sur l’ensemble de la page, jusqu’au fond perdu de tous les côtés, et définissez le paramètre La couleur de remplissage à Équipe Awesome Red.
Étendre le Couches panneau (Fenêtre> Calques) et double-cliquez le défaut Couche 1 nom pour ouvrir le Options de calque. Renommez la couche en Contexte.
Fermer à clé la couche, et choisissez Nouvelle Couche… dans le menu déroulant du panneau pour créer un deuxième calque. Renommez la couche en Contenu.
Vous pouvez placer le logo de la marque sous forme de filigrane en haut à gauche de la couverture..
Pour ce faire, affichez une version vectorielle du logo dans Adobe Illustrator. Dissociez les éléments vectoriels si nécessaire et sélectionnez la version silhouette la plus simple du logo. Pour le Équipe génial logo, c'est juste l'élément blanc central.
Dans Illustrateur aller à Édition> Copier, et ensuite revenir à InDesign.
Édition> Coller coller le vecteur directement sur Page 1.
Du Échantillons panneau (Fenêtre> Couleur> Nuancier) vous pouvez ajuster le La couleur de remplissage du vecteur à la nuance rouge plus sombre, Équipe Awesome Dark Red.
Développer le logo en maintenant Décalage maintenir les proportions et la position en haut à gauche de la page, permettant ainsi à une partie du motif de s'étendre au-delà du bord de la page (le bord de découpe).
Prendre le Outil de type (T) et faites glisser sur la page pour créer un long bloc de texte. Type «Directives de marque» et mettre le Police de caractère à Picadilly Regular, Taille 40 pt, Suivi à 80 et Couleur de la police à [Papier].
Sélectionnez le cadre de texte et Clic droit (Windows) ou Ctrl + clic (Mac OS)> Transformer> Rotation de 90 degrés CCW. Placez le cadre de texte dans le coin inférieur droit de la page, contre la marge..
Votre couverture est terminée, excellent travail!
Vous pouvez créer une couverture arrière similaire en copiant et collant la couleur d’arrière-plan (Ouvrir la Contexte couche en premier) et le logo sur Page 8 du document et en déplaçant le logo dans le coin inférieur droit.
Une organisation et une structure claire sont la clé d'un bon document sur les directives de marque. Pensez à la manière de guider le lecteur à travers les éléments de votre image de marque. Commencez par les éléments essentiels de la stratégie de marque: le logo est un bon point de départ. Passez ensuite aux couleurs de la marque et à d’autres ressources clés de la marque, telles que les polices et la mascotte de la marque..
Le verso du document devrait mettre l'accent sur le renforcement des règles d'utilisation des actifs de la marque, en utilisant des exemples clairs de la manière d'utiliser et de ne pas utiliser les différents éléments de la marque..
La première chose à faire avant de vous lancer dans la création de pages de règles détaillées est de réfléchir à la page de contenu du document. Ce sera la première page rencontrée par le lecteur et un outil utile pour naviguer dans les directives relatives à la marque..
Descendez jusqu'à Page 2 de votre document.
Assurer le Contexte couche est Fermé à clef et vous travaillez sur le Contenu couche.
De la règle de gauche (Affichage> Afficher les règles) cliquez et faites glisser un guide pour Position X 99 mm (qui marque un tiers de la page). Faites glisser un deuxième guide vers 198 mm, diviser la page en trois parties égales.
Hop jusqu'à Page 1 du document et Édition> Copier le cadre de texte qui lit «Directives de marque».
Édition> Coller sur Page 2 et déplacez-vous dans le coin inférieur gauche de la page, en appuyant le cadre contre la marge.
Ajuste le Couleur de la police à Équipe Awesome Red et le texte à lire 'Contenu'.
Prendre le Outil de type (T) et créez deux nouveaux blocs de texte, chacun dans la partie supérieure droite de la page, l'un dans le tiers central de la page et l'autre aligné à la même position verticale, mais dans le tiers droit de la page..
Dans le cadre de texte de gauche, saisissez les numéros de page de 1 à 4, avec deux pauses entre chaque numéro. Met le Police de caractère à Picadilly Bold, taille 20 pt, aligner à droite et Couleur de la police à Équipe Awesome Red.
Faites glisser un peu le côté droit du cadre de texte vers la gauche, de sorte qu'il ne se place pas exactement sur le 198 mm guider.
Dans le cadre de droite, tapez les titres de chaque section des directives. Ici, j'ai:
Met le Police de caractère à Picadilly Regular, taille 20 pt, aligner à gauche, toutes les majuscules et Couleur de la police à Équipe Awesome Red.
Pour garder le lecteur orienté dans votre document, vous devez ajouter des numéros de page aux instructions..
Étendre le Des pages panneau (Fenêtre> Pages) et double-cliquez sur le Un maître icône de page en haut du panneau pour afficher le masque à l'écran.
Créez un nouveau petit bloc de texte en utilisant le Outil de type (T), et placez-le en bas à droite de la page, juste en dessous de la marge inférieure.
Placez votre curseur de type dans le cadre de texte, puis allez au menu principal en haut de l'écran. Aller à Type> Insérer un caractère spécial> Marqueurs> Numéro de page actuel.
Mettre en évidence le 'UNE' marqueur qui apparaît et définissez la Police de caractère à Picadilly, aligner à droite et Couleur à Équipe Awesome Red.
Vous pouvez également insérer des en-têtes courants pour donner à votre document de directives une touche professionnelle supplémentaire. Créez un nouveau bloc de texte et positionnez-le en haut à droite de la page. Type 'Team Awesome: Brand Guidelines'.
Créer un nouveau CMJN Swatch en sélectionnant Nouvelle couleur… du Échantillons panneau:
Appliquez cette nouvelle nuance grise au 'Équipe géniale' texte seulement, et mettre le reste dans Équipe Awesome Red. Extraire 'Équipe géniale' dans un Audacieux Picadilly Police de caractère.
Sélectionnez le cadre de texte et allez à Objet> Effets> Transparence. Diminuer Opacité à 60% et cliquez D'accord.
Vous souhaitez que ce gabarit ne soit appliqué qu'aux pages nécessitant des numéros de page. Pour le moment, l'A-Master est appliqué par défaut à toutes les pages de votre document..
Cliquez et faites glisser la page maître nommée [Aucun] au sommet de la Des pages panneau, et déposez-le sur les icônes de la page pour Pages 1, 2 et 8 dans la moitié inférieure du panneau ci-dessous.
le Un maître est maintenant appliqué aux pages seulement 3-7.
Quand tu descends à Page 3 du document, vous remarquerez que le numéro de page se lit comme suit: 3, quand nous voulons vraiment lire comme 1, comme c'est la première page du contenu actuel du document.
Pour ce faire, sélectionnez le Page 3 icône de page dans le Des pages panneau et sélectionnez Options de numérotation et de section… depuis le menu déroulant du panneau.
Dans la fenêtre qui s’ouvre, cochez la puce en regard de Commencer la numérotation des pages à: 1 et cliquez D'accord. Cela crée une nouvelle section dans le document et commence une nouvelle section Page 3, maintenant le listant comme Page 1. Vos numéros de page seront également adaptés à ce nouveau système de numérotation.
Maintenant que votre page de contenu est structurée et que les numéros de page et les en-têtes courants sont configurés, vous pouvez commencer à développer votre document de principes de marque plus en détail..
Parcourons les étapes de la création de deux pages du document, Page 1, 'Le logo', et Page 4, 'Règles d'utilisation'. Vous pouvez utiliser les leçons présentées ici et les appliquer ultérieurement à d'autres pages de votre document. Vous pouvez voir le complet Équipe génial Document sur les directives de marque à la fin du didacticiel.
Retournez à votre page de contenu.
Faites glisser votre souris en haut de la page pour sélectionner uniquement les deux guides et Édition> Copier.
Ouvrez le Un maître, et allez à Édition> Coller en place. Faites glisser un troisième guide pour Position X 39 mm. Les guides apparaîtront désormais sur toutes les pages avec l'A-Master qui leur est appliqué.
Retournez à la page de contenu et sélectionnez le bloc de texte qui se lit 'Contenu' à partir du coin inférieur gauche de la page. Édition> Copier.
Puis descendez à ce qui est maintenant Page 1 (la deuxième 'page 1' du document, et précédemment la page 3) et choisissez Édition> Coller en place. Ajuster le texte à lire 'Le logo'.
Ouvrir la Contexte couche et créer un nouveau grand rectangle en utilisant le Outil Rectangle (M). Position sur le côté gauche de la page, en appuyant le bord droit contre le guide de 39 mm.
Met le Remplir à Équipe Awesome Red.
Fermer à clé la Contexte couche et revenir à la Contenu couche. Ajuste le Couleur de la police de 'Le logo' à [Papier].
Utilisez les guides comme une grille pour positionner votre contenu sur le reste de la page..
Déplacez-vous sur le côté droit de la page et créez un nouveau bloc de texte. Met le Police de caractère à Picadilly Regular, taille 13 points, premier 20 points, suivi de 80, et Couleur de la police à Équipe Awesome Red.
Vous pouvez maintenant commencer à saisir votre résumé du logo de la marque. Que représente-t-il? Existe-t-il plusieurs versions du logo? Cela peut être un résumé de base; vous pouvez demander au lecteur de lire les instructions d'utilisation du logo sur des supports de marque.
Utilisez les deux tiers restants de la page à gauche du texte pour placer quelques images de votre logo. Si vous n’avez qu’une version principale du logo, utilisez-la.
Dans ce cas, nous utilisons une version 2D (simple) et 3D (détaillée) de la Équipe génial logo, alors j’utilise le Outil Cadre Rectangle (F) pour créer deux cadres d'image à Fichier> Place images de chaque.
Essayez de garder cette page aussi simple et impactant que possible. Il s’agit du premier point de contact de votre lecteur avec la marque, il doit donc faire une impression mémorable..
Comme nous en avons déjà parlé, vous pouvez structurer votre document de directives de manière à avoir des explications plus détaillées et des règles détaillées plus loin dans les directives..
De 'Le logo' page, vous pouvez demander aux lecteurs de passer directement à la page 4 du document, qui indique au lecteur comment utiliser réellement le logo et présente des exemples utiles..
Mettons cette page ensemble maintenant. Restant sur 'Le logo' la page initialement, faites glisser votre souris sur la page pour sélectionner tout le contenu et aller à Édition> Copier.
Descendez à Page 4 du document (ce qui était à l'origine). Aller à Édition> Coller en place. Supprimez les images au centre de la page pour ne conserver que les deux blocs de texte..
Ajuste le Couleur de la police de 'Le logo' à Équipe Awesome Red. Ajuster le texte à lire 'Règles d'utilisation: Logo'.
Surligner 'Logo' et mettre le Couleur à Équipe Awesome Grey.
Dirigez-vous vers le côté droit de la page et vers le cadre de texte situé dans le tiers droit de la page. Effacer le texte et entrez quelques paragraphes expliquant comment le logo doit être utilisé sur les supports de marque.
Déterminez les couleurs et les combinaisons de couleurs dans lesquelles le logo doit être rendu. À quel point le logo est-il flexible? Peut-il être placé uniquement sur des arrière-plans simples (sans motif), ou même exclusivement sur des arrière-plans propres et blancs? Un conseil parfois négligé, mais vraiment important, consiste à demander au lecteur de laisser une marge suffisante autour du logo, afin qu'il se démarque.
Lorsque vous avez terminé votre texte, vous devez utiliser l'espace restant sur la page pour fournir des images de démonstration, expliquant vos instructions dans un format visuel..
Ici, par exemple, j'ai placé le logo et utilisé le Outil Rectangle (M) et Outil AVC (\) pour démontrer la règle de la marge.
En dessous, je place un trio de logos montrant comment le logo peut être appliqué à des documents en couleur, monochromes et noir et blanc..
Enfin, au bas de la page, je place quelques exemples du logo sur des arrière-plans simples et à motifs..
Pour insérer une coche et une croix, pour démontrer l'utilisation correcte et incorrecte, créez un cadre de texte et ajustez Police de caractère à Wingdings.
Puis ouvrez le Glyphes panneau (Fenêtre> Texte et tableaux> Glyphes) et sélectionnez les glyphes pertinents dans le panneau qui s'ouvre..
Cette page, 'Règles d'utilisation', peut être plus occupé que certaines de vos premières pages, car c’est là que vous voulez vraiment entrer dans les détails de la façon dont l’actif de la marque doit être utilisé correctement.
Bon travail! Les pages du logo sont complètes et paraissent élégantes, lisibles et complètes. Lisez la suite pour savoir comment vous pouvez développer vos propres directives de marque, en utilisant le Équipe génial document comme modèle…
Vous pouvez utiliser les techniques et astuces que nous avons appliquées aux pages de la section 4 du didacticiel ci-dessus pour développer vos règles de marque et développer le document en un document complet..
Considérez tous les éléments de votre marque qui doivent être expliqués et classez-les en ordre d'importance. Par exemple, un logo est généralement la première chose qui vient à l’esprit lorsque l’on pense à une entreprise donnée; vous devez donc placer la page du logo au début du document.
Assurez-vous de tout expliquer clairement et de toujours fournir des images montrant clairement comment vous souhaitez que le lecteur applique votre stratégie de marque. Après tout, une image vaut mille mots!
Lorsque vous avez mis la dernière main à votre document, demandez à un ami (idéalement, qui a peu d’expérience ou le moindre contact avec votre entreprise) de le relire. S'ils trouvent quelque chose qui manque de clarté ou de confusion, vous devriez envisager de le présenter de manière plus claire. Les concepteurs et le personnel de marketing utilisent généralement les principes de la marque, mais ils doivent également être suffisamment clairs pour que les non-concepteurs puissent comprendre.
Voici la Équipe génial Document sur les directives de la marque dans son intégralité. Vous pouvez utiliser la structure et le style du document pour vous aider à organiser votre propre projet de personnalisation. S'amuser!
Bonne chance pour créer vos propres directives de marque! Nous aimons toujours voir des exemples de travaux de lecteurs, alors n'hésitez pas à partager des exemples de vos propres documents de directives dans les commentaires ci-dessous..
Accentsconagua