IDENTITÉ GRAPHIQUE Guide de mise en place d'une identité visuelle quand on a pas ou peu de budget

Transcription

1 IDENTITÉ GRAPHIQUE Guide de mise en place d'une identité visuelle quand on a pas ou peu de budget v#1.5 février 2015 Par pour DA / Graphiste / Illustrateur

2 Préambule Sommaire PRÉSENTATION David Torondel, graphiste et illustrateur. Après une formation de communication visuelle à l école Brassart, à Tours, j ai ensuite été salarié pendant 8 ans d'une petite agence de communication en province, puis directeur artistique dans une agence web à Paris, pendant un an. Enfin je me suis installé en indépendant, en Je suis installé en Bretagne depuis 2006, mais mes clients sont à 95% des agences de communication parisiennes. Je travaille principalement pour des grosses sociétés dans le domaine de l énergie : EDF, Areva, Dalkia, Veolia, Total, Cofely, le CEA... mais aussi d autres domaines comme le secteur bancaire, des sociétés de service, etc. Les agences de communication avec lesquelles je travaille sont plutôt axées sur la communication pédagogique, qui est un secteur que j'apprécie particulièrement. J'essaye d'être le graphiste le plus polyvalent possible : édition, illustration, animation, web... Je ne suis pas spécialisé dans la création d'identité visuelle, mais j'ai dû en réaliser une bonne trentaine depuis mes débuts. OBJECTIFS DE CE GUIDE N'importe quelle activité, commerciale, associative, ou autre, a besoin de communiquer, et pour que cette communication soit efficace, elle nécessite d'avoir une identité visuelle cohérente. Cela a un coût, or une société qui se lance n'a généralement pas beaucoup de moyens, voire n'en a pas du tout. Ce guide s'adresse à ces 2 cibles : d'abord ceux qui n'ont pas beaucoup de budget, et ensuite ceux qui n'ont pas. Dans le premier cas de figure le but sera de vous donner des conseils et outils pour chercher le bon prestataire, mettre en place une collaboration productive, ce qui permet de gagner du temps, et donc de l'argent. Dans le 2e cas de figure, pour ceux qui n'ont pas de budget, le but sera d'essayer de vous permettre de vous passer d'un prestataire, et de réaliser vous-même votre identité visuelle. Que vous soyez dans l'un ou l'autre cas, j'ai essayé de faire en sorte que les 2 rubriques soient le plus complémentaires possible. L identité graphique, qu est-ce que c est? 2 Je n ai qu un budget réduit, comment faire? 10 De quel type de prestataire je vais avoir besoin? 11 Comment choisir le prestataire? 14 Une fois le prestataire choisi, comment formuler ma demande? 15 Comment juger la proposition qui m a été faite? 17 Ai-je besoin d une charte graphique? 23 Derniers points à vérifier 25 Je n ai aucun budget, comment faire? 26 Je contacte les écoles de graphisme / Troc 27 Je me mets au travail moi-même 28 Je rédige un cahier des charges - Je cherche l inspiration Quel logiciel? Quelle méthodologie? Le choix de typographie Trouver des typographies Le pictogramme Le choix de couleurs Accords de couleur Comment juger son propre travail? Finalisation Liens utiles 41 Annexes 42 1

3 L identité graphique, qu est ce que c est? Définition de Wikipedia : «Ensemble d'éléments visuels cohérents qui permettent d'identifier une même entité au travers des différents médias de communication qu'elle émet.» Toute société a besoin de communiquer, et ce au travers d un nombre important de médias. Il y a quelques années une société n utilisait quasiment que la communication «papier» (cartes de visites, plaquettes, flyers ). Aujourd hui les canaux de communication sont multiples. Les sites internet, réseaux sociaux, applications mobiles, etc. se sont ajoutés et il est important de les prendre en compte, d intégrer leurs spécificités techniques, dès la conception de votre identité visuelle. Nous allons donc prendre un panel d éléments de communication, papier, objets, écrans numériques que vous serez susceptibles d utiliser. Pour illustrer mes propos, je vais utiliser une fausse identité graphique d une société fictive : MBOX. Imaginons que cette société commercialise des moustaches postiches, vendues par lot, en boite. 2

4 3 Voici déjà une visualisation «vierge» d un panel de médias que cette société va être susceptible d utiliser. Les principaux éléments visuels qui composent une identité visuelle sont :

5 - le logo 4

6 - la ou les polices de caractères 5

7 - la ou les couleurs 6

8 - et parfois aussi : l iconographie utilisée (photos, illustrations ) et le traitement éventuel de celles-ci. 7

9 - et parfois aussi : l iconographie utilisée (photos, illustrations ) et le traitement éventuel de celles-ci. 8

10 L identité graphique, qu est ce que c est? Nous venons d illustrer la définition stricte de Wikipedia, à savoir que nous venons de voir tous les éléments visuels qui permettent d avoir une cohérence d ensemble. Mais il manque une notion essentielle à tout ceci : avant même de vous garantir une cohérence, votre identité graphique doit surtout véhiculer vos valeurs. Attention, cette notion est importante : ce n est pas votre identité graphique qui doit vous définir. Ce n est pas elle qui FAIT votre projet. C est vous qui définissez votre projet, ses valeurs, ses objectifs. Une bonne identité graphique se mettra au service de votre message, viendra l appuyer en optimisant sa lisibilité. Une autre erreur fréquente est de penser que le logo est le seul éléments nécessaire. Il est en effet l élément le plus important, mais n est que le point de départ de votre identité visuelle. 9

11 Cas n 1 Je n ai qu un budget réduit, comment faire? 10

12 Je n ai qu un budget réduit, comment faire? 1 De quel type de prestataire je vais avoir besoin? 2 possibilités s offrent à vous : une agence de communication globale, ou un (ou des) indépendants. Quels sont les avantages et inconvénients des 2? AGENCE Avantages : panel de prestation plus large (intéressant si vous savez déjà que vous aurez besoin d un accompagnement global portant aussi sur la rédaction, du conseil, etc.) il y aura potentiellement plusieurs personnes qui pourront travailler sur votre dossier Inconvénients : tarifs généralement plus élevés vous ne savez pas forcément quelle sera la personne qui va travailler sur votre dossier, ni si elle sera présente sur le long terme. INDÉPENDANT Avantages : Interlocuteur unique tarif généralement moins élevé qu une agence Inconvénients : si l indépendant arrête son activité ou est malade, vous êtes bloqué 11

13 Je n ai qu un budget réduit, comment faire? 1 De quel type de prestataire je vais avoir besoin? TARIFS MOYENS identité visuelle «simple» : Création d un logo. Présentation de 3 axes créatifs + Mise au point de l axe retenu + Réalisation de la papeterie (un modèle de carte de visite, papier à entête, signature ) identité visuelle «complete» : Création d une identité visuelle. Présentation de 3 axes créatifs + Mise au point de l axe retenu + Réalisation de la charte graphique envisageant les usages de l identité visuelle sur la papeterie, documents Words / PowerPoints, pochette, Dossier de Presse, Mailing. AGENCE AGENCE INDÉPENDANTS INDÉPENDANTS L estimation budgétaire de la création d un logo et d une identité visuelle est complexe, car il est très difficile d estimer le temps qui va être nécessaire pour leur réalisation. C est pourquoi il est primordial de rédiger un cahier des charges précis avant de demander un devis à un prestataire. C est aussi pourquoi la notion de «tarif moyen» est à prendre avec beaucoup de réserves. Sources de l indication des tarifs : sondage Grapheine de 2012, plus sondage personnel auprès d une quinzaine de sociétés et indépendants 12

14 Je n ai qu un budget réduit, comment faire? 1 De quel type de prestataire je vais avoir besoin? LES FAUSSES BONNES IDÉES LE CROWDSOURCING? Beaucoup de sites fonctionnent sur ce principe, qui consiste à proposer à des centaines de graphistes de répondre à des appels à projet dans le but de créer le logo d un client et de gagner 200 pour celui qui aura remporté la faveur du client. Il peut sembler alléchant de se dire que vous allez avoir des centaines de propositions pour votre logo, pour un tarif aussi bas. Il faut d abord se poser les questions suivantes : - Dans une boulangerie, gouteriez-vous plusieurs baguettes, avant de demander à ne payer que celle que aurez le plus aimé? - En tant que jeune entrepreneur, accepteriez-vous que vos clients vous mettent en concurrence avec 200 autres sociétés, pour n en payer qu une à la fin? Outre ces questions éthiques, il suffit de discuter avec des personnes ayant essayé pour s apercevoir que la qualité de la prestation finale est très souvent médiocre. A tel point que je connais des agences de communication qui passent par ce type de service pour se créer à moindre coût ce qu on appelle des «logos repoussoirs» dans leurs propositions... UN APPEL D OFFRES? Pourquoi pas, mais pour les mêmes raisons éthiques décrites ci-dessus, ne faites pas un appel d offres non rémunéré. ALORS UN CONCOURS? Une grande mode aussi... en clair, ce n est ni plus ni moins qu un appel d offre non rémunéré, déguisé en «concours». Les 3 solutions ci-dessus sont possibles. Mais sachez qu aucun bon graphiste ne les acceptera. 13

15 Je n ai qu un budget réduit, comment faire? Comment choisir le prestataire? 2 Le bouche à oreille est encore le meilleur outil! En premier lieu faire le tour de son entourage, les entrepreneurs que vous connaissez, et leur demander par quel prestataire ils sont passés, s ils en sont contents, et pourquoi. Eviter toutefois les retours d expérience trop courts, c est parfois sur la durée, dans le suivi, que les soucis apparaissent. Privilégier également les conseils de sociétés ayant le même profil/budget que vous. Si vous n avez pas assez de contacts pour passer par ce biais, ne pas hésiter à faire de l «espionnage communicationnel»! Vous repérez une société qui a une bonne communication, dont l identité graphique vous semble particulièrement performante : débrouillez vous pour savoir quel a été le prestataire (crédits du site internet, signature au dos des supports papiers, etc.) Dernier recours : faire tout simplement une recherche par internet. «agence de communication», «graphiste indépendant», rajouter votre ville, département ou région si vous préférez un prestataire local. Une fois que vous avez repéré une agence ou un indépendant dont le travail vous plait, vérifiez s il a dans ses références des travaux dans des secteurs d activités proches du votre, ou au moins si le style des travaux s approche de ce que vous recherchez. N hésitez pas à contacter plusieurs prestataires pour des demandes de devis (au moins 3), et idéalement demandez des devis aux 2 types de prestataires (agence et indépendant). Gardez aussi en tête que rien ne vous empêche de passer par exemple par un indépendant pour la création de votre identité graphique, et ensuite passer par une agence globale pour la suite de votre communication. 14

16 Je n ai qu un budget réduit, comment faire? 3 Une fois le prestataire choisi, comment formuler ma demande? L idéal est de rédiger un cahier des charges, le plus précis possible. Le cahier des charges d une identité graphique n a pas besoin de faire 50 pages, mais il y a quelques éléments indispensables à ne pas oublier. Voici un exemple de chemin de fer de base : Détaillez en quelques lignes votre activité, sans oublier votre cible (B2B, B2C, etc.) Précisez bien quelle est votre attente. Une «identité graphique», cela peut aller du simple logo jusqu à la création d une charte graphique de 100 pages qui détaillera toutes les déclinaisons possibles d utilisation. Si ce logo devra pouvoir être utilisé sur des supports spécifiques, précisez-le aussi. Afin de permettre au prestataire de bien cerner votre demande, détaillez quelles doivent être les valeurs que vous souhaitez véhiculer. Est-ce que vous souhaitez véhiculer une image «rassurante», ou «dynamique», etc.? Evitez de tomber dans le piège des contradictions! C est un running gag entre graphistes, nous avons tous reçu des briefs incohérents qui nous demandent par exemple de créer un graphisme «institutionnel, rassurant, dynamique et innovant». Evitez aussi la demande du type : «notre logo doit évoquer notre pluri-disciplinarité et capacité d adaptation dans des domaines aussi variés que l agro-alimentaire, la mode, le luxe, sans oublier les cibles secondaires tel que le B2B. Le tout devant rester sobre et refléter notre dynamisme.» En résumé, votre logo ne devra pas «tout dire» de votre activité. Essayez au maximum de simplifier le message que vous souhaitez le faire véhiculer. Indiquez des exemples de réalisations que vous aimez, en détaillant ce que vous aimez, mais également des exemples de réalisations que vous n aimez pas, là aussi en expliquant pourquoi. Si vous avez des concurrents directs, indiquez-le, pour éviter que le prestataire ne vous propose une identité qui soit trop proche. 15

17 Je n ai qu un budget réduit, comment faire? 3 Une fois le prestataire choisi, comment formuler ma demande? Un exemple de ce qu aurait pu être le cahier des charges de «MBOX». NOTRE ACTIVITÉ : Vente en ligne de boites de moustaches postiches. Chaque boite comprend un lot de 10 moustaches différentes. L utilisateur peut ainsi changer quand il veut de forme de moustache. Toutes les boites existent dans différentes couleurs de pilosité. NOTRE CIBLE : masculine, urbaine, branchée, plutôt dans une tranche d âge de 20 / 40 ans. NOTRE ATTENTE : réalisation d un logo, au nom de «mbox», avec la baseline «La boite à moustaches». Le logo doit pouvoir être décliné en une ou plusieurs couleurs tout en restant clairement identifiable. Il sera utilisé sur un grand type de supports : packaging, papeterie, réseaux sociaux, site internet. Donc prévoir un encombrement pouvant s adater à tous ces supports. Dans un second temps, nous aurons besoin d une charte graphique «minimum», à savoir des consignes pour déclinaisons sur quelques supports type. Ces déclinaisons porteront sur l emplacement du logo, les couleurs, mais aussi le traitement des éléments visuels d accompagnement. Pour ces derniers, nous souhaiterions avoir au moins 1 ou 2 propositions différentes (photos, illustrations...). NOS VALEURS : nous souhaitons véhiculer une image «branchée» et «urbaine» mais «élégante». Eviter de tomber dans une ambiance trop humoristique, qui pourrait donner une image «farce et attrape» à notre produit. MBOX est un accessoire de mode, pas un déguisement. EXEMPLES DE RÉALISATIONS DANS NOTRE COEUR DE CIBLE : - Nous aimons : identité forte. Nous aimons moins : tête de mort dans le logo, trop «trash» - Nous aimons : graphisme sobre et décalé - Nous aimons moins : lisibilité un peu faible - Nous aimons : graphisme à la fois vintage et actuel - Nous aimons moins : ambiance générale trop sobre - Nous n aimons pas : ambiance générale trop vieillotte. - Nous n aimons pas : identité trop décalée - Nous n aimons pas : lisibilité du texte trop faible 16

18 Je n ai qu un budget réduit, comment faire? 4 Comment juger la proposition qui m a été faite? Le prestataire me soumet plusieurs propositions de logos, éventuellement avec des exemples d utilisation. Par exemple : la boite à moustaches la boite à moustaches BOX la boite à moustaches la boite à moustaches Lorem ipsum dolor sit amet, consectetuer adipiscing Lorem ipsum dolor sit amet consect Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justinteger tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. la boite à moustaches elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultri ies nec, pellentesque eu, pretium quis, sem. Nulla cons equat massa quis enim. Donec pede justinteger tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligulaend ac, enim.liqu am lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. BOX la boite à moustaches Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean codo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla coquat massa quis enim. Donec pede justinteger tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Si un argumentaire est joint aux propositions, dans un premier temps ne le lisez pas! Autant avoir un regard le plus neutre possible, c est de toutes façons ce que verront vos clients. Qui-plus-est, les argumentaires en question n ont souvent qu une valeur très relative. 17

19 Je n ai qu un budget réduit, comment faire? 4 Comment juger la proposition qui m a été faite? LISIBILITÉ Vérifiez la lisibilité des logos en petit, en grand, en une seule couleur. N hésitez pas à demander au prestataire de vous fournir ces déclinaisons si cela n a pas été fait. la boite à moustaches la boite à moustaches BOX la boite à moustaches BOX BOX BOX 18

20 Je n ai qu un budget réduit, comment faire? 4 Comment juger la proposition qui m a été faite? HIÉRARCHIE Vérifiez que la hiérarchie des éléments fonctionne bien. Pour cela, vous pouvez utiliser la technique du «coup d oeil». Vous mettez le logo devant vous, sans le regarder. Vous attendez 5 secondes, puis vous le regardez juste une fraction de seconde, puis détournez le regard. Toujours sans le regarder, réfléchissez à ce que vous avez eu le temps de lire et comprendre. Cette technique permet de voir que : la boite à moustaches La lettre «o» est un peu trop fine en comparaison aux autres. On a tendance à lire «m» «b» «x» la boite à moustaches La moustache dans le «O» brouille un peu la lisibilité du mot BOX BOX la boite à moustaches Le «M» est trop prégnant par rapport au reste, et cannibalise la lecture rapide. A noter que cette technique du «coup d œil» fonctionne pour tout type d élément visuel (flyer, affiche, etc.). 19

21 Je n ai qu un budget réduit, comment faire? 4 Comment juger la proposition qui m a été faite? AVIS D UTILISATEURS Un point important à garder en tête : le but du logo n est pas de vous plaire à vous, mais à vos clients. Vous devez vous y reconnaître, donc y adhérer, mais vous n êtes pas la cible principale. L idéal est donc de soumettre les propositions à un panel constitué d une dizaine de personnes dans votre cœur de cible. Ne leur demandez pas juste de vous détailler leur avis sur les logos, vous auriez au final des dizaines de retours discordants dont vous ne saurez pas quoi faire. Préférez la forme d un sondage, vous leur demandez de classer par ordre de préférence les propositions. la boite à moustaches la boite à moustaches BOX la boite à moustaches Merci de classer par ordre de préférence les logos ci-dessus : 1 : 2 : 3 : a b c Remarques (optionnel) : 20

22 Je n ai qu un budget réduit, comment faire? 4 Comment juger la proposition qui m a été faite? DÉCLINAISONS Essayez d anticiper les futures déclinaisons. N hésitez pas à «mélanger» les ingrédients si cela vous semble cohérent, en concertation avec votre prestataire. la boite à moustaches Lorem ipsum dolor sit amet consect Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justinteger tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. la boite à moustaches Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultri ies nec, pellentesque eu, pretium quis, sem. Nulla cons equat massa quis enim. Donec pede justinteger tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligulaend ac, enim.liqu am lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. BOX la boite à moustaches Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean codo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla coquat massa quis enim. Donec pede justinteger tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. La frise de moustache multicolore est intéressante, elle permet de montrer en un coup d œil que les boites contiennent plusieurs styles de moustaches. Le fond de couleur peut-être contraignant à l usage, nécessite un gros volume d encre sur la papeterie courante. L utilisation de photo est attractive, mais nécessite de trouver plusieurs portraits aussi percutants. En vérifier la disponibilité avant d opter pour une telle piste. L utilisation d illustrations donne une personnalité plus marquée, mais comme précédement vérifier la disponibilité de déclinaisons avant de trancher. 21

23 Je n ai qu un budget réduit, comment faire? 4 Comment juger la proposition qui m a été faite? CHOIX FINAL Le choix final porterait sur la piste A, en demandant un épaississement de la lettre «o». la boite à moustaches Concernant les déclinaisons, utilisation des illustrations de la piste C, avec la frise de moustache multicolore de la piste A. la boite à moustaches la boite à moustaches la boite à moustaches Lorem ipsum dolor sit amet consect Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Lorem Cum sociis ipsum natoque dolor sit amet, consectetuer adipiscing elit. Aenean penatibus et magnis dis parturient montes, commodo nascetur ridiculus ligula eget dolor. Aenean massa. Lorem Cum sociis ipsum natoque dolor sit amet, consectetuer adipiscing elit. Aenean mus. Donec quam felis, ultricies nec, pellentesque penatibus eu, et magnis dis parturient montes, commodo nascetur ridiculus ligula eget dolor. Aenean massa. Cum sociis natoque pretium quis, ate eleifend tellus. Aenean leo mus. ligula, Donec porttitor quam felis, ultricies nec, pellentesque penatibus eu, et magnis dis parturient montes, nascetur ridiculus eu, consequat vitae, eleifend ac, enim. Aliquam pretium lorem quis, ante, ate eleifend tellus. Aenean leo mus. ligula, Donec porttitor quam felis, ultricies nec, pellentesque eu, Lorem ipsum dapibus in, viverra quis, feugiat a, tellus. Phasellus eu, consequat viverra nulla vitae, eleifend ac, enim. Aliquam pretium lorem quis, ante, ate eleifend tellus. Aenean leo ligula, porttitor dolor sit Lorem ipsum ut metus varius laoreet. Quisque rutrum. dapibus in, viverra quis, feugiat a, tellus. Phasellus eu, consequat viverra nulla vitae, eleifend ac, enim. Aliquam lorem ante, amet consect ut metus varius laoreet. dolor sit Quisque rutrum. dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla amet consect ut metus varius laoreet. Quisque rutrum. 22

24 Je n ai qu un budget réduit, comment faire? 5 Ai-je besoin d une charte graphique? Une charte graphique est un document qui contient les règles d utilisation des éléments qui composent l identité visuelle. Elle est utile si vous souhaitez pouvoir confier la réalisation d éléments de communication à différents prestataires, qui ainsi travailleront vos éléments avec la plus grande cohérence possible. La réalisation d une charte graphique est un travail à part entière, si vous souhaitez en avoir une précisez-le dès le départ au prestataire qui pourra ainsi l inclure dans son devis. CHARTE GRAPHIQUE MINIMALE Elle comporte : - Le logo et ses déclinaisons de couleur, comment utiliser le logo sur différents fonds de couleur, les marges minimales à respecter, le positionnement, la taille minimale d utilisation, et les interdits. - La palette de couleur à respecter, avec les codes précis suivants les types de support : codes RVB pour utilisation à l écran, codes hexadécimaux pour utilisation sur le web, codes CMJN pour utilisation en édition. - Les polices de caractères d accompagnement à utiliser. En page suivante un exemple de ce qu aurait pu être la charte minimale de Mbox. CHARTE GRAPHIQUE COMPLÈTE Elle comporte en plus : - Des exemples concrets d utilisation sur différents supports (bureautique, web, édition, vidéo...) - Les règles d utilisation iconographique d accompagnement Des exemples de chartes graphique complètes sont accessibles sur internet :

25 Je n ai qu un budget réduit, comment faire? 5 Ai-je besoin d une charte graphique? Exemple de charte graphique minimale COULEURS TAILLE MINIMALE D ULISATION RVB : R33 - V51 - B70 WEB : # CMJN : C90 - M70 - J50 - N50 RVB : R25 - V39 - B55 WEB : # CMJN : C90 - M70 - J50 - N65 RVB : R227 - V51 - B70 WEB : #4B4B4B CMJN : C0 - M0 - J0 - N15 50 pixels 1,7 cm ZONE DE PROTECTION NOTE : en taille réduite, utiliser de préférence le logo dans sa version monocolore. la boite à moustaches RVB : R153 - V75 - B0 WEB : #994B00 CMJN : C25 - M70 - J100 - N25 La zone de protection minimale à respecter correspond à la taille d une demi-moustache. TYPOGRAPHIE UTILISÉES SOGAN ET TITRES : Pacifico abcdefghijklmnopqrstuvwxyz Police disponible sur Google Font : NOTE : ne pas utiliser en phrases complètes en capitales. ACCOMPAGNEMENT : PT Sans abcdefghijklmnopqrstuvwxyz Police disponible sur Google Font : NOTE : police disponible en regular, bold et italic 24

26 Je n ai qu un budget réduit, comment faire? 6 Derniers points à vérifier FICHIERS SOURCES Le prestataire doit vous fournir les fichiers sources de votre identité visuelle, à minima votre logo. Vous devez avoir celui-ci dans un format vectoriel (.ai,.eps,.svg). Un fichier vectoriel est en résumé un fichier constitué d objets définis par des courbes et segments mathématiques, contrairement à une image «bitmap» (comme les photos), qui sont constitués de pixels. L avantage du format vectoriel est qu il est indépendant de toute notion de taille, donc un fichier vectoriel pourra être imprimé à n importe quel format sans aucune perte de qualité. Les professionnels à qui vous allez demander des supports de communication vont vous demander obligatoirement votre logo en format vectoriel. Dans vos applications bureautiques personnelles, par contre, il est probable que l import de fichier vectoriel ne soit pas possible. Donc demandez également à votre prestataire qu il vous fournisse en plus votre logo en format bitmap, en haute et basse définition. De préférence en png transparent, qui sera plus souple d utilisation. Sinon vous pouvez aussi utiliser un logiciel Open Source, comme Inkscape, qui peuvent ouvrir un format vectoriel et l exporter en bitmap : Pour comprendre rapidement les avantages et inconvénients des différents formats de fichier de logo : PROPRIÉTÉ INTELLECTUELLE Vous devrez vous assurer que vous devenez propriétaire des droits de reproduction (par cession, mention figurant dans la facture). Vous pouvez également déposer votre logo auprès de l'institut National de la Propriété Intellectuelle (INPI). Cette démarche vous fournit une protection juridique contre le risque de plagiat. Plus d infos sur ce sujet : 25

27 Cas n 2 Je n ai aucun budget, comment faire? 26

28 Je n ai aucun budget, comment faire? 1 Je contacte les écoles de graphisme Certaines écoles de graphisme ont besoin de faire travailler leurs élèves sur des cas concrets, et dans ce cadre peuvent parfois accepter de travailler sur un projet professionnel (pas seulement identité visuelle). Par contre cela se fait généralement en fin d année scolaire, pour les projets de fin d études. A tenter, en gardant en tête qu il faut que votre «sujet» présente un intérêt pour les étudiants, et que vous ne serez pas dans une relation client/prestataire. Vous trouverez facilement sur internet des listes des écoles de graphisme. 2 Je tente un «troc» Suivant votre secteur d activité, il peut être envisageable de proposer un échange de services avec un graphiste indépendant. Mais là aussi, il faut garder en tête que l échange doit être équitable. Tous les graphistes ont été contactés au moins une fois avec une demande du genre «Vous me faites mon logo, et en échange je mets votre nom en bas sur mon site, qui va surement cartonner, ca va vous ramener des dizaines de clients...» N envisagez cette solution que si vous avez la possibilité de fournir en retour une prestation d une valeur équivalente à la prestation que vous demandez, pour cela vous pouvez vous référer au tableau de tarifs de la page

29 Je n ai aucun budget, comment faire? Je me mets au travail moi-même 3 Si vous n avez pas d autres options possibles, tentez de faire le travail par vous-même! Si c est uniquement dans un but provisoire, le temps d arriver à trouver un financement, allez au plus simple. Il sera plus facile de faire évoluer votre charte si celle-ci est basique. La meilleure manière d arriver à un résultat efficace est de vous dédoubler, et de travailler en vous mettant à la place du client et du prestataire, en respectant les méthodologies des 2 rôles. JE RÉDIGE UN CAHIER DES CHARGES De la même manière que si vous vous adressiez à un prestataire externe, rédigez un cahier des charges (voir page 15). Cela vous forcera à vous poser les bonnes questions sur vos attentes, objectifs... JE CHERCHE L INSPIRATION Avant de passer concrètement à la phase de recherche, il peut être intéressant de passer du temps dans les galeries de logos. Il en existe des dizaines sur internet, voici les 3 que j utilise principalement : : moteur de recherche par mot clé le plus efficace et complet que j ai trouvé. : pas de moteur de recherche, mais possibilité de trier par couleur, et tags. : moteur de recherche avec proposition automatique de filtres Attention, le but n est pas d aller y chercher un logo à copier! Vous pouvez, par contre, passer du temps à noter des idées, sélectionner les logos qui vous plaisent le plus. Décortiquez-les pour comprendre en quoi ils vous semblent efficaces (logo uniquement typographique, avec ou sans vignette, épuré ou non, le code couleur, les formes, etc.). Le but est avant tout de s immerger dans une qualité graphique, avant de vous même vous mettre au travail. En général je passe une bonne demi-heure dans cette étape de recherche d inspiration, et ensuite je ferme tout, et je prends mes outils. Cette étape de recherche permet de se «tirer vers le haut» et d être plus exigeant avec soi-même. 28

30 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même QUEL LOGICIEL? Un logo se travaille en mode vectoriel. Pour plus de détails sur les avantages du vectoriel versus bitmap sur un logo, visitez ce site : Dans une grande majorité des cas, les graphistes professionnels utilisent la suite logicielle Adobe, plus précisément le logiciel Illustrator, pour la création de logo et de tous les fichiers vectoriels. Ce logiciel peut être acheté sous une forme d abonnement mensuel, à 36 euros/mois. Une version d essai gratuite, fonctionnelle pendant 30 jours, est disponible. Mais il existe une alternative gratuite : le logiciel Open Source Inkscape : Sur le site vous aurez accès à des didacticiels, mais comptez au moins quelques heures de travail avant de prendre en main ce logiciel. Le principe du dessin vectoriel n est pas évident à appréhender au début. Voici un site très pratique pour en comprendre les bases : 29

31 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même QUELLE MÉTHODOLOGIE? Pour certains il est indispensable de d abord concevoir un logo en crayonné. D autres passent directement par l ordinateur. Personnellement je mêle les 2 méthodes. Généralement je commence par des croquis très rapides, et très vite je passe par mon logiciel vectoriel, dans lequel je créé une multitude d objets de base : le texte et la base-line dans différentes polices de caractère, des palette de couleurs, des formes de base, des bouts d éléments graphiques que j ai repérés pendant ma phase de recherche, etc... Ensuite tout le travail est de tester des combinaisons d éléments entre eux. Parfois en croquis d abord, parfois directement sur l ordinateur. Le tout est d avoir l oeil et de passer du temps à analyser les différents éléments. Le déclic peut se faire à partir de n importe quoi : le dessin d une lettre, l imbrication de 2 formes... 30

32 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même LE CHOIX DE TYPOGRAPHIE Le choix d une police de caractère n est pas aussi simple qu il le parait. La base est de choisir une typographie dont le dessin est en adéquation avec votre univers de marque. Il n y a pas de règle absolue, mais voici quelques basiques. Les polices «serif» (à empattement) seront plus adaptés pour exprimer des valeurs classiques, l élégance... Les polices scriptes «anglaises» sont plus adaptées pour l univers du luxe. Les polices scriptes manuscrites s adaptent bien aux logos un peu vintage... Les polices type «BD» ou scolaires pour l univers des enfants. Les polices «sans serif» (sans empattement) seront plus adaptées pour un rendu moderne, minimaliste. Une police «bold» exprimera la puissance, la stabilité. Utilisée dans le milieu du sport, de l automobile, l industrie... Il est possible de trouver des contre exemples... mais vous prenez moins de risque en suivant ces principes de base. 31

33 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même LE CHOIX DE TYPOGRAPHIE Il peut y avoir plusieurs polices différentes dans un logo, si celui ci est composé de plusieurs mots......ou une seule police, mais déclinée en différentes graisses, pour mettre en exergue les mots importants. Privilégiez un encombrement rectangulaire (plus facile à décliner sur les différents supports). Plus votre nom de société sera court, plus il sera facile à «manipuler». Vous pourrez facilement faire varier l encombrement en jouant sur l interlettrage, l utilisation de polices étroites ou élargies, etc. Ces manipulations peuvent vous permettre d aligner des mots de différentes longueurs, et de mettre en exergue ceux qui sont importants. Ces manipulations sont aussi intéressantes dans le cas d intitulés longs, difficiles à insérer dans un espace rectangulaire sans les scinder en plusieurs lignes. BREIZH BIGORNEAUX B R E I Z H BIGORNEAUX LA BASELINE Si votre nom de société n est pas évocateur de votre activité, il est probable que votre logo devra comporter en permanence une baseline. Dans ce cas, intégrez cette baseline dès l étape de réflexion et conception du logo. Sinon vous risquez de vous retrouver avec un logo parfaitement équilibré, mais dans lequel vous ne saurez pas ou placer l accroche. Cette baseline ne doit pas être le «truc en plus que vous ne savez pas ou placer». C est au contraire souvent un élément intéressant qui permet d»asseoir» le logo, de lui faire retrouver une stabilité. 32

34 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même TROUVER DES TYPOGRAPHIES Il existe énormément de sites internet proposant des polices de caractères gratuites. La qualité des polices proposées (lisibilité, exhaustivité des caractères...) n est pas toujours garantie. Voici une sélection de sites que j utilise. Le plus connu, on y trouve des tonnes de polices, mais il faut bien faire le tri! La catégorisation permet de faire un premier tri de style. Certaines polices peuvent sembler très jolies, mais ne pas s adapter à votre nom de société, donc indiquez bien votre intitulé (en minuscules et capitales), dans la zone d aperçu. Si vous souhaitez pouvoir utiliser la même police pour les textes de vos documents, cochez les cases de tri de caractères accentués. Privilégiez un aperçu en petite taille, qui permet de mieux apréhender la lisibilité de la police. Google propose un service de polices hébergées. (ces polices sont utilisables directement sur un site web). Très avantageux si vous souhaitez utiliser la police de votre logo sur votre site internet. Le moteur de recherche est complet, il permet la prévisualisation et le téléchargement des polices sur votre ordinateur également. Plus d infos sur les google fonts : Il existe aussi directement des sélections de polices pour logos... Intéressant si vous avez l impression de ne pas être à même de faire le tri : Vous en trouverez d autres facilement via une recherche google du type «best free fonts for logo design». Vous pouvez même affiner par des mots clés plus précis : «best free bold fonts for logo design», «best free script fonts for logo design», etc. 33

35 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même LE PICTOGRAMME Il existe des logos basés uniquement sur la typographie, mais très souvent l intitulé est accompagné d un pictogramme. Ce picto peut aussi être intégré au lettrage. La création de ce pictogramme est un exercice difficile. Il sert à illustrer le secteur d activité, mais en l épurant au maximum. Il faut arriver à l «essence» de votre message. Prenons l exemple d une librairie spécialisée dans les ouvrages sur les Etats-Unis : l erreur serait de vouloir représenter une jolie librairie avec une carte des USA sur la vitrine. La librairie et la carte sont des éléments trop complexes pour être lisible à la taille d un logo. Il sera préférable d utiliser des symboles tels qu un livre et le drapeau américain. Voici quelques autres exemples de logos tournant autour de la notion de «laboratoire», avec à chaque fois une notion complémentaire. Regardez comment ces notions ont été intégrées. 34

36 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même LE PICTOGRAMME Voici quelques autres exemples efficaces. Etudiez de quelles manières ils ont été travaillés. Jeu positif/négatif, analogies de formes entre plusieurs symboles, analogie entre le symbole et une ou des lettres de l intitulé, etc. L utilisation d un pictogramme n est pas une obligation! Il est possible que votre activité ne soit pas «symbolisable», ou que les notions que vous souhaitez pouvoir véhiculer ne se prêtent pas à une représentation imagée. Par exemple vous lancez «Pharma Coach», un service de coaching pour les pharmaciens. LA BASELINE Votre nom de société est suffisant pour la compréhension de votre activité, et trouver un pictogramme qui évoque la notion de coaching dans la pharmacie va être complexe. De la même manière, ne vous lancez pas dans un projet de pictogramme devant véhiculer des notions ou valeurs trop abstraites. 35

37 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même LE CHOIX DE COULEUR La couleur est un élément important de votre identité visuelle. Certains logos ne reposent quasiment que cet aspect, comme le logo Trivago. Maintenant qu il est connu, il suffit d écrire un mot dans cette suite de couleurs pour l associer à cette marque. Ce qui démontre qu une palette de couleur singulière peut être presque suffisante pour créer une identité forte. Hôtel? L objectif est de trouver une ou des couleurs qui vous différencient, tout en respectant les symboliques usuelles des couleurs. Le tableau ci-dessous détaille les codes occidentaux culturels et émotionnels. Là encore ce sont des tendances générales, rien n empêche de s en affranchir. BLEU SYMBOLIQUES Confiance, calme, confort, sécurité, autorité... DOMAINES SYMBOLIQUES DOMAINES Informatique, santé, institutions... ORANGE Energie, ambition, richesse, enthousiasme, créativité... Jeunesse, alimentation... ROUGE Puissance, passion, action, danger, amour, vigueur... Alimentation, sport, restauration... VIOLET Spiritualité, fantaisie, raffinement, gourmandise... Alimentation, luxe... VERT Nature, calme, santé, espérance, fraîcheur... Environnement, santé MARRON Terre, nature, sérieux, calme, simplicité... Environnement, mode... JAUNE Lumière, science, action, curiosité, positivité... Transport, grande distribution... GRIS Sobriété, tristesse, élégance, respect, humilité... Technologie, luxe... ROSE Féminité, romantisme, fragilité, douceur... Cosmétique, jeunesse... NOIR Elégance, tristesse, mort, autorité, tradition... Mode, esthétique, institutions... Si votre cible peut aussi être non occidentale, vérifiez les éventuelles différences de perception des couleurs. En Chine le rouge est la couleur du mariage, le blanc la couleur de la mort. 36

38 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même ACCORDS DE COULEUR Il est généralement déconseillé d avoir plus de 3 couleurs dans un logo. Trouver un bon accord de couleur n est pas toujours simple, mais il existe des outils pour vous aider à définir des palettes de couleurs harmonieuses. Attention à la différence RVB/CMJN! Le RVB (Rouge/Vert/Bleu) et le CMJN (Cyan Magenta Jaune Noir) sont deux standards colorimétriques utilisés lors de créations graphiques. Les couleurs RVB sont également appelées "couleurs Web" et elles sont plus nombreuses que les couleurs CMJN. Elles comprennent toutes les CMJN et ajoutent quelques teintes plus vives. Ces dernières teintes ne ressortiront pas identiques à l'impression et à l'écran. Il est donc important, quand vous choisissez une couleur, de vérifier qu elle est commune à ces 2 palettes. Pour cela vous pouvez travailler directement en mode CMJN dans le logiciel de création graphique. 37

39 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même COMMENT JUGER SON PROPRE TRAVAIL? Utilisez les mêmes techniques que nous avons abordées des pages 17 à 20. Vérifiez la lisibilité en diminuant la taille de votre logo. Prenez des temps de pause pendant la conception : laissez passer une nuit et revenez voir vos essais avec un oeil «neuf». Utilisez la technique du «coup d oeil», pour vérifier la hiérarchie des éléments. Quand vous avez réalisé ou moins 3 versions de logo, faites un sondage auprès de personnes dans votre cœur de cible. VOUS ÊTES BLOQUÉ? UTILISEZ LA «CONTRAINTE LIBÉRATOIRE» Cela peut sembler paradoxal, mais une technique efficace pour sortir d un blocage créatif est de se donner des contraintes. Déterminez de manière arbitraire une ou des contraintes de travail, par exemple : juste une couleur, que des formes arrondies, que des éléments imbriqués, etc. et re prenez le travail de logo suivant ces contraintes. Rien ne vous empêchera ensuite de sortir de ces contraintes, mais elles peuvent vous aider à amorcer le travail créatif si vous étiez bloqué. Si vous avez du mal à trouver une contrainte : regardez simplement autour de vous et observez : vous avez une étagère triangulaire? Votre contrainte sera d utiliser un triangle. Autre technique : vous prenez un magazine et le feuilletez rapidement. Dès qu une publicité ou une image retient votre attention, vous la décortiquez pour retenir un principe de base de travail : sa composition, ses couleurs, etc. 38

40 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même LA CHARTE GRAPHIQUE Le logo est le premier élément de votre identité visuelle, mais il n en est pas le seul élément. Nous avons vu au tout début qu une identité visuelle était constituée de différents éléments. Maintenant que vous avez créé votre logo, vous devez définir quelles seront les règles d utilisation de ce logo, et de tous les autres éléments qui feront que tous vos documents seront cohérents. Les éléments de base à définir sont : Zone de protection et positionnement du logo. Est-ce que le logo sera toujours centré ou à droite, ou à gauche, en haut ou en bas, et à quelle marge des côtés? On utilise généralement un des éléments du logo comme repère d espacement. Les polices d accompagnement Tous vos documents doivent utiliser les mêmes polices de caractère. Vous pouvez utiliser des polices différentes que celles de votre logo. Privilégiez la lisibilié et l universalité pour les textes courants (polices système, google fonts...) La palette de couleur Là non plus vous n êtes pas obligé de vous restreindre aux couleurs utilisées dans votre logo. Les éléments graphiques Vous pouvez définir toute une série d éléments et règles graphiques. Fond de couleur, bordures, reprise d un élément du logo... Dans les annexes vous trouverez des exemples de cas concrets, avec des méthodes de déclinaisons diverses. Z O N E D E P R O T E C T I O N : Pour définir ces éléments, le plus simple est de travailler sur des cas réels. Réalisez la mise en page de votre carte de visite, d un papier à entête, la couverture d un document... Essayez de les rendre les plus cohérents possibles, et ensuite posez sur le papier les règles qui vous ont permis d arriver à ce résultat. Plus vous la testerez sur différents supports, plus vous arriverez à appréhender les éventuelles impossibilités des règles que vous aurez définies. Pour être efficace, une charte doit trouver le bon équilibre : des règles assez précises et signifiantes, sans non plus tomber dans un carcan difficile à utiliser. N hésitez pas à aller voir des chartes existantes (page 23) pour vérifier que vous n avez rien oublié, et vérifiez la justesse de vos règles. 39

41 Je n ai aucun budget, comment faire? 3 Je me mets au travail moi-même FINALISATION Vous serez amené à fournir votre logo à des prestataires. Pour cela préparez une série de fichiers vectoriels ne contenant que votre logo, dans les différentes déclinaisons nécessaires : - Version vectorielle CMJN pour l impression - Version vectorielle RVB pour le numérique - Version JPEG haute def (minimum 3000 pixels de large) - Versions PNG avec fond transparent, pour l utilisation courante. Vectorisez les polices dans les fichiers vectoriels, pour éviter à vos fournisseurs de devoir les installer. Si vous avez réalisé une charte graphique, fournissez-là en format PDF, ainsi que les fichiers de polices. 40

42 Liens utiles Sur les chartes graphiques en général Sur les couleurs Graphistes locaux DAVID LOPEZ PATRICK PADEAU GILDAS RENAULT DAVID TORONDEL LAURENT VANHELLE Sur la typographie Galeries de logo