Transcription
1. Introduction: Salut tout le monde. Bienvenue dans By The Book : Créez un guide de style pour votre marque. Dans cette classe, je vais essentiellement reprendre là où je me suis
arrêté dans ma précédente classe d'identité de marque. Si vous n'avez pas suivi le cours, ne vous inquiétez pas. Pour commencer, vous pouvez toujours vous inscrire et avoir un accès à
vie si vous pensez que le contenu peut vous être bénéfique. Mais sinon, tout ce dont vous avez besoin est un système d'identité de marque complet qui est prêt à être utilisé. À la fin de la classe, je vais vous montrer comment traduire ces éléments d'identité dans un guide de style réel que vous pouvez partager avec vos clients et
fournisseurs externes afin que l'identité soit implémentée de manière cohérente et de la façon dont vous l'avez imaginé travers
le monde, quel que soit le média avec lequel vous travaillez. Cette vidéo va essentiellement être une introduction aux guides de style eux-mêmes. Je vais juste passer en revue très brièvement les bases et vous montrer quelques exemples, puis à partir de là dans les prochaines vidéos, nous allons plonger un peu plus profondément dans chacun de ces sujets spécifiques. Pour sauvegarder un peu, je veux juste vous donner un peu d'informations sur mon parcours juste pour
que vous compreniez le cadre de référence que j'ai quand je travaille sur ce type de projet. Je sais que beaucoup d'entre vous ont déjà suivi mon cours d'identité de marque, donc je n'entrerai pas dans les détails. Mais juste pour vous donner un aperçu rapide, je dirige un petit studio de design appelé Seamless Creative avec mon mari, Brian. Je fais principalement tout le travail de conception et dirige le quotidien et il est un développeur Web, donc il travaille avec moi sur tous mes projets liés au web, puis il travaille aussi beaucoup dans les coulisses et fait beaucoup
de conceptualiser les étapes des projets avec moi. Nous travaillons principalement avec des petites entreprises. Quand je dis petite entreprise, je veux dire très petite. La plupart des entreprises avec lesquelles nous travaillons ont 1 à 5 employés et nous travaillons habituellement directement avec les propriétaires d'entreprise, ce qui est certainement la façon dont nous préférons travailler. Au fur et à mesure des vidéos, vous allez voir que mon point de vue sur ce genre de travail passe par le prisme de quelqu'un qui travaille avec de très petites entreprises
serrées plutôt qu'avec quelqu'un qui travaille avec grandes entreprises et est en train de
remplir régulièrement des guides de style complexes et complexes. Juste brièvement, Design Work Life est mon autre projet principal sur lequel je travaille, qui est un blog d'inspiration design, où je présente tous les travaux et
produits liés au design et des applications et des choses comme ça sur une base quotidienne. Nous sommes en fait juste comme un côté, va relancer ces deux sites dans les prochains mois avec un nouveau design, nouveau contenu, de nouveaux contributeurs au blog. Si vous n'avez pas suivi le long jusqu'à ce stade, il pourrait être le bon moment de le vérifier simplement parce que nous sommes vraiment en train de remanier les choses et que vous pourriez y trouver des informations qui vous seraient utiles. Voici un très petit échantillon de certaines des identités
de marque que nous avons créées pour les petites entreprises au cours des dernières années. Un couple d'entre eux que vous voyez ici, j'ai créé des guides de style pour, mais je vais vraiment vous emmener à travers le guide de style pour une marque que vous ne voyez pas ici. Je vais l'utiliser tout au long des vidéos pour nous guider à travers le processus. Comme je l'ai déjà mentionné, mon expérience est principalement axée sur le travail avec les petites entreprises. Cela explique vraiment mon processus et mon approche pour le développement de guide de style en général. Bien que j'aie conçu des guides de style qui couvrent différents types de contenu et varient dans leur longueur et leur niveau de détail, je n'ai pas travaillé sur un guide pour une grande marque ou une grande entreprise, qui a tendance à être très vaste et impliqués. J' ai certainement trouvé quelques exemples de ceux-ci que je vais partager avec vous tout au long des leçons juste pour que vous puissiez comparer. Mais surtout, mon travail est à plus petite échelle. Je vais surtout vous montrer à travers le processus avec des exemples de mon travail personnel. Ce sera vraiment juste un point de départ pour vous. Vous pouvez simplement suivre les leçons de base que vous allez montrer et incorporer votre contenu en fonction des besoins de votre marque particulière. Je veux juste mentionner rapidement qu'il s'agit d'une classe intermédiaire, donc je n'entrerai pas trop en profondeur sur les bases de la conception que vous devrez connaître pour configurer un document comme celui-ci. J' en parlerai brièvement. Mais comme c'est intermédiaire, je ne vais pas vous donner beaucoup de leçons de design. Cependant, comme je l'ai fait pour ma dernière classe, je vais vous
fournir un tas de liens différents vers des tutoriels et des
ressources d'apprentissage dans les PDF de ressources qui seront à côté de chaque unité. De cette façon, si vous avez besoin d'aide dans un domaine donné, vous pouvez simplement examiner cela et essayer de vous instruire davantage sur le sujet avant poursuivre les étapes du projet pour cette classe. Maintenant que tout ce ménage est hors du chemin, allons juste entrer dans le contenu. Nous allons commencer par une définition très basique de ce qu'est réellement un guide de style. Tout d'abord, permettez-moi de mentionner que, parfois, il s'agit d'un livre de marque ou de lignes directrices de marque. Le nom n'a vraiment pas d'importance, il s'agit essentiellement d'un document qui fournit des directives pour la mise en œuvre d'une identité de marque. Ils signifient tous la même chose et vous pouvez utiliser ce que vous préférez. Ma préférence est juste de l'appeler un guide de style, essentiellement pour des raisons esthétiques. Une fois qu'une identité de marque quitte vos mains, vous rencontrez la question de vous assurer qu' elle est mise en œuvre de la manière prévue, avec soin et cohérence entre les médias et par différentes personnes, ce qui peut vraiment être un énorme défi. Pour de nombreux designers, la solution idéale peut être de
tout concevoir vous-même et de savoir que je suis tombé dans ce piège avant, mais ce n'est vraiment pas une solution réaliste la plupart du temps. Un guide de style aide vraiment à s'assurer que votre vision est exécutée correctement, peu importe qui travaille réellement sur la marque. Il y a vraiment un large éventail de ce à quoi cela ressemble dans la pratique. Comme vous pouvez le voir ici, ne
sont que quelques mises en page de l'un des guides de style que j'ai fait pour l'une des petites entreprises avec lesquelles j'ai travaillé. Je vais vous montrer quelques pages de ceci de
plus près au fur et à mesure que nous parcourons les vidéos, mais je voulais juste vous donner un aperçu de ce à quoi ressemblent certains de mes guides de style ici. Comme je l'ai mentionné, il y a vraiment un large spectre de ce à quoi cela ressemble. Habituellement, le gars vient dans un format PDF. Je dirais que c'est toujours au moins un type de fichier qu'il vient comme. De nos jours, les gens n'impriment pas autant des choses comme ça, ils préfèrent juste avoir une référence à l'écran pendant qu'ils conçoivent. Mais beaucoup d'entreprises veulent une copie imprimée réelle et physique. Lorsque je conçois un document comme celui-ci, j'ai tendance à m'assurer que le document est formaté pour les deux afin qu'il puisse être facilement affiché à l'écran, puis il peut également être imprimé si le client choisit de le faire. Ensuite, au-delà de la mise en page, le contenu peut aussi être instructif ou il peut être plus conceptuel. Mes projets tombent certainement sur la fin la plus instructive, mais je vais vous montrer un exemple de conception conceptuelle aussi, juste pour que vous puissiez voir quelles sont ces options. Maintenant, un guide pédagogique fournit des instructions
plus régimentées sur la façon de mettre en œuvre les écrous et les boulons de la marque, tandis qu'un guide conceptuel fournit une ambiance plus abstraite pour la marque. Bien sûr, votre design et votre contenu peuvent tomber quelque part entre les deux, cela dépend vraiment de ce que sont les besoins de votre marque. Dans l'ensemble, un guide de style n'est certainement pas le projet le plus créatif jamais, mais l'approche que vous adoptez pour la conception elle-même et la livraison du contenu est l'endroit où vous pouvez vraiment prendre une licence créative. Je vais juste passer en revue quelques exemples avec vous et vous montrer quelques exemples dehors de mon travail en ce moment d'
enseignement ou de conceptuel sur ce à quoi un guide de style peut ressembler. Voici le livre de la marque Foursquare. passant, aussi dans les PDF de ressources, je vais fournir des liens vers tous ces documents afin que vous puissiez les télécharger
vous-même et les parcourir vous-mêmes et les utiliser comme référence tout au long de la création de votre projet. Comme la plupart de mes gars, ça a une table des matières. Vous n'avez pas absolument besoin d'utiliser une table des matières, mais cela dépend de ce que votre contenu permet. Je dirais que si vous allez faire quelque chose sur huit pages, ce que la plupart d'entre vous le feront probablement, j'inclurais une table des matières parce que cela permet simplement à
quelqu'un de retourner très facilement à la section qui est le plus nécessaire pour eux. Foursquare a une introduction ici, qui est quelque chose d'un peu facultatif, [inaudible] aller sur le contenu optionnel et le contenu essentiel dans les futures vidéos. L' utilisation du logo est l'un des éléments essentiels du contenu que je recommande. Donc, ils commencent tout à fait avec ça. Ils ont également l'utilisation d'icônes, palette de
couleurs, copie et tonalité de la voix, typographie. Ils ont tout un guide de style qui est impliqué après cela, mais je vais juste m'arrêter ici et passer à un exemple conceptuel. Comme je l'ai dit, ce lien sera dans le PDF de la ressource si vous voulez regarder à travers toute la chose. Ceci est un exemple d'un livre de marque plus conceptuel ou d'un guide de style. C' est par I Am Always Hungry pour la marque Jack Daniels. Comme vous pouvez le voir ici, leurs mises en page complètes sont superposées avec la photographie et la typographie et différents graphiques, mais il n'y a pas beaucoup de contenu
pédagogique comme celui-ci, c'est la façon dont vous utilisez le logo, etc. Ces spreads évoquent vraiment plus d' une humeur de la marque et ce que les différents graphismes devraient transmettre. C' est juste une autre approche que vous pouvez adopter. Maintenant, je vais vous montrer quelques pages des directives « I Love New York ». Je devrais également mentionner que beaucoup de ces exemples de lignes directrices que je vais montrer que vous avez quelques années, donc ils pourraient ne pas être précis à 100% aujourd'hui, mais je pense qu'ils sont de bons exemples encore à regarder pour voir comment différentes marques exécutent ce type de projet. Cela commence vraiment par identifier leur public. Ils adoptent une approche intéressante de la conception ici, ce n'est pas aussi simple que ce que j'ai tendance à utiliser, mais ce n'est pas non plus super conceptuel. Ils passent par beaucoup d'explications sur leur concept, leur ton de voix et les différentes pièces de la marque. C' est une chose que j'aime vraiment dans ce guide, c'est qu'ils font leurs spécimens de type d'une manière vraiment amusante et intéressante. En créant la structure et en montrant le type qui est utilisé dans tant de formats différents qui donne vraiment à un concepteur, ou quelqu'un d'autre qui regarde cette grande perspective à toutes les différentes façons dont cette typographie peut être utilisée. Ils le font avec toutes les polices de caractères, si je dois dire. Ensuite, ils se lancent dans une petite partie de leur campagne d'impression, dont nous allons parler comme étant facultative. Du contenu un peu plus tard. Voici quelques exemples différents. Maintenant, je vais passer à vous montrer deux autres exemples, différentes façons de mettre en place un guide. C' est le livre de la marque Cisco. C' est un exemple vraiment génial, je pense que pour une très grande marque, qui fait le design et le contenu d'une manière vraiment juste magnifiquement conçue. Je recommande certainement de retourner à travers celui-ci dans son intégralité, juste pour obtenir un très bon exemple de la façon dont une grande marque fait un guide d'une manière pas ennuyeuse, ce que je pense qu'ils peuvent avoir tendance à être quand vous avez affaire à les grandes sociétés. Je vais juste faire défiler rapidement la Section 2, qui commence par un système d'identité de marque. Ils ont une petite introduction à chaque section. Ils font une page de vue d'ensemble que j'aime vraiment. Je n'ai pas vu cela très souvent, mais j'aime l'idée de montrer un aperçu de tous les différents éléments sur une page et de les coller ensemble afin que l'utilisateur ait une idée de ce éléments
globaux de la marque sont censés ressembler quand ils sont appariés ensemble. Je le fais un peu plus quand je travaille sur un projet d'identité de marque, et que je présente une suite complète d'éléments d'identité à un client. Mais je ne le fais généralement pas dans le guide de style, donc j'aime vraiment voir cette idée ici. Ensuite, ils vont dans la palette de la marque, et vous pouvez voir que c'est assez vaste. Ce n'est pas votre simple système d'identité de marque à trois couleurs, cela a beaucoup de composants à elle. Ils le décomposent avec une table des matières supplémentaire au début de chaque section. Encore une fois, ils ont une introduction,
ce qui, je pense, est agréable d'avoir d'autres renseignements généraux. Ensuite, ils vont dans les éléments du logo, de différentes façons. Nous allons en parler un peu plus tard sur ces éléments spécifiques de contenu. Ensuite, ils montrent le logo utilisé ici de
différentes manières que je pense est intéressant aussi. Ensuite, nous entrons en couleur, même chose avec la description au début de la section. Une vue d'ensemble des couleurs et une description de la façon dont elles doivent être utilisées, puis en décomposant les couleurs. Ils ont, comme je l'ai dit, un système assez complexe de couleurs et de palettes différentes, et comment les palettes fonctionnent ensemble dans diverses situations, ce que je pense vraiment intéressant à voir. Ensuite, montrant également la couleur en cours d'utilisation. C' est une autre chose que je ne vois pas trop souvent, mais j'aime vraiment comment ils ont fait ça ici. Ensuite, la typographie est configurée exactement de la même manière avec une introduction commençant, puis une vue d'ensemble, et un peu plus de détails. J' aime qu'ils soient un peu plus ludiques ici avec une partie de la typographie. Ensuite, ils deviennent vraiment spécifiques avec le leader et le suivi, et la hiérarchie, et l'utilisation des couleurs, et le type, ce
qui, je pense, est vraiment important pour une marque aussi grande. Il va produire
autant de pièces qu'ils produiront sur tant de médias différents. Ce sont des choses spécifiques qui assureront vraiment que la marque est aussi cohérente que possible dans toutes ces choses différentes. Encore une fois, montrant la typographie en cours d'utilisation. J' aime vraiment l'idée de ça. Il renforce tout le contenu et les informations que vous avez sur les pages précédentes, et montre comment les rassembler. Un autre exemple de guide pour vous. C' est le guide d'un Barbican, qui a été refait assez récemment. Je pense que c'est un bon exemple de guide qui se situe entre instructif et conceptuel. Un peu plus vers le côté pédagogique, mais je pense qu'il est bon de montrer un peu de gamme afin que vous puissiez avoir une idée des différentes possibilités que vous avez lorsque vous mettez en place ce projet. Encore une fois, table des matières, ils simplifient cela une tonne. Juste pour le diviser en trois sections
au lieu de montrer où tout se trouve spécifiquement sur chaque page. Ils sont certainement assez ludique avec la façon dont ils utilisent le design dans le guide, donc vous verrez que je passe en revue. Ici, ils montrent des images et des choses qui sont très conceptuelles sur qui est la marque. Encore ici. Ensuite, à partir de cette prochaine section qu'ils appellent règles et outils, c'est là qu'ils abordent un peu plus le côté instructif des choses. En commençant par le mot-symbole, et en entrant dans la façon dont il est utilisé, la typographie, et juste en feuilletant ici plus. Ils ne font qu'entrer en détail sur la
façon dont les différents éléments de leur identité doivent être utilisés. Il est donc intéressant, je pense, voir
comment ils ont mélangé les deux styles conceptuels et pédagogiques en les gardant dans des sections séparées, mais ils ont quand même incorporé les deux. Donc, je pense que c'est certainement quelque chose à penser lorsque vous travaillez sur vos projets, si c'est quelque chose qui serait bénéfique pour votre marque. C' est une bonne vue d'ensemble, je pense, des différents types de
guides de style que vous pouvez créer lorsque vous travaillez sur votre projet. Cela dépend vraiment de la marque avec laquelle vous travaillez, de ses besoins, du type de pièces qu'ils vont produire et du type de marque qu'il s'agit. Est-ce une marque d'entreprise boutonnée ? Est-ce une marque plus créative ? Ce sont des choses que vous devriez commencer à penser, et cela va vraiment éclairer la direction dans laquelle vous allez. L' étape suivante, nous allons passer en revue le contenu du Guide de style.
2. Contenu du guide de style: - Salut, - tout le monde. - Bienvenue dans la vidéo Teoh Unit One où nous allons parler du contenu du guide de style. - Il y a plusieurs éléments que je considère essentiels à inclure dans un guide de style, - mais il y a aussi de nombreux éléments de contenu qui devraient ou ne devraient pas être inclus, - selon la marque que vous avez développée ainsi que les besoins de votre client. - Donc, ce que nous allons faire dans cette leçon est de passer rapidement en revue le contenu essentiel et - facultatif. - Pour commencer, - les gars que vous pouvez commencer à penser à ce que vous aurez besoin de rassembler pour votre propre - projet. - Et puis dans l'unité trois, - Je vais passer par chaque section plus en détail afin
3. Conception du guide de style: Hey tout le monde, bienvenue à l'unité 2, où nous allons parler de design de guide de style. Maintenant qu'un plan de contenu est déterminé, il
s'agit de l'étape suivante. Tout au long de cette vidéo, je vais essentiellement passer les étapes du projet qui accompagnent cette section, et vous montrer comment je les ai parcourus moi-même ou le guide de
style que j'ai déjà créé pour un client, et vous donner quelques conseils sur la façon de le faire. Comme je l'ai mentionné précédemment, je ne vais pas entrer dans une tonne de détails sur la façon d' utiliser ces programmes et les bases de la conception, mais je vais fournir quelques ressources pour vous dans le PDF si
vous avez besoin d'en obtenir plus apprendre sous votre ceinture pour n'importe laquelle de ces choses spécifiques. Comme je l'ai déjà mentionné, la conception d'un guide de style n'est pas le projet le plus excitant jamais, mais c'est là que vous avez la chance d'être un peu créatif. En termes de conception générale, ce que je fais est en fait de prendre les éléments de l'identité de marque
avec laquelle je travaille et de les utiliser pour établir le design du livre. Il vous donne l'occasion de réellement prendre ces éléments et de les appliquer à une pièce conçue ici. Le livre lui-même devient un exemple pour la façon de mettre en œuvre l'identité. Commençons juste à passer par les étapes. La première étape consiste à créer une esquisse de mise en page. Ce que j'ai fait ici, c'est de prendre le plan de contenu que j'ai mis en place au cours de la ronde précédente et de mettre ce contenu en termes de pages réelles afin que je puisse déterminer combien de spreads sont nécessaires pour le livre. C' est quelque chose que vous devez savoir avant de configurer votre fichier InDesign. Je trouve plus facile de le faire visuellement pour avoir une idée de l'endroit où les choses vont aller et de l'ordre dans lequel elles vont. Vous pouvez sauter cela si vous n'en avez pas besoin, mais je trouve certainement utile de visualiser les choses de cette façon. Une chose à retenir ici est que, si vous voulez imprimer le document ou si vous voulez le configurer
pour assurer que l'impression est possible à une date ultérieure, vous voulez vous assurer que vous conservez les pages dans un multiple de quatre. Ce ne sera qu'un PDF et se propage. multiples de deux sont totalement bien, mais j'ai toujours tendance à le garder à quatre juste au
cas où le client décide qu'il veut une copie imprimée sur la route, alors vous n'avez pas besoin de sauvegarder et de faire des travaux de conception supplémentaires à ce stade. Vous pouvez maintenant le faire dans Illustrator, ou directement InDesign, ou vous pouvez simplement faire une esquisse rapide à la main dans votre carnet de croquis. C' est totalement à toi de décider. J' ai choisi de le faire dans Illustrator juste parce que c'est ma préférence. Je commence par ce guide très basique. Ensuite, je passe en fait par chaque page et j'écris sur la page quel contenu va aller là-bas. C' est la première chose que vous voulez faire juste pour obtenir un ordre très succinct des pages ,
puis cela vous donne une vue
d'ensemble de la façon dont votre guide va être organisé et comment le contenu va circuler. L' étape suivante consiste à configurer votre fichier InDesign. Je vais juste vous emmener rapidement sur InDesign pour vous
montrer comment un nouveau document est créé. C' est ma configuration InDesign. Le tien pourrait avoir l'air très différent de ça. J' ai tendance à changer cela assez souvent en fonction de la façon dont je travaille à l'époque. Ne vous inquiétez pas si le tien n'a pas l'air exactement comme ça. Évidemment File, Nouveau. Ensuite, je voulais juste vous montrer ceci brièvement afin que si vous n'êtes pas très familier avec InDesign, vous puissiez voir comment fonctionne la nouvelle configuration des documents. Ici, vous choisissez la taille de votre page, vous pouvez mettre le nombre de pages ici tout de suite. Ensuite, si vous voulez faire face à des pages ou des spreads, vous pouvez le cocher immédiatement afin que le document soit configuré de cette façon pour vous. Vous pouvez également configurer vos marges, gouttière et colonnes ici. Je ne fais pas toujours ça. J' ai certainement généralement mis en place des marges, sorte qu'elles soient configurées pour moi, mais j'ai tendance à obtenir la configuration du fichier, puis à travailler sur la grille un peu plus tard. J' ai tendance à ignorer cela et j'ai toujours une colonne ici, mais sachant que je peux changer cela plus tard. Vous pouvez également cliquer sur cette section plus d'options et cela vous donne encore plus. Cela vous permet de mettre un fond perdu, ce qui est utile si vous concevez quelque chose pour l'impression, alors vous avez déjà cette configuration afin que vous n'ayez pas à vous soucier de l'ajouter plus tard. L' étape suivante consiste à établir votre grille. Je vais vous emmener sur InDesign pour vous montrer comment faire cela aussi. Maintenant, je viens de créer un document rapide de 24 pages avec des pages en face. Comme vous pouvez le voir ici dans la palette de pages, vous pouvez faire défiler et voir comment la configuration de propagation ici. En passant, en passant, parfois je mets la mise en page que j'ai esquissé que j'ai fait. En fait, je place les mots qui décrivent le contenu qui va aller sur chaque page de mon document réel. Parfois, c'est juste un moyen très utile faire défiler rapidement votre document et de savoir où
se trouve le contenu , de sorte que vous n'ayez pas nécessairement à
basculer de votre document InDesign vers le contenu
croquis. Pour déterminer la grille, allez
simplement dans Mise en page, Marges et Colonnes. Comme je l'ai dit, je ne vais pas entrer dans les détails sur des choses comme les grilles. Il y a tellement de théorie et de connaissances impliquées dans la façon de mettre place une grille que je ne pourrais tout simplement pas couvrir dans cette courte classe. Je vais fournir des ressources dans le PDF qui est joint à cette unité, qui vous fournira plus de conseils sur les grilles et la façon de les configurer correctement. Dans cette section, dans cette zone, vous pouvez modifier les marges si vous pensez que vous n'avez pas configuré la taille correcte. Juste la plupart d'entre vous devraient le savoir, mais si vous cliquez sur ce verrou qui sépare la marge afin qu'ils ne soient pas liés ensemble, vous pouvez
donc les changer à différentes tailles de cette façon. Sinon, s'il est verrouillé, ils restent tous les mêmes. Maintenant, c'est là que vous pouvez changer votre grille réelle. tendance à toujours faire au moins une grille à quatre colonnes. Habituellement en fait plus que cela de sorte que le contenu peut être divisé de plusieurs façons, sorte que vous pouvez faire une colonne de cinq et une colonne de trois ici lorsque vous travaillez avec huit colonnes, vous pouvez faire deux ou quatre largeurs de colonnes. Il y a beaucoup d'options différentes. J' ai tendance à faire huit ou 12 colonnes au moins. Ensuite, la gouttière dépend vraiment juste des préférences personnelles. Vous voulez vous assurer que vous autorisez suffisamment d'espace entre les colonnes pour qu'il y
ait de l'espace entre les types ou les images selon la façon dont vous allez configurer vos pages réelles. Ensuite, l'étape suivante consiste à concevoir vos mises en page. Maintenant, j'ai tendance à concevoir mes mises en page avant mes couvertures. J' ai l'air de trouver ça plus facile. Mais si vous voulez concevoir la couverture en premier, c'est parfaitement bien. Je vais juste passer rapidement à InDesign. Ici vous pouvez voir le guide de style que je
vais vous montrer comme un exemple tout au long de la classe. Ce que je fais d'abord avant de concevoir quoi que ce soit est déterminer les différents types de page ou de propagation dont j'ai besoin. Comme vous pouvez le voir ici, nous avons ceci une introduction où nous avons la couverture de police intérieure qui n'aura aucun contenu
à côté de la table des matières. Ensuite, nous avons une introduction qui va être une introduction à une section. Ensuite, nous avons une diffusion de contenu où il y a du contenu réel dans cette section. Vous pouvez voir tous ceux qui se répètent. Alors faites défiler. Cela signifie essentiellement que j'ai trois types de propagation différents que je veux concevoir. Maintenant, comment vous allez sur la conception est entièrement à vous de décider. Je voulais juste vous montrer un exemple de ce que j'ai fait ici. Maintenant, ce que je fais, c'est de
prendre les éléments de cette marque, et de comprendre comment les appliquer au design lui-même. Je passe généralement par beaucoup de révisions
différentes avec cela jusqu'à ce que j'arrive à quelque chose que j'aime. Ce que vous voyez ici, c'est les mises en page finales que j'ai choisies. Ce que je fais une fois que je viens avec le design que j'aime est de les créer en maquettes, car cela vous permet de copier ce style de page plusieurs fois, autant de fois que vous avez besoin vraiment rapidement et facilement. Si vous n'êtes pas familier avec ça, je vais vous montrer comment le faire très rapidement. Dans la palette Pages, vous pouvez accéder à Nouveau maître et créer autant d'entre eux que vous le souhaitez. Vous pouvez modifier le préfixe et le nom ici si vous le souhaitez. Je vais juste le laisser là pour l'instant. Le nombre de pages s'applique ici. Si vous effectuez des spreads et que vous avez éléments de page
maître que vous allez appliquer aux deux pages, assurez-vous d'en mettre deux ici. Sinon, vous pouvez juste en faire un. Ensuite, vous verrez une page apparaît dans la partie supérieure de la palette Pages. Alors j'ai cette toile vierge ici. Je vais juste te montrer avec une des pages que j'ai déjà mises en place. Maintenant, vous pouvez copier ceci à partir d'InDesign ou créer un directement sur la page maître. C' est entièrement à vous de décider, le processus que vous prenez pour mettre en place cela. Puisque je montre ceci comme un exemple, j'ai collé ceci à partir du document en place sur la page maître. Maintenant, cela agirait comme un modèle essentiellement pour les spreads d'introduction. Si j'ajoute d'autres pages à la fin de mon document, faites Insérer des pages, j'en ajoute deux après page 35 afin qu'elles entrent juste avant la couverture finale. Ensuite, j'ai deux pages vierges ici, mais elles sont en ce moment étiquetées page maître. C' est la valeur par défaut puisque c'est la page principale ici. Je vais appliquer
Master aux pages et choisir C. Ensuite, cela apparaît juste ici. Maintenant, tout ce que vous placez sur un gabarit est verrouillé lorsque vous l'appliquez à des pages. Vous pouvez voir que ce que j'ai fait est dans mes différentes sections que je les ai colorées différemment pour
les séparer un peu et les éditer ensuite. Ceci est de placer votre curseur sur l'élément que vous essayez modifier et faire la commande shift, cliquez sur. Alors ça déverrouille notre pièce particulière. Maintenant, je peux aller ici et changer le texte si je veux. Ensuite, vous répétez simplement cela avec tous les autres éléments que vous voulez changer, sinon ils restent tous verrouillés et vous n'avez même pas à vous soucier d'eux. Juste un très bref aperçu de la façon dont j'ai mis en place les pages. Encore une fois, c'est là que vous pouvez être vraiment créatif et prendre la marque que vous créez, et effectivement l'appliquer à quelque chose. C' est votre première chance de le faire dans une couche un peu à grande échelle. Comme je l'ai mentionné, je fais mes couvertures après avoir conçu mes mises en page. Je trouve juste qu'il est plus facile de trouver un design de couverture qui résume tout le livre une fois que je sais à quoi l'intérieur va ressembler. C' est pour ça que je fais les choses dans cet ordre, mais tu n'as pas à le faire comme ça. Je les ai mis en place de la même manière que je viens vous l'ai
montré pour les pages intérieures où je fais une page maître, puis l'appliquer aux couvertures avant et arrière tant qu'elles sont similaires, puis éditer tous les éléments que j'ai besoin d'éditer. Sinon, si elles sont très différentes, je fais juste des maquettes séparées pour eux. Ensuite, si vous voulez changer des éléments,
tout ce que vous avez à faire est d'aller dans la page maître et d'éditer le contenu là-bas. De cette façon, il s'appliquera rapidement et facilement à toute propagation qui a ce lien de page maître vers elle. Maintenant, lorsque vous faites ce design et que vous venez avec les pages, la principale chose que vous voulez retenir est que le contenu vient vraiment en premier ici. L' objectif principal de cette pièce est qu'elle soit utilisée par plusieurs personnes différentes, dans de multiples situations d'une manière très rapide et facile à digérer. Lorsque vous arrivez à la conception des pages, vous voulez vous assurer que l'une, oui, vous reflétez la marque dans les éléments de conception eux-mêmes, mais qu'ils laissent également suffisamment d'espace pour fournir le qui est nécessaire à l'utilisateur. Assurez-vous de garder cela à l'esprit pendant que vous concevez. Ensuite, nous allons commencer à entrer dans les détails réels
du contenu essentiel d'un guide de style et nous allons commencer par l'utilisation du logo.
4. Utilisation du logo: Hé tout le monde. Bienvenue au début de l'unité 3, où nous allons aborder un peu plus en détail différents composants essentiels et facultatifs pour
le guide de style, commençant par l'utilisation du logo. Le premier élément de contenu que vous souhaitez inclure comme une vue d'ensemble des types de logo, donc cela devrait être juste une page simple qui donne à l'utilisateur un aperçu très basique des différents types de logos qui sont disponibles pour votre marque. Comme vous pouvez le voir pour Sloan taylor, c'est un logo très simple à base de texte. C' est vraiment la seule option disponible. Pour ma vue d'ensemble, c'est extrêmement simple,
ce qui, comme vous le verrez, est l'approche que je prends vraiment à tous les niveaux. Tout mon aperçu dit vraiment que c'est le logo, c'est le logo principal, c'est
ce que vous voulez utiliser la plupart du temps, et que toutes les variantes de ce logo sont disponibles dans les différents formats que vous pourriez besoin. Maintenant, cette marque particulière a un slogan qui est conçu d'une manière très spécifique et défini dans une palette de couleurs spécifique, donc ces détails justifient vraiment leur propre page séparée et description et dans le guide, sorte que vous pouvez voir comment je scindé c'est ici. Dans la description, qui encore est très courte, je vous donne un aperçu de ce que signifie ce slogan et d'où il vient, puis je vais aussi dans un peu plus de détails sur les détails. Dans ce cas spécifique, il s'agit d'identifier quelle police est utilisée ici et d'exprimer les œuvres disponibles dans différents formats et dans quelques options de couleurs différentes. C' est la troisième page que j'ai incluse dans la catégorie d'utilisation du logo, et cela donne juste un aperçu
des différentes options de couleur disponibles pour le logo. Bien que cette marque ait un logo typographique qui lui est associé,
il est disponible en trois variantes de couleurs différentes. La première est cette couleur bleue primaire, qui est également traduite en CMJN, comme vous pouvez le voir à droite, puis elle est également disponible en noir. La description à gauche passe simplement en revue très brièvement et explique quel format devrait être utilisé où et quand. La deuxième section qui va dans l'utilisation du logo est une exigence de taille. C' est vraiment quelque chose qui peut être déterminé de quelques manières différentes, mais essentiellement vous avez juste besoin de faire quelques expériences avec différentes applications. Si vous ne les avez pas établis au moment où vous mettez le guide des étoiles ensemble, c'est quelque chose que vous voudrez peut-être prendre le temps de faire un exercice rapide et de tester les choses. Les principales choses que vous voulez montrer ici sont la taille maximale à laquelle le logo peut être utilisé s'il y a cette règle, la taille minimale que le logo peut être utilisé, et une autre chose que j'inclus est l'échelle. Ici, ce que j'ai fait pour la taille maximale est la taille maximale que le logo peut être utilisé sur une feuille de
papier 8.5 sur 11 puisque c'est la pièce imprimée la plus courante qui va être distribuée ou créée par quiconque utilise le guide, Je voulais m'assurer de donner cette directive. Ensuite, la taille minimale est la plus petite taille du logo peut être utilisé et encore être lisible dans diverses applications. Ensuite, ce que je fais ici pour l'échelle est de montrer à quoi ressemblerait
le logo s'il est correctement dimensionné pour une feuille de papier 8,5 sur 11, et puis j'ai mentionné ici que cela est montré à l'échelle de 40 pour cent, ce qui donne à l'utilisateur un perspective de la façon dont cela serait réellement taille jusqu'à la taille réelle de 8,5 par 11 feuille de papier. Ensuite, la vue d'ensemble sur le côté gauche, j'ai décrit que le logo devrait généralement être taille à environ 20 pour cent de la taille du document avec lequel vous travaillez, et j'ai certainement mentionné que c'est une question de jugement basée sur une pièce particulière, mais de cette façon donne au moins à l'utilisateur un point de départ et quelque chose à utiliser lorsqu'il est en train de configurer un nouveau document. Ensuite, la section suivante est la zone d'isolement. C' est vraiment important parce que vous voulez vous assurer que le logo se démarque sur n'importe quelle application dans laquelle il est vu, et une façon de vraiment s'assurer que cela est fait est qu'il y a suffisamment d'espace blanc autour du logo lui-même. Ce n'est pas quelque chose qui fonctionne nécessairement pour chaque marque, mais je dirais que la grande majorité ont un exemple où cela s'applique. Encore une fois, la façon dont vous déterminez l'espacement est ouverte à l'interprétation, et je pense que faire quelques expérimentations avec différentes applications est un moyen de solidifier les mesures pour vous, mais ce que je fais c'est toujours prendre quelque chose du logo lui-même et l'utiliser comme format de mesure que j'ai ensuite appliqué à toute la zone d'isolement. Dans ce cas, j'ai utilisé les minuscules s, puis créé juste un diagramme très simple qui montre une hauteur
des s autour de chaque côté du logo et comment cela fonctionne. Cela vous donne une vue d'ensemble de ce à quoi l'espace devrait ressembler lorsqu'il est aménagé correctement avec les mesures correctes, puis juste un détail de ce qu'est cette unité de mesure spécifique. Ensuite, la dernière chose que j'inclue est une utilisation incorrecte, avec
laquelle vous pouvez vous amuser un peu. Vous pourriez être surpris par les différentes façons dont un client utilise le logo lorsqu'il ne reçoit pas de règles sur la façon dont il est destiné à être utilisé. Voici une occasion amusante de faire toutes les choses que vous ne
voulez jamais que le client fasse au logo pour leur montrer que ce ne sont pas comment l'utiliser. Ce sont juste les basiques que j'inclus toujours, mais vous pouvez devenir fou avec ça si vous voulez. Juste pour passer rapidement ce que j'inclus ici. Ne pas étirer le logo de façon disproportionnée, vous seriez vraiment surpris de voir combien de personnes étirent un logo dans une direction ou dans l' autre sans garder les proportions cohérentes et déforment totalement l'apparence du logo. Alors ne remplissez pas le logo avec des couleurs autres que la marque, ne pas taper le logo dans d'autres polices, ne pas décrire le logo, qui peut être quelque chose qui ne s'applique pas à vous ou à votre marque, mais c'est quelque chose que j'ai trouvé important ici. Ne placez pas le logo dans une forme, autre chose qui pourrait ne pas s'appliquer à vous, mais j'ai trouvé important d'inclure ici. Ne diminuez pas l'opacité du logo, c'est quelque chose que vous voulez certainement penser. Si vous ne voulez pas que votre logo soit teinté ou transparent de toute façon, c'est quelque chose
que je voudrais absolument souligner ici parce que c'est une chose facile pour quelqu'un exécuter sans comprendre que c'est un look qu'il devrait éviter. Ensuite, ne coloriez pas le logo avec d'autres couleurs de marque. Dans ce cas spécifique, le logo lui-même ne doit être rempli que de la couleur principale de la marque, et nous avons une palette de couleurs plus grande, je vais vous montrer bientôt,
qui ne devrait pas s'appliquer au logo, ils ne devraient s'appliquer qu'à différents éléments de la marque, donc c'est une chose que je voulais souligner. Alors n'utilisez pas plus d'un logo sur une surface visuelle, c'est quelque chose qui est important,
je pense, quand les gens conçoivent documents
différents ou même un t-shirt ou quelque chose comme ça. Je ne voulais pas que le logo aille par-dessus bord et apparaisse à plusieurs reprises. Je vais juste montrer un exemple très simple ici d'
un article de taille de carte de visite avec deux logos dessus pour montrer qu'il ne devrait vraiment en avoir qu'un. Cela couvre vraiment tous les composants d'utilisation de base du logo. Ensuite, nous allons plonger dans la couleur.
5. Couleur: Bienvenue à l'Unité 3, Vidéo 2, où nous allons parler de couleur. Comme pour l'utilisation du logo, il y a quelques composants essentiels de la section couleur que j'inclue toujours. Donc je vais juste les examiner un par un et vous donner
un peu plus de détails sur la façon dont je les ai mis en place. En général, je garde ma palette de couleurs très simple. C' est un domaine où vous pouvez certainement élaborer si vous sentez que c'est nécessaire. Cela dépend vraiment de ce que votre palette de couleurs spécifique est et comment elle est utilisée, comment vous avez décidé de définir ce type de page vers le haut. La première chose que nous fournissons est un aperçu. Dans ce cas, j'ai en fait une palette de couleurs qui est décomposée en trois sections. La couleur principale primaire, une palette secondaire, qui est utilisée le plus souvent en combinaison avec la couleur primaire, et ont une palette tertiaire, qui est rarement utilisée dans certaines situations. Ce que je fais sur le côté gauche ici, c'est juste donner un aperçu des trois palais différents et de la façon dont ils sont utilisés. Par exemple, dans la section primaire, je dis juste que c'est la signature Sloan Taylor couleur bleue et il devrait apparaître sur chaque pièce et moins de restrictions nécessitent une impression en niveaux de gris. Ensuite, je vais dans ce même niveau de détail pour chacune des différentes sections de couleur. Ensuite, quelques autres choses que je pense valent la peine de mentionner ici, c'est que, en termes d'utilisation,
j'ai expliqué que, dans la mesure du possible, la couleur PMS devrait être utilisée pour impression et que RDB ne devrait être utilisé que pour en ligne ou à l'écran applications. Ce sont des choses que je veux m'assurer que les gens comprennent quand ils utilisent le guide. Les couleurs PMS, nous allons toujours obtenir la meilleure correspondance avec les couleurs que nous avions initialement prévu. Donc, je veux m'assurer que si c'est une option, c'est l'option qu'ils prennent. Puis j'ai aussi parlé de teinture. Teinter est quelque chose qui me semble se fait souvent quand il ne devrait pas l'être, et ces couleurs, surtout pour cette marque, devraient toujours être utilisées pleine force. Je veux donc m'assurer que cela est précisé, qu'il ne devrait pas être teinté du tout sauf pour cette seule couleur grise qui agit comme un neutre. Maintenant, l'utilisation des couleurs, juste pour zoomer sur cette même page, un peu plus, est juste quelque chose que vous voulez penser est, avez-vous différentes variations dans votre palette de couleurs ? Avez-vous différentes sections qui doivent être décomposées plus loin, et existe-t-il des instructions spéciales qui viennent avec les couleurs telles que la teinture ? Une autre chose que j'inclus ici est le blanc. Cela entre en jeu pour plusieurs marques que j'ai faites, mais surtout pour celle-ci. Je découpe cela en fait dans une section différente de mon livre, mais je veux l'inclure ici juste pour vous montrer comment je le gère, car il fait techniquement partie du Guide des couleurs. L' objectif principal ici est de simplement souligner que l'inclusion
du blanc est essentielle à la marque, et bien qu'il ne soit pas décomposé comme une couleur réelle dans la palette, il est important que chaque pièce comprenne une zone de blanc pour fournir le spectateur et créer un équilibre avec les différentes palettes de couleurs sur chaque pièce, et que vous devriez utiliser votre jugement en termes de combien vous devez utiliser d'une pièce à l'autre. Ensuite, la couleur se décompose. Encore une fois, je les garde très simples. J' utilise la couleur PMS. Dans certains cas, vous souhaitez inclure à la fois codé et non codé. Pour moi, toutes les couleurs codées et non codées traduites assez
bien ici pour que vous n'ayez pas besoin d'utiliser différentes couleurs, ce n'est pas toujours le cas. S' il y a des situations comme ça, vous voulez vous assurer que vous écoutez les deux. J' ai également la ventilation CMJN, la ventilation RVB et la ventilation des valeurs HEX. Maintenant, je veux parler un peu de la traduction des couleurs parce que je sais que c'est une question que beaucoup de gens ont eu en particulier dans la classe de l'identité de marque. Bien que je ne sois pas un expert en la matière, je voulais juste vous donner quelques informations sur le processus que je passe pour créer les traductions et juste vous donner un point de départ pour ce processus. Maintenant, juste pour reculer un peu, et quand j'ai expliqué que je fais toujours, peu
importe le projet, traduire ces quatre ventilations de couleurs. Je ne pense pas qu'ils soient toujours nécessaires à 100 % pour chaque marque. Par exemple, je ne me souviens pas de la dernière fois que j'ai imprimé quelque chose de décalage CMJN, juste devenir de moins en moins commun avec le travail que je fais, mais mon sentiment général est que c'est mieux sûr que désolé. J' ai donc tendance à créer toutes ces différences de couleurs juste qu'elles soient là au cas où quelqu'un en aurait besoin, et puis de cette façon, vous n'avez pas à revenir en arrière et faire travail
supplémentaire sur la route quand un problème se pose. J' ai décrit cela un peu dans ma classe d'identité de marque, mais juste pour le refaire, mon processus personnel quand je fais un système d'identité est que je commence toujours avec les couleurs à l'écran. Bien sûr, l'écran n'est pas un 100 pour cent fiable en termes de traduction des couleurs, car les moniteurs diffèrent tellement d'un écran à l'autre. Il est toujours très clair pour mes clients aux premiers stades de
l'identité de marque que la couleur n'est pas exacte à 100 %, et s'ils sont très particuliers ou détaillés sur cet aspect du processus, je viens d'ajuster mon processus un peu. Dans ce cas, je pourrais revenir aux puces Pantone et envoyer au client ces puces pour choisir les couleurs de cette façon et ensuite travailler un peu en arrière. Mais généralement, à l'écran fonctionne pour moi comme une première étape. Ensuite, une fois que cette couleur est approuvée et que je me prépare à préparer mon guide, c'est ou imprimer quelque chose, selon la première éventualité, c'est quand je vais à PMS. Ce que je fais là, c'est que j'ai un ensemble réel de puces que je tire et je fais juste correspondre les puces mieux
que je peux pour les couleurs afin que je vois à l'écran, et aller de là. Je sais que tout le monde ne peut pas toujours mettre main sur une puce réelle parce qu'ils sont vraiment chers, donc j'ai rencontré quelques ressources qui peuvent vous donner des transitions panoramiques, je vais fournir dans le PDF de ressource. Je n'appellerais pas ça une précision à 100 %, mais je pense que c'est probablement un bon début si vous ne pouvez pas mettre la main sur des jetons. De là, je traduis aussi en HEX, ce qui est très facile à partir de RGB, et je traduis en CMJN. Je fais toutes ces choses dans Illustrator, généralement dans le sélecteur de couleurs, et ces choses ne sont pas toujours précises à 100%, donc vous devez certainement faire quelques tests. Mais je trouve toujours que c'est un très bon point de départ. C' est ainsi que je vais traduire toutes mes couleurs. C' est tout pour la vue d'ensemble et la couleur et ensuite nous allons parler de la typographie.
6. Typographie: Bienvenue dans Unit 3/ Video 3 où nous allons parler un peu plus de la typographie. Juste pour y entrer, typographie est vraiment une section assez simple par rapport à certaines des autres. Cela dépend de la quantité de typographie que vous avez réellement dans votre système, où vous avez différentes variations sur les polices de caractères, si le nombre de polices que vous incluez réellement, etc. Cela peut être plus grand que ce que je vous montre selon sur ce que votre marque a besoin. La première section que j'inclut est un aperçu de la typographie qui fait partie de la marque. Comme vous pouvez le voir, cette marque particulière a deux polices de caractères qui sont principalement utilisées, une est un Sans-Serif et l'autre est un Serif. Ici, j'ai toujours mis en place quelques spécimens très simples qui montrent la police à utiliser d'autant de façons différentes qu'il le verra, utilisé avec la marque. Je crée toujours un spécimen avec un titre, un paragraphe, puis je décompose les différentes formes de lettre en majuscules, minuscules et nombres juste pour obtenir un aperçu très rapide de ce à quoi ils ressemblent. Ensuite, cette marque particulière a également une police d'affichage qui est utilisée beaucoup plus dans les cas fréquents. Encore une fois, je l'ai cassé ici et je viens de créer un spécimen très simple. Cette police de caractères, puisqu'elle est affichée,
a beaucoup moins d'options d'utilisation que les polices de caractères primaires, sorte que ce spécimen est encore plus symbole. Je tiens à souligner qu'il s'agit d'un domaine où l'on peut devenir un peu plus créatif. Comme je l'ai mentionné précédemment, j'essaie de rester plus instructif et simple avec les graphiques que j'utilise. Mais par exemple, si vous pensez au PDF I Love New York que je vous ai montré dans l'unité 1 utilise les spécimens de type pédagogique, mais le fait d'une manière un peu plus intéressante et montre beaucoup plus de variations que je montre ici. Vous pouvez faire quelque chose comme ça tant que vous gardez à l'esprit que la principale raison pour laquelle vous fractionnez ce contenu est de montrer à la personne qui utilise le livre que autant d'options d'utilisation que sont disponibles pour chaque type de face de façon à ce qu' ils comprennent
le plus possible comment ils peuvent utiliser ce genre. La deuxième chose que vous voulez expliquer dans cette partie
du guide est la façon dont la typographie peut être utilisée. Je le fais simplement dans le paragraphe du texte sur le côté gauche de la page. Encore une fois, je reste très bref, mais il y a quelques choses que je tiens à souligner. La première est la police fonctionne pour, et la seconde est le poids réel du type à utiliser. Par exemple, la première police que je montre ici est Eames Century Modern, et j'ai expliqué sur le côté gauche dans cette section que cela fonctionne particulièrement bien avec la copie corporelle, puis dans les légendes. Cela ne veut pas dire que cela fonctionne exclusivement dans ces situations, mais il met l'accent sur les types de situations pour lesquelles je veux que cette typographie soit utilisée. Ensuite, le deuxième paragraphe explique également que cette police doit toujours être utilisée dans la phrase ou le cas du titre et jamais dans toutes les majuscules ou petites majuscules. C' est quelque chose que vous voulez certainement décrire dans vos instructions si ce sont des restrictions que vous avez, parce que faire quelque chose de voyelle change vraiment l'apparence d'une pièce. Si ce n'est pas ce que vous vouliez, cela va certainement
nuire à la cohérence que vous avez dans la marque sur différents médias, donc c'est quelque chose à garder à l'esprit. Même chose avec l'affichage, je fais juste la même chose ici où je dis que ce visage d'affichage est utilisé dans des applications limitées, et qu'il ne devrait être utilisé que pour de courts titres et phrases et de ne jamais définir de longues sections du corps de la copie, puis soulignant également que cette police de caractères ne doit jamais être utilisée dans toutes les majuscules. C' est quelque chose dont je veux faire attention parce que c'est une phase d'affichage en particulier. Je veux m'assurer qu'il est toujours lisible, et il n'y a que certaines instances dans lesquelles il peut être utilisé pour maximiser cette lisibilité. C' est tout pour la typographie, typographie est une section très simple à
assembler en fonction des éléments qui font partie de votre marque. Ensuite, nous allons aller dans les éléments graphiques.
7. Éléments graphiques: Bienvenue dans l'Unité 3, Vidéo 4, où nous allons voir la section des éléments graphiques de votre guide de style. Comme je l'ai déjà mentionné, tout comme pour votre identité de marque, la section des éléments graphiques va varier en fonction du contenu avec lequel vous devez travailler. Je vais vous emmener à travers la section des éléments graphiques de ce type que je vous ai montré pour Sloan Taylor et juste vous montrer comment j'ai installé ça dans ce cas. Mais c'est une section qui va certainement varier considérablement en fonction des composants que votre identité inclut. Cette marque particulière, comme je l'ai mentionné précédemment, a beaucoup de motifs impliqués. Ce que je fais est de commencer par une page de vue d'ensemble du motif et juste utiliser une très petite nuance de certains
des modèles ici pour donner à l'utilisateur un aperçu
du type de modèles avec lesquels ils doivent travailler, puis dans la description, expliquer simplement que chaque motif est disponible de certaines façons de couleurs, mais peut être adapté à combinaisons de couleurs
illimitées et que
j'inclue aussi la règle selon laquelle un seul motif doit être utilisé par pièce, ce qui est très important ici parce que tandis que est un motif lourd, il nécessite également un équilibre de couleur et espace
blanc et si vous avez commencé à mélanger trop de ces motifs, il pourrait devenir fou très rapidement. C' est quelque chose que je veux m'assurer de souligner. Puis, comme je me suis déplacée, je montre quelques versions plus grandes des modèles et je les divise en plus petites catégories. Le premier que je commence ici est le motif de logo, qu'ils ont en deux options, l'option pleine couleur et l'option avec le bleu primaire. Encore une fois, j'inclus juste une description très simple ici qui inclut uniquement les informations qu'ils doivent connaître pour la mise en œuvre. La seule chose qui est vraiment important ici de savoir est que d'autres variations de couleur peuvent être développées dans ce motif. La seule ligne directrice, c'est que le bleu Sloan Taylor est que la couleur dominante ? Ensuite, je montre ce motif de rayures signature,
qui, techniquement, est le motif principal de la marque. Il n'y en a qu'un. Il n'y a pas de variations multiples, c'est pourquoi j'ai utilisé une si grande nuance ici. Encore une fois, je suis juste de souligner dans la description que d'autres variations peuvent être développées tant que le bleu Sloan Taylor est une couleur dominante. Ensuite, j'ai dispersé des motifs de points. Comme vous pouvez le voir, j'ai séparé ces entiers différentes catégories regroupant des modèles ensemble, donc chaque modèle n'a pas nécessairement besoin de sa propre page. Cette section montre juste trois variations différentes sur le motif de points, qui peut être adapté à n'importe quelle combinaison de couleurs et c'est ce que j'ai mis en place dans la description. Ensuite, j'ai également mentionné que les échantillons de motifs ont été créés de ces trois façons de couleur que vous pouvez voir pour commencer. Ensuite, cette marque présente également dans le cadre d' un élément graphique plusieurs collaborations d'illustration. C' est quelque chose qui devait évoluer au fil temps et changer en fonction des projets sur lesquels ce client travaillait réellement. Ce que j'ai fait ici est juste
de prendre quelques exemples d'illustrateurs avec lesquels ils allaient travailler à époque et d'inclure quelques exemples de leur travail juste comme une ligne directrice pour que l'utilisateur puisse commencer à voir les différents styles avec lesquels la marque va travailler. Maintenant, je saute à un autre type que j'ai fait ici juste pour
vous montrer un autre exemple d'un élément graphique qui fait partie d'une marque. Dans ce cas, c'est pour une société appelée Canopy Health et l'utilisation de la photographie d'origine était assez importante pour eux. Ce que j'ai fait ici est une page de vue d'ensemble qui montre
un exemple de photographie qui donne vraiment le point à travers le style de la photographie qui devrait être utilisé et dans la description je viens d'expliquer que le but de la la photographie est d'ajouter de la chaleur à la marque et de choisir des images qui mettent en vedette
les enfants et leurs familles qui profitent de leur temps ensemble et un environnement ensoleillé en plein air est préféré. Cela laisse les choses ouvertes et donne des pistes pour que l'utilisateur puisse faire sa propre recherche et direction
artistique, mais il donne des directives claires pour qu'il ait un cadre pour travailler avec eux. Ensuite, j'inclus également une deuxième page qui est juste essentiellement une feuille de contact d'un tas de photos différentes qui correspondent toutes, qui correspondent à ces directives de sorte que c'est une autre référence que l'utilisateur peut revenir pour voir si les photos et les images qu'ils choisissent correspondent à l'intention des marques. Puis sautez à un autre guide. C' est pour W&T Seafood, qui est un petit distributeur de fruits de mer. Ils ont beaucoup d'illustrations, d'illustrations vintage qui font partie de leur marque qui comportent toutes des images liées aux fruits de mer. C' est une page très simple qui montre juste un aperçu de quatre des illustrations
les plus courantes et coloré la
façon dont nous avons généralement tendance à les colorier. La discrétion réelle n'est pas très spécifique car il s'
agit d'un composant assez ouvert de la marque. Il n'y a pas de directives strictes quant au dimensionnement ou à la façon dont ils sont utilisés. Toute l'explication que j'ai donnée ici est juste que ces illustrations sont utilisées pour ajouter une touche de fantaisie aux pièces collatérales. C' est tout ce que vous avez vraiment besoin de savoir en ce qui concerne cette marque. Cela vous donne également une idée d'être ouvert
plutôt que d'être super instructif quand il s'agit d'éléments graphiques tels que ceux-ci. Cela vous donne un aperçu de la façon dont les éléments graphiques peuvent être incorporés dans le guide. Ensuite, la prochaine vidéo, nous allons parler de contenu optionnel.
8. Contenu facultatif: Dans celui-ci, nous allons passer en revue les différentes options que vous avez pour le contenu que vous souhaitez inclure en plus des composants essentiels. Cela vous donnera juste un point de saut pour que vous puissiez l'étendre vous-même en fonction de ce dont votre client a vraiment besoin. Pour commencer, ce que je vais faire, c'est passer par les composants facultatifs que j'ai inclus dans mon guide d'exemples Sloan Taylor. commençant par un tableau d'humeur, comme je l'ai mentionné plus tôt, je pense que c'est quelque chose que si vous avez créé peut être bon à inclure, n'est
certainement pas nécessaire, mais j'aime l'idée que cela donne à tout utilisateur une vue large de la look visuel et sentir que vous allez pour la marque. Dans ce cas, cette marque est très visuelle et très colorée et très design lourd donc j'ai pensé que le tableau d'ambiance n'avait vraiment pas de sens à inclure. Ensuite, la deuxième chose est l'essence de la marque. Comme je l'ai mentionné plus tôt, cela peut prendre forme de plusieurs façons différentes. Je pense qu'il y a en fait beaucoup de définitions
différentes pour ce qu'est réellement l'essence de la marque, mais comment elle s'est manifestée dans ce cas est dans deux choses spécifiques. Le premier est les croyances de Sloan Taylor, et c'est quelque chose sur lequel le client et moi avons collaboré ensemble. Ce ne sont que quelques phrases courtes qui vont vraiment au cœur de ce en quoi la marque croit. Je pense que c'est certainement quelque chose que si vous avez développé est vraiment utile d'inclure, même si ce n'est pas quelque chose que vous avez développé vous-même pour la marque, mais si c'est quelque chose que le client a déjà et fourni à vous comme point de départ pour votre travail sur l'identité, je pense que cela est certainement inestimable et cela donne à
l'utilisateur une très bonne base de travail en termes de composants émotionnels et intellectuels réels qui composent le marque elle-même. Vous le verrez dans certaines des applications que je vous montre un peu plus loin. Mais voici une page linguistique très simple que vous pouvez entrer dans beaucoup plus de détails à
ce sujet en fonction de ce que vous avez développé ou ce que vous avez du client qui est existant. Mais pour nous, nous avons établi une certaine façon de parler au public à travers nos applications qui est gaie, accueillante et conversationnelle, et nous la décrivons ici comme nous parlons à notre client comme nous le ferions pour un ami cher ou invité chéri. Cette page donne juste quelques exemples de titres de conversation que nous pourrions utiliser dans différents cas dans les applications. Mais plutôt que d'être des directives spécifiques, je pense que cela donne juste un bon aperçu du type de langage que nous recherchons. Ensuite, la quatrième section que j'ai utilisée ici qui, je pense, est vraiment considérée comme une inclusion facultative, est les applications, pas super spécifiques. Je donne juste des exemples visuellement des choses que nous avons conçues. Ce ne sont pas des photographies, ce sont juste des mises en page, parce qu'il y avait des choses qui n'ont pas été produites à ce stade. Mais je ne donne pas de détails en termes de taille ou de mesures ou quoi que ce soit du genre, ni de modèles que certaines marques font. Ceci est juste pour donner à l'utilisateur une idée de, vous avez juste regardé à travers tous les différents composants qui composent l'identité, et voici un exemple de la façon dont vous pouvez réellement la mettre à utiliser. Ceci est un exemple de cartes de visite. Puis quelques cartes de notes. Ce sont des cartes de conversation. Vous remarquerez que la langue de l'une
des pages précédentes est littéralement incorporée ici. Puis une étiquette d'expédition, une enveloppe et une doublure, et un sceau d'enveloppe. Cela peut inclure autant de pièces que vous avez, ou cela peut être vraiment simple. Ce que j'ai fait ici, c'est juste montrer autant de variété que nous avions pour les pièces que nous avons déjà développées. L' intention est que nous puissions toujours ajouter plus de choses au fur et à mesure que nous les avons
développées si nous estimions qu'elles étaient importantes pour le guide. Je veux juste passer en revue quelques exemples de marque extérieurs, afin que vous puissiez voir d'autres contenus que vous pourriez vouloir inclure si cela fonctionne pour votre marque. Le premier est Pfizer. Je vais juste passer par cela rapidement et encore, je vais vous donner un lien vers ceci et le PDF afin que vous
puissiez télécharger et retourner dans ce guide vous-même si vous voulez regarder de plus près. Bien sûr, Pfizer est une énorme marque. Leurs directives de marque sont très détaillées et très complexes. C' est presque l'extrémité opposée complète
du spectre du type de travail que je fais généralement, ce qui est, surtout, pourquoi je voulais vous montrer. Cette page est juste leur architecture de marque. C' est une description de très haut niveau de la façon dont leur marque travaille ensemble, en termes de divisions, de programmes et de produits, et de la façon dont ils s'intègrent dans ce système architectural. Ensuite, ils entrent encore plus en détail sur la structure architecturale ici. Cela décompose en fait toutes les couleurs de leur marque et vous montre les différents pourcentages disponibles, spécifiquement pour l'utilisation dans les graphiques d'information. Ensuite, cette page montre comment configurer une grille. Ce qu'ils ont fait ici, est allé très loin dans les détails pour n'importe quel type de document pour eux. Ils donnent des mesures décimales très spécifiques pour le type de taille de page que vous utilisez, quelle marge doit être utilisée, et ensuite quelle grille doit être utilisée, combien de colonnes, quelle taille de gouttière doit être, puis le grille de base typographique. Ensuite, ils vont aussi dans PowerPoint, qui est vraiment une application courante pour beaucoup d'entreprises en ce moment. Si c'est quelque chose qui est souvent utilisé, il peut s'agir d'une application que
vous souhaitez inclure, vous pouvez afficher les instructions relatives à la configuration d'une présentation. Maintenant, je vais sauter par-dessus les directives de Jamie Oliver, ce qui est certainement un peu différent, mais il inclut aussi des choses ici que nous n'avons pas encore vues. Une grande partie de ce que l'identité de Jamie Oliver doit s'appliquer est l'emballage. Ce guide particulier approfondit l'emballage en fonction de différents publics, mais il est utilisé pour et comment la conception change en fonction de cette audience et de cette application. Cela vous donne juste quelques exemples différents de tailles qui seraient utilisées, et vous montre également quelques règles qui sont associées à chacun. Puis ils ont suivi ça en montrant ne pas faire. Tout comme nous l'avons fait avec l'utilisation du logo, c'est quelque chose que vous pourriez également inclure si vous pensez que cela serait utile en termes d' applications ou de toute autre section de votre guide, vraiment, où vous affichez quoi ne pas faire pour que l'utilisateur s'assure d'éviter diverses applications ou exécutions
des différents éléments que vous ne voulez certainement pas faire partie de la marque. Encore une fois, cela vient juste d'entrer un peu plus en détail de la configuration de l'emballage en termes d'exceptions qui sont autorisées. Une autre variante sur l'emballage où il est question centrer le logo et quand c'est approprié et quand ce n'est pas le cas, et maintenant cela se concentre sur le dos de l'emballage avec des exceptions. Cela se concentre sur le dos de l'emballage quand il s'agit d'un emballage alimentaire et va dans beaucoup de détails sur la façon dont cela devrait être disposé, et les différents types de tailles qui devraient être utilisés, et les différents types de poids qui devraient être utilisé. Alors maintenant, je vais juste sauter sur Demand Media. Cette page est quelque chose que je ne fais pas souvent, mais je pense que cela pourrait être assez utile si vous avez beaucoup d'actifs différents avec lesquels vous travaillez. Voici un aperçu des différents formats de fichiers pour les logos. Sur la gauche, cela leur donne une clé de sens, ce que je pense certainement pourrait être utile, surtout pour les personnes qui ne sont pas nécessairement habituées à travailler avec des fichiers de conception et ne savent pas quoi chercher, cela pourrait être un guide vraiment utile pour quelqu'un d'avoir. Ensuite, il montre en fait où chacun de ces logos se trouve dans la structure de dossiers fournie. Maintenant, c'est plus de détails sur les logos, qui est un composant essentiel, mais cette utilisation spécifique n'est pas toujours nécessaire ou applicable. Ici, ils ont un logo qu'ils appellent un badge d'attribution. Cela doit toujours être placé et utilisé d'une manière spécifique. Ils les montrent séparés. Puis également effectivement placé sur une page et comment cela fonctionnerait. Ils ont également montré une préférence de placement primaire et secondaire. Ensuite, ici, ils ne montrent que des exemples d'utilisation finale, ce que je pense toujours être une excellente idée. Ensuite, cette marque a ces éléments graphiques de pointe de flèche qu'ils utilisent, qui sont mis en évidence grand ici, puis montré dans diverses applications comment ils peuvent être utilisés, ce qui je pense est vraiment grand autre montrant de nombreuses façons différentes. Ensuite, c'est un autre élément graphique qui est très spécifique à la marque. C' est cette utilisation de l'alignement de type et des angles et il devient assez spécifique sur la façon dont cela devrait être utilisé, et les angles et les différents pourcentages que vous devriez utiliser en termes d'espacement. Ensuite, voici une autre
section « faire et ne pas » qui, je pense, pourrait être utile dans certaines situations. Ceci est un exemple de beaucoup d'applications différentes où l'utilisation des couleurs est correcte. Ils ont aussi une page dôme, mais je ne les inclut pas ici, donc vous pouvez vérifier cela dans un PDF si vous voulez regarder de plus près. Cela montre également les flèches appliquées à la photographie. Ensuite, ils ont également une section de communication numérique. C' est en fait de cette façon que vous configurez une signature e-mail, et elle donne tous ces détails différents sur la couleur, la taille et l'espacement des lignes que vous devriez utiliser. Ils ont également des directives sur le site Web. Maintenant, je n'ai pas du tout abordé les directives Web, surtout parce que c'est une classe qui est vraiment axée sur une directive d'identité de marque. Mais évidemment, les sites Web sont extrêmement importants pour les marques de nos jours et
les directives sont vraiment nécessaires si vous avez un site plus grand sur lequel plusieurs personnes vont travailler. En outre, pourquoi je n'y suis pas entré ici, c'
est parce que cela nécessite un tout autre ensemble de règles en plus de ce dont j'ai déjà parlé pour l'identité et peut vraiment être tout un ensemble de directives à part entière. Je vais inclure quelques liens dans le PDF, si vous avez certainement besoin d'inclure des lignes directrices sur le site Web qui vous donnera un peu de conseils sur la façon de faire cela bien que aussi bien. Cela couvre tous les détails du contenu que nous allons examiner. Ensuite, je vais passer en revue les derniers détails pour rassembler votre guide.
9. Détails finaux: Hé, tout le monde. Bienvenue dans la dernière vidéo en classe où je vais passer en revue tous les détails que vous devez savoir pour juste mettre vos livres au point et finir. Je vais vous guider à travers quelques conseils concernant la composition et boutonnage du design qui, je pense, serait utile juste pour mettre la touche finale à vos guides. Alors je vais vous emmener à travers le dernier Sloan Taylor, les gars. Vous pouvez voir comment tout s'est réuni à la fin. Il suffit également de vous donner un peu d'informations sur les types de fichiers et comment les configurer pour l'utilisation de votre client. Alors plongons juste dans. Vous devriez maintenant avoir un guide de style entièrement complété avec toutes vos pages conçues et tout le contenu inclus. Avant de le terminer complètement et de l'envoyer au client, il y a quelques choses que je recommande de faire, et la première chose est de vérifier votre contenu. Je vérifie l'orthographe deux fois. J' y passe toujours deux fois parce que j'ai tendance à m'y précipiter. Si ce n'est pas les deux fois, alors certainement la première fois que je me précipite à travers elle et j'ai toujours tendance à manquer une chose ici ou là. Donc je pense que c'est important de le faire avec soin. Ensuite, vous voulez également lire votre contenu pour plus de clarté, assurer que tout a un sens parfait et
vous sortir un peu de votre cadre
de référence de conception et vous assurer que toutes les instructions que vous êtes donner aurait du sens à quelqu'un qui n'est pas aussi familier avec la marque. Ensuite, assurez-vous d'avoir inclus toutes les informations nécessaires. Revenez en arrière et comparez le guide avec le plan de contenu original que vous avez
fait et assurez-vous d'avoir inclus tous les détails nécessaires. Maintenant la composition de base. Mon premier emploi à la fac, j'ai fini par travailler beaucoup sur les rapports annuels. J' ai donc beaucoup appris sur la composition que je n'ai certainement pas appris à l'université. Tous ces petits détails qui sont méticuleux et parfois frustrants car ils sont pour réellement exécuter vraiment aider à polir un document et à les rendre super professionnels à la fin. Donc, cette classe est certainement trop courte et simple pour que je puisse y aller dans les moindres détails. Mais j'ai pensé que je vais au moins passer par quelques rudiments pour vous aider à démarrer et simplement vous fournir quelques ressources supplémentaires dans le PDF. Donc, je vais juste passer par cinq choses qui, je pense, sont les outils de composition les plus importants que vous devriez utiliser. Tout d'abord, est de trouver un remplacer des espaces doubles. Il y a encore un peu de débat là-dehors à ce sujet. Mais dans la communauté du design à travers le monde, vous ne devriez utiliser qu'un espace après une phrase. Je sais qu'on ne nous a pas appris de cette façon. On m'a certainement appris à l'école à taper deux espaces après une période. Mais quand il s'agit de composition, c'est tout simplement incorrect. Il permet une expérience de lecture beaucoup plus agréable lorsque vous n'avez pas ces grands blocs de blanc entre chaque phrase qui brisent votre modèle de lecture. Donc, assurez-vous toujours qu'il y en a un et vous pouvez simplement faire une recherche et le
remplacer très rapidement dans InDesign pour vous en débarrasser. En fait, je fais toujours ça deux fois aussi bien parce que vous ne savez jamais parfois si trois espaces pouvaient apparaître et dans ce cas, faire le remplacement final une fois ne prendrait soin que d' un de ces espaces et alors vous seriez toujours laissé avec le double espace. Donc, toujours passer par ça deux fois. La prochaine chose est de s'assurer que vous utilisez des guillemets intelligents, vous ne voulez certainement pas utiliser les marques int que vous voyez sur la gauche. Les guillemets intelligents à droite sont des guillemets bouclés. Ce sont le glyphe typographique approprié à utiliser. L' utilisation de ceux-ci est un paramètre très simple dans vos préférences. Regardez donc vos préférences dans la section typographique et vous y trouverez une case à cocher. Habituellement, cela dit simplement Utiliser des guillemets intelligents. Alors assurez-vous toujours que c'est coché. Je passe généralement par et je vérifie juste deux fois, scanne le texte entier pour n'importe quelle instance de guillemets et je m'assure qu'ils sont des guillemets intelligents et vous pouvez les changer manuellement si, pour une raison quelconque, ce paramètre ne s'applique pas à tous de vos glyphes. Troisièmement, est d'enlever tous les orphelins et les veuves. Donc, si vous n'êtes pas familier avec cela, un orphelin est un seul mot ou un regroupement de deux mots très courts qui tombe d'une colonne à la colonne suivante et atterrit en haut de la colonne tout seul. Ensuite, une veuve est aussi un petit mot ou quelques mots très courts qui tombent à la fin d'un paragraphe. Encore une fois, comme avec les doubles espaces, cela empêche simplement une lecture très douce et propre. C' est quelque chose que vous voulez certainement éviter et assurez-vous que vous vous en débarrassez en
ajustant le suivi et en ajustant la césure, que je vais également obtenir dans les prochains conseils pour faire vous assurer qu'aucun de ces éléments n'existe dans votre contenu. Maintenant, la prochaine chose que vous voulez faire est d'ajuster le chiffon de votre texte. Cela peut ne pas être nécessaire si vous n'utilisez pas de longs paragraphes de texte dans votre guide. Si vous n'avez qu'une phrase ou deux d'une description, ce n'est pas quelque chose que vous avez besoin de vous embêter pendant longtemps,
mais si vous avez une copie complète, c'est quelque chose que vous voulez vous assurer de porter un peu d'attention. Comme vous pouvez le voir à gauche, c'est un exemple incorrect où le chiffon fait réellement une forme de vague sur le côté droit de celui-ci. C' est une lecture très agitée quand quelque chose ressemble de cette façon. Donc, ce que vous voulez viser est quelque chose de plus comme ce que vous voyez à droite, où vous avez un rythme très régulier de lignes de textes et il n'y a pas une forme distincte qui vous distrait vraiment et si vous plissez les yeux, vous obtenez vraiment une grande couleur très cohérente avec tout le texte. C' est aussi quelque chose que vous voulez ajuster avec le suivi et la césure. C' est aussi quelque chose comme je l'ai dit, que je ne vais pas m'impliquer en ce moment, mais je m'assurerai que vous avez les ressources pour en apprendre plus à ce sujet plus tard. La dernière chose que vous voulez faire est de nettoyer la césure. Comme vous pouvez le voir à gauche, ce paragraphe contient une tonne de césure, ce
qui se produit souvent dans InDesign lorsque vous utilisez les paramètres par défaut. Donc tu veux éviter quelques choses ici. Vous voulez éviter trop de traits d'union d'affilée. Vous pouvez voir en regardant vers le bas vers la fin du premier paragraphe, il y a trois traits d'union d'affilée. C' est certainement beaucoup trop. Je n'en aurais même pas deux d'affilée, si possible. Ensuite, l'autre chose ici est que vous avez deux du même mot exactement coupés. C' est quelque chose que vous voulez absolument éviter. Ainsi, tout cela peut être ajusté grâce à l'utilisation du suivi et des paramètres de césure. Une chose que j'utilise toujours est l'ajustement de ligne unique par opposition au paragraphe. C' est quelque chose qui vous permet de vraiment ajuster chaque ligne de texte en termes de suivi et d' espacement afin qu'elle ne
remanie pas le paragraphe chaque fois que vous effectuez un ajustement. Je trouve toujours que cela se prête à beaucoup meilleurs résultats lorsque vous composez un paragraphe. Ensuite, juste de petits ajustements de conception que vous voulez passer et faire. Activez simplement vos lignes de grille et assurez-vous que tout est bien aligné, que tout est cohérent d' page à l'autre en termes d'emplacement sur les lignes de grille. Nettoyez vos couleurs. Comme vous pouvez le voir dans cet exemple de palette, c'est avant qu'ils ne soient entièrement nettoyés. J' ai quelques couleurs PMS, puis j'ai quelques couleurs CMJN qui sont nommées de façon incohérente. Vous voulez vous assurer que, numéro 1, vous n'avez pas de couleurs dans votre palette qui ne sont pas utilisées, ce qui est une solution très rapide dans le menu déroulant des nuanciers. Vous pouvez simplement sélectionner tout en cours d'utilisation, puis les supprimer à partir de là. Ensuite, vous voulez aussi simplement tout renommer, a dit qu'ils sont cohérents et qu'il est juste très facile à regarder. Ensuite, vous voulez également nettoyer vos feuilles de style, ce qui est quelque chose que vous devriez l'utiliser dans toute la mise en page, si vous utilisez beaucoup de texte. Je n'ai pas beaucoup abordé les feuilles de style plus tôt parce que encore une fois, c'est un tout autre sujet qui nécessiterait un peu plus de temps. Je vais fournir des ressources pour des informations sur les feuilles de style. Mais en général, vous devriez les utiliser autant que possible parce que
ce qui vous permet de faire est de prendre un style, par exemple, cette copie du corps que vous pouvez voir sur le côté gauche de mon guide, et juste l'appliquer rapidement à n'importe quel autre de cette copie corporelle tout au long du livre. Ensuite, si vous voulez apporter une modification à ce style, disons changer la taille du type ou la location. Ensuite, tout ce que vous avez à faire est d'aller dans cette feuille de style et de faire l'ajustement là, et cela s'appliquera à tout ce qui est appliqué à. C' est nettoyer les feuilles de style, vous voulez juste vous assurer qu'il n'y a
rien qui n'est pas utilisé dans la palette, et que tout est appliqué de manière cohérente de la même manière. Vous voulez juste un bouton et assurez-vous qu'il est très propre. Maintenant, je vais juste retourner à travers le dernier guide de style Sloan Taylor juste pour que vous puissiez voir comment cela s'est réuni très rapidement. Nous allons le regarder dans des spreads afin que vous puissiez voir comment chaque page se connecte à la suivante. Alors couvrez et puis nous avons la couverture intérieure, et la table des matières, où elle est décomposée en sections. La section essence de la marque. J' ai inclus le tableau d'ambiance ici parce qu'il s'agit d'un contenu visuel de très haut niveau. Puis le ton de la section vocale, qui est très court et doux. Ensuite, la section des éléments de marque, qui est la majeure partie du contenu ici. Nous commençons par l'utilisation du logo, la palette de couleurs, la typographie. Nous avons l'espace blanc, le motif, puis l'illustration. Ensuite, j'ai les exemples d'utilisation dans sa propre section séparée. J' ai divisé l'impression ici parce que l'intention était toujours qu'il y ait un composant web qui serait ajouté plus tard sur la ligne. Ensuite, vous pouvez juste voir toutes les applications ;
différentes applications de papeterie, toutes à côté de l'autre. Ensuite, nous avons l'intérieur de la couverture arrière et cette page face. Ce que je fais habituellement dans tous mes guides, c'est d'avoir des coordonnées. Cela donne la possibilité d'inclure à la fois le contact comme la marque elle-même et ensuite aussi le contact du studio de conception, sorte que toute personne utilisant le guide dispose de plusieurs canaux pour obtenir des réponses à ses questions. Ensuite, nous avons la couverture arrière et c'est tout. Rapidement avant de partir, je veux juste parler très brièvement des formats de fichiers parce que
l'une des autres choses qui va de pair avec l'envoi d'un guide de style est l'envoi de l'illustration finale. Je veux juste vous donner un aperçu de la façon dont je fais ça. Généralement, ce sont les quatre formats de fichiers que j'aborde ou avec lesquels je travaille. fichiers EPS, JPEG, PDF et fichiers PNG. Un fichier EPS est ce que j'utilise pour tout ce qui est basé sur des vecteurs. Tous les logos, tous les échantillons de motifs qui doivent être utilisés, tout autre élément graphique vectoriel. J' inclut généralement aussi des JPEG de logos et de choses comme ça. Cela a tendance à être utile si vous utilisez un PowerPoint ou quelque chose comme ça, cela va être vu à l'écran. J' ai trouvé à travers l'expérimentation d'utiliser ce type d'applications que les JPEG
haute résolution fonctionnent vraiment bien dans quelque chose comme un PowerPoint qui doit également être imprimé. Je n'inclut pas toujours les fichiers PDF, mais parfois les gens les demandent en plus des fichiers EPS. Je les fais via Illustrator afin qu'ils soient également basés sur des vecteurs, mais ils sont visibles sur n'importe quelle machine dans beaucoup d' applications
différentes où un fichier EPS est vraiment ouvert dans Illustrator, si vous voulez toujours éditer les vecteurs. Ensuite, les fichiers PNG que j'utilise sur le web. Vous pouvez avoir de la transparence dans ces fichiers par opposition à un JPEG, ce qui est vraiment utile. C' est généralement ainsi que fonctionne la structure de mes dossiers que j'envoie. J' envoie un dossier zippé qui a toute une structure de dossiers à l'intérieur. Généralement, je vais avoir le dossier principal avec l'illustration finale. Puis pour cette marque particulière que je vous montre, les deux principales choses que j'envoyais de logos et de motifs. Ce logo avait plusieurs options différentes, il avait un logo principal, une marque secondaire et une option empilée. Dans ces trois dossiers, j'ai aussi un dossier pour l'impression et l'écran. C' est ainsi que je sépare les différents formats. Cette personne demande des fichiers AI par opposition à EPS, qui est une solution facile. Donc, je les ai juste sauvegardés en tant que fichiers AI à la place et les ai inclus ici. Comme vous pouvez le voir, je viens d'enregistrer les différentes options avec leur nom de couleur étiqueté à la fin. C' est comme ça que je les distingue. Vous pouvez voir ici j'ai un CMJN noir, fois codé PMS, et non codé sur RVB et blanc. Ce sont toutes les différentes options de couleur qui s'appliquent à ce logo spécifique. Ensuite, les mêmes options de couleur en dehors des options PMS et CMJN, seraient simplement traduites à l'écran. Ensuite, je fais la même chose pour les marques secondaires et les marques empilées. Ensuite, pour les modèles, c'est vraiment aussi le même type d'approche. Je commence généralement avec des fichiers
vectoriels pour les échantillons de motifs que je crée dans Illustrator. C' est généralement ce que je veux recommander aux gens d'utiliser de toute façon. Mais j'inclut aussi des fichiers numériques haute résolution et basse résolution pour l'écran, sorte que si quelqu'un voulait les utiliser dans une présentation PowerPoint ou quelque chose à cet effet, il pourrait le faire. Alors c'est comme ça que j'organise tout. C' est très structuré et hiérarchique. Comme je l'ai dit, j'ai juste zip le dossier et l'envoyer avec le guide et c'est généralement assez suffisant. C' est tout pour la façon de créer un guide de style. J' espère que vous apprécierez ça et que vous en avez tiré quelque chose. J' ai vraiment hâte de voir ton travail. Merci. Hé tout le monde. J' aime juste prendre une minute pour vous présenter le sponsor officiel de ce cours, Squarespace. Maintenant que vous avez terminé votre projet d'identité de marque, l'
une des prochaines étapes logiques consistera à le mettre en place sur un site Web. Nous ne sommes pas tous qualifiés dans le design web ou n'avons pas accès à un développeur. Dans ce cas, Squarespace est vraiment une excellente option. Squarespace fournit une plateforme tout-en-un pour créer rapidement et facilement un site Web avec modèles réactifs à l'
aspect professionnel à choisir et 24-7 ou un support via le chat en direct et le courrier électronique. Vous pouvez essayer Squarespace en vous inscrivant pour un essai, sans carte de crédit requise et bien commencer. Ce qui est encore mieux, c'est qu'en tant qu'étudiant de cette classe, vous pouvez obtenir 10% de réduction lorsque vous vous inscrivez. suffit d'aller à l'URL que vous voyez sur votre écran, squarespace.com/courtney, entrez le code d'offre skill6. Merci beaucoup d'avoir soutenu cette classe et merci encore à Squarespace. Un meilleur web commence avec votre site web.