{"id":829,"date":"2020-04-28T22:40:58","date_gmt":"2020-04-28T20:40:58","guid":{"rendered":"http:\/\/graphizm.fr\/greta\/?p=829"},"modified":"2024-01-09T20:32:09","modified_gmt":"2024-01-09T19:32:09","slug":"designer-un-logo","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/","title":{"rendered":"Designer un logo"},"content":{"rendered":"\n<p>Au cours du niveau 2 de la formation Com-Cr\u00e9a, vous allez<strong> <\/strong>apprendre \u00e0 <strong>mener de mani\u00e8re m\u00e9thodique la cr\u00e9ation d&rsquo;un logotype.<\/strong> Nous distinguerons cinq phases cl\u00e9s et nous insisterons sur les <strong>trois phases centrales<\/strong> du processus&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>l&rsquo;id\u00e9ation<\/strong><\/li>\n\n\n\n<li><strong>la conception<\/strong><\/li>\n\n\n\n<li><strong>la r\u00e9alisation<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Ces trois phases sont encadr\u00e9es par la phase de <strong>pr\u00e9paration<\/strong> et la phase de <strong>finalisation<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #6b6b6b;color:#6b6b6b\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #6b6b6b;color:#6b6b6b\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Preambule\" >Pr\u00e9ambule<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Les_etapes_de_la_creation_dun_logo\" >Les \u00e9tapes de la cr\u00e9ation d&rsquo;un logo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Le_support_de_cours\" >Le support de cours<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#1_%E2%80%93_Preparation_et_Ideation\" >1 &#8211; Pr\u00e9paration et Id\u00e9ation<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Le_brief\" >Le brief<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#La_documentation\" >La documentation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#La_planche_de_tendance\" >La planche de tendance<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Larbre_thematique\" >L&rsquo;arbre th\u00e9matique<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#La_grille_de_determination_de_laxe_de_stylisation_facultatif\" >La grille de d\u00e9termination de l&rsquo;axe de stylisation (facultatif)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#La_planche_de_style\" >La planche de style<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#2-_La_creation\" >2- La cr\u00e9ation<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Les_esquisses_manuscrites\" >Les esquisses manuscrites<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Le_maquettage_vectoriel\" >Le maquettage vectoriel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Les_tests_et_laffinage\" >Les tests et l&rsquo;affinage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Les_propositions_au_client\" >Les propositions au client<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#3-_La_realisation\" >3- La r\u00e9alisation<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#La_finalisation_des_variantes\" >La finalisation des variantes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#La_brand_board_ou_planche_de_marque\" >La brand board ou planche de marque<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#Le_developpement_de_lidentite_visuelle\" >Le d\u00e9veloppement de l&rsquo;identit\u00e9 visuelle<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Preambule\"><\/span>Pr\u00e9ambule<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><strong>Des ressources sont mises \u00e0 votre disposition pour vous permettre d&rsquo;approfondir les points abord\u00e9s.<\/strong> Des liens vers des sites traitant de la cr\u00e9ation de logo ont \u00e9t\u00e9 regroup\u00e9s \u00e0 cette adresse&nbsp;: <a rel=\"noreferrer noopener\" href=\"https:\/\/y-goguely.netboard.me\/designlogos\/\" target=\"_blank\">https:\/\/y-goguely.netboard.me\/designlogos\/<\/a><\/p>\n\n\n\n<p><strong>La cr\u00e9ation de logo est une application concr\u00e8te des fondamentaux de la communication visuelle<\/strong> vus au niveau 1. Vous pouvez revoir les points abord\u00e9s pr\u00e9c\u00e9demment en consultant les sites pr\u00e9sent\u00e9s sur <a rel=\"noreferrer noopener\" href=\"https:\/\/y-goguely.netboard.me\/basescomvi\/\" target=\"_blank\">https:\/\/y-goguely.netboard.me\/basescomvi\/<\/a><\/p>\n\n\n\n<p>Pour situer la cr\u00e9ation d&rsquo;un logo dans le contexte de l&rsquo;identit\u00e9 visuelle d&rsquo;une marque ou d&rsquo;une organisation,<strong> je vous invite \u00e0 visionner la vid\u00e9o ci-dessous<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Votre identit\u00e9 visuelle&nbsp;: les astuces\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/y9XuiAdfGq4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Pour ce qui concerne le format id\u00e9al du logo, nous en reparlerons ult\u00e9rieurement \ud83d\ude09<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_etapes_de_la_creation_dun_logo\"><\/span>Les \u00e9tapes de la cr\u00e9ation d&rsquo;un logo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Les 5 \u00e9tapes du design d&rsquo;un logo<\/strong> vous sont pr\u00e9sent\u00e9es sur <a href=\"https:\/\/graphizm.fr\/com-crea\/etapes-design-logo\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/graphizm.fr\/com-crea\/etapes-design-logo<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/com-crea\/etapes-design-logo\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"963\" height=\"703\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/etapes-design-logo.png\" alt=\"\" class=\"wp-image-832\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/etapes-design-logo.png 963w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/etapes-design-logo-600x438.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/etapes-design-logo-768x561.png 768w\" sizes=\"auto, (max-width: 963px) 100vw, 963px\" \/><\/a><\/figure>\n\n\n\n<p><strong>\u00c0 chaque \u00e9tape du processus, des productions sont mentionn\u00e9es<\/strong>, de m\u00eame que les livrables attendus. Il s&rsquo;agit des productions que allez mettre en \u0153uvre au fil de votre formation. Vous les rep\u00e8rerez en gras dans les encadr\u00e9s d\u00e9roulants de l&rsquo;infographie. Les livrables sont indiqu\u00e9s dans les encadr\u00e9s bleus.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Le_support_de_cours\"><\/span>Le support de cours<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/com-crea\/design-logos\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/cours-design-logos-1024x616.png\" alt=\"\" class=\"wp-image-841\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/cours-design-logos-1024x616.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/cours-design-logos-600x361.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/cours-design-logos-768x462.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/cours-design-logos-1200x722.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/cours-design-logos.png 1313w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Un support de cours complet sur le design de logos est accessible en ligne<\/strong> \u00e0 cette adresse&nbsp;: <a href=\"https:\/\/graphizm.fr\/com-crea\/design-logos\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/graphizm.fr\/com-crea\/design-logos<\/a>. Ce cours complet vient compl\u00e9ter celui-ci. Vous disposez ainsi de toutes les informations utiles pour mettre en pratique la m\u00e9thode pr\u00e9conis\u00e9e.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_%E2%80%93_Preparation_et_Ideation\"><\/span>1 &#8211; Pr\u00e9paration et Id\u00e9ation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-accent-background-color has-background\">Quand un client vous demande de lui r\u00e9aliser un logo, <strong>il est inutile de se lancer bille en t\u00eate sur son logiciel de dessin pr\u00e9f\u00e9r\u00e9<\/strong> pour concr\u00e9tiser les premi\u00e8res id\u00e9es qui vous viennent \u00e0 l&rsquo;esprit. <strong>Vous iriez droit au casse-pipe&nbsp;!<\/strong><\/p>\n\n\n\n<p>Voici un tableau pr\u00e9sentant <strong>les \u00e9tapes par lesquelles vous devez passer<\/strong>, avant d&rsquo;entreprendre la conception proprement dite (qui pr\u00e9c\u00e8de elle-m\u00eame la phase de r\u00e9alisation). La premi\u00e8re rang\u00e9e concerne les livrables de la phase de pr\u00e9paration, assimil\u00e9e ici \u00e0 la phase d&rsquo;id\u00e9ation.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/com-crea\/design-logos\/etapes-ideation\/index.html\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"965\" height=\"907\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/etapes-ideation.jpg\" alt=\"\" class=\"wp-image-930\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/etapes-ideation.jpg 965w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/etapes-ideation-600x564.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/etapes-ideation-768x722.jpg 768w\" sizes=\"auto, (max-width: 965px) 100vw, 965px\" \/><\/a><figcaption class=\"wp-element-caption\">Tableau interactif <a href=\"http:\/\/graphizm.fr\/com-crea\/design-logos\/etapes-ideation\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">consultable en ligne<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Le tableau ci-dessus est une page Web interactive. <strong>En cliquant sur chaque case vous pouvez la marquer comme \u00e9tant valid\u00e9e<\/strong> (la case se retourne) au fur et \u00e0 mesure de l&rsquo;avanc\u00e9e de vos travaux.<\/p>\n\n\n\n<p>Pour vous permettre d&rsquo;utiliser ce tableau dans le contexte de votre future activit\u00e9 professionnelle, je vous invite \u00e0 t\u00e9l\u00e9charger le dossier de cette page Web. Vous pourrez m\u00eame la personnaliser quand vous ma\u00eetriserez les langages HTML et CSS&nbsp;;-).<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/graphizm.fr\/com-crea\/design-logos\/tableau-phases-ideation.zip\" style=\"border-radius:10px\" target=\"_blank\" rel=\"noreferrer noopener\">t\u00e9l\u00e9charger le tableau  des phases d&rsquo;id\u00e9ation<\/a><\/div>\n<\/div>\n\n\n\n<p>La r\u00e9alisation de ces diff\u00e9rents documents fait appel \u00e0 vos facult\u00e9s litt\u00e9raires, logiques et imaginatives, ainsi qu&rsquo;\u00e0 vos facult\u00e9s de synth\u00e8se et d&rsquo;anticipation. L&rsquo;objectif vis\u00e9 est<strong> la stimulation de votre attention<\/strong> <strong>cr\u00e9ative<\/strong>, dans le respect des contraintes du cahier des charges.<\/p>\n\n\n\n<p>\u279c En r\u00e9digeant ou en finalisant un cahier des charges, en collectant sur un tableau Pinterest des images th\u00e9matiques, en construisant une planche de style, <strong>vous \u00e9laborez les outils de conception qui vous serviront dans la suite du projet.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Le_brief\"><\/span>Le brief<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">La premi\u00e8re chose \u00e0 faire est donc de <strong>bien cerner la demande du client<\/strong> et pour cela, rien de tel qu&rsquo;un brief cr\u00e9atif ou un questionnaire \u00e0 compl\u00e9ter&#8230;<br>Pour vous guider vers les r\u00e9ponses dont vous allez avoir besoin, je vous invite \u00e0 <strong>t\u00e9l\u00e9charger des gabarits de questionnaire (format XMIND et PDF)<\/strong> puis \u00e0 les utiliser au plus vite.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/graphizm.fr\/com-crea\/design-logos\/gabarits-brief.zip\" style=\"border-radius:10px\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger les gabarits de questionnaire<\/a><\/div>\n<\/div>\n\n\n\n<p><strong>Dans le questionnaire mis \u00e0 votre disposition, les questions 4 et 5 vont se r\u00e9v\u00e9ler cruciales<\/strong> pour la suite de votre travail&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Citez 3 mots que <strong>vous aimeriez<\/strong> que les gens associent \u00e0 votre entreprise lorsqu\u2019ils verront votre nouveau logo<\/li>\n\n\n\n<li>Citez 3 mots que <strong>vous ne voulez pas<\/strong> que les gens associent \u00e0 votre entreprise lorsqu\u2019ils verront votre nouveau logo <\/li>\n<\/ul>\n\n\n\n<p>Notez bien que ce questionnaire s&rsquo;adresse \u00e0 votre client et que <strong>les gens dont il est question ici sont les clients de votre client<\/strong> ! Il ne s&rsquo;agit donc pas de mentionner en r\u00e9ponse \u00e0 ces questions les qualit\u00e9s attendues ou constat\u00e9es du logo (impactant, univoque, simple, clair, &#8230;) ou les d\u00e9faut \u00e0 \u00e9viter ou malheureusement manifestes du logo (trop fouillis, peu lisible, trop color\u00e9, pas assez marquant,&#8230;). Il s&rsquo;agit de mentionner ce qui vient \u00e0 l&rsquo;esprit des gens, par association d&rsquo;id\u00e9es (for\u00eat, grand air et randonn\u00e9e, par exemple ou di\u00e9t\u00e9tique, sobri\u00e9t\u00e9 et bonne sant\u00e9).<\/p>\n\n\n\n<p>Ces six mots (3 concepts attendus et 3 concepts \u00e0 \u00e9viter) pourront \u00eatre repris pour r\u00e9aliser l&rsquo;arbre th\u00e9matique (voir plus bas).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_documentation\"><\/span>La documentation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Sachant un peu mieux de quoi il en retourne, vous allez pouvoir commencer \u00e0 vous documenter. Vous collecterez un maximum d&rsquo;informations pertinentes sur le secteur d&rsquo;activit\u00e9 de votre client, sur ses concurrents, sur ses habitudes en mati\u00e8re de communication, etc.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Utilisez <a rel=\"noreferrer noopener\" href=\"https:\/\/www.pinterest.fr\/\" target=\"_blank\">Pinterest<\/a> ou pour conserver une trace de vos collectes th\u00e9matiques. Elles sont suceptibles de vous resservir en d&rsquo;autres circonstances&#8230;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_planche_de_tendance\"><\/span>La planche de tendance<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>La planche de tendance, aussi appel\u00e9e moodboard, est un moyen graphique de synth\u00e9tiser le r\u00e9sultat des recherches<\/strong> <strong>effectu\u00e9es<\/strong>. Elle permet de commencer \u00e0 pr\u00eater une attention plus soutenue \u00e0 certaines couleurs, certaines formes, certaines polices de caract\u00e8res, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/moodboard-lapetitefreelance-1080x720-1-1024x683.png\" alt=\"Moodboard du blog lapetitefreelance.com\" class=\"wp-image-942\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/moodboard-lapetitefreelance-1080x720-1-1024x683.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/moodboard-lapetitefreelance-1080x720-1-600x400.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/moodboard-lapetitefreelance-1080x720-1-768x512.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/moodboard-lapetitefreelance-1080x720-1.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Les planches de tendance sont r\u00e9alisables en utilisant des gabarits disponibles en ligne. Faites une recherche (avec l&rsquo;entr\u00e9e <em>\u201cfree mood board layout\u201d<\/em>, par exemple&#8230;) et choisissez le gabarit qui correspond le mieux \u00e0 votre projet. On en trouve sur <a rel=\"noreferrer noopener\" href=\"https:\/\/fr.freepik.com\/search?dates=any&amp;format=search&amp;page=1&amp;query=mood%20board&amp;sort=popular\" target=\"_blank\">freepik<\/a>&#8230;<\/p>\n\n\n\n<p><strong>Sa r\u00e9alisation sous forme de planche soign\u00e9e est une sorte de bonus, un plus pour la pr\u00e9sentation des r\u00e9sultats de la documentation.<\/strong> Il est de plus en plus fr\u00e9quent qu&rsquo;une planche de tendance soit int\u00e9gr\u00e9e dans une planche de style ou dans une planche de marque. Elle offre alors une ouverture sur les \u00e9l\u00e9ments visuels qui ont pr\u00e9sid\u00e9 \u00e0 l&rsquo;\u00e9laboration de l&rsquo;identit\u00e9 visuelle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.pinterest.fr\/dendrographe\/identit%C3%A9s-visuelles-boulangerie-cie\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"555\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/collecte-documentaire-boulangerie-02-1024x555.png\" alt=\"\" class=\"wp-image-876\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/collecte-documentaire-boulangerie-02-1024x555.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/collecte-documentaire-boulangerie-02-600x325.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/collecte-documentaire-boulangerie-02-768x416.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/collecte-documentaire-boulangerie-02-1200x650.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/collecte-documentaire-boulangerie-02.png 1394w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Si vous \u00eates press\u00e9s, un tableau Pinterest fait parfaitement l&rsquo;affaire. Pensez \u00e0 y int\u00e9grer des images qui nous permettent de <strong>rep\u00e9rer des couleurs dominantes, des figures et des symboles, des caract\u00e8res typographiques, des motifs ou ornements<\/strong>,&#8230; tout \u00e9l\u00e9ment graphique susceptible d&rsquo;\u00eatre ensuite isol\u00e9 et repris pour constituer le logo et l&rsquo;identit\u00e9 visuelle de la marque.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Vous pouvez <strong>voir de tels tableaux Pinterest<\/strong>, constitu\u00e9s par une professsionnelle du design graphique sur <a rel=\"noreferrer noopener\" href=\"https:\/\/www.pinterest.fr\/designisvital75\/_saved\/\" target=\"_blank\">designisvital.co<\/a>. Julie Lebraud y pr\u00e9sente notamment un tableau d&rsquo;inspiration sur le th\u00e8me des <a rel=\"noreferrer noopener\" href=\"https:\/\/www.pinterest.fr\/designisvital75\/identit%C3%A9-visuelle-luxe\/\" target=\"_blank\">identit\u00e9s visuelles en lien avec le luxe<\/a>. Elle a \u00e9galement constitu\u00e9 un autre tableau sur le th\u00e8me des <a rel=\"noreferrer noopener\" href=\"https:\/\/www.pinterest.fr\/designisvital75\/identit%C3%A9-visuelle-food-truck\/\" target=\"_blank\">identit\u00e9s visuelles de food trucks<\/a>. D&rsquo;autres th\u00e9matiques ont \u00e9t\u00e9 trait\u00e9es, que vous pouvez exploiter \u00e0 votre tour en collectant les images pr\u00e9sent\u00e9es ici dans vos propres tableaux de tendances.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Larbre_thematique\"><\/span>L&rsquo;arbre th\u00e9matique<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>L&rsquo;arbre th\u00e9matique est un moyen plus litt\u00e9raire de synth\u00e9tiser le r\u00e9sultat de ses recherches documentaires.<\/strong> C&rsquo;est aussi un moyen d&rsquo;explorer les territoires th\u00e9matiques voisins de celui sur lequel le brief nous a conduit.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><strong>Je vous invite \u00e0 utiliser deux outils simples&nbsp;:<\/strong><br><strong> \u2022 text2mindmap <\/strong>(<a href=\"https:\/\/tobloef.com\/text2mindmap\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/tobloef.com\/text2mindmap\/<\/a>), un outil tr\u00e8s simple d&rsquo;utilisation et dont le syst\u00e8me de sauvegarde des cartes au format TXT est universel.<br>\u2022 <strong>myMindma<\/strong>p (<a href=\"https:\/\/mymarkmap.netlify.app\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/mymarkmap.netlify.app<\/a>), un outil bas\u00e9 sur l&rsquo;usage du Markdown, \u00e0 la mani\u00e8re de <a href=\"https:\/\/markmap.js.org\/repl\" target=\"_blank\" rel=\"noreferrer noopener\">Markmap.js<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Recommandations pour \u00e9laborer l&rsquo;arbre th\u00e9matique<\/h4>\n\n\n\n<p>La mani\u00e8re la plus coh\u00e9rente de b\u00e2tir un arbre th\u00e9matique consiste en effet \u00e0 <strong>partir des 3 mots cl\u00e9s positifs, dispos\u00e9s autour du sujet central<\/strong> (la th\u00e9matique du logo). Il s&rsquo;agit ensuite de faire grandir l&rsquo;arbre en ajoutant des branches \u00e0 partir des 3 n\u0153uds correspondant au 3 mots positifs (ce \u00e0 quoi doit imm\u00e9diatement penser le lecteur en voyant le logo).<\/p>\n\n\n\n<p>Travaillez sur 3 niveaux. Restez tr\u00e8s concrets. <strong>\u00c9vitez de mentionner des termes g\u00e9n\u00e9ralistes tels que \u00ab\u00a0aspect\u201d, \u201dcaract\u00e9ristique\u201d, \u201dsimple\u201d, etc.<\/strong> Veillez \u00e0 ne pas mentionner de couleurs ni de formes. Cela sera fait \u00e0 l&rsquo;\u00e9tape suivante. Il ne s&rsquo;agit pas non plus de trouver des simples synonymes mais d&rsquo;\u00e9largir v\u00e9ritablement le th\u00e8me central en tendant vers des concepts voisins.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/arbre-thematique-logo-Phantom.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"619\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/arbre-thematique-logo-Phantom-1024x619.png\" alt=\"\" class=\"wp-image-879\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/arbre-thematique-logo-Phantom-1024x619.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/arbre-thematique-logo-Phantom-600x363.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/arbre-thematique-logo-Phantom-768x464.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/arbre-thematique-logo-Phantom.png 1148w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Sur le document ci-dessus, vous rep\u00e8rerez l&rsquo;usage qui a \u00e9t\u00e9 fait des 3 mots cl\u00e9s attendus et des 3 mots cl\u00e9s \u00e0 \u00e9viter (6 mots en bleu). <strong>Les informations collect\u00e9es servent d&rsquo;un c\u00f4t\u00e9 de concepts attractifs et de l&rsquo;autre de concepts r\u00e9pulsifs.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">D\u00e9terminer un ou plusieurs axes de cr\u00e9ation<\/h4>\n\n\n\n<p>Des axes de cr\u00e9ation se d\u00e9gagent tr\u00e8s simplement de l&rsquo;arbre th\u00e9matique en reliant entre eux trois termes choisis dans les branches issues de chacun des 3 mots cl\u00e9s positifs. Dans l&rsquo;arbre pr\u00e9sent\u00e9 ci-dessus se trouvent par exemple les axes suivants&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Technologie &#8211; Ouverture diaphragme &#8211; Lumi\u00e8re (d&rsquo;\u00e9toile)<\/li>\n\n\n\n<li>R\u00e9seau (informatique) &#8211; Polaro\u00efd &#8211; Plan\u00e8te avec anneaux<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_grille_de_determination_de_laxe_de_stylisation_facultatif\"><\/span>La grille de d\u00e9termination de l&rsquo;axe de stylisation (facultatif)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Ce dernier outil est un autre moyen de pr\u00e9parer la r\u00e9alisation de la planche de style<\/strong> (livrable de la phase d&rsquo;id\u00e9ation). Il s&rsquo;agit de remplir un tableau de synth\u00e8se des \u00e9l\u00e9ments collect\u00e9s puis de choisir parmi les options possibles celles qui forment un axe de stylisation coh\u00e9rent.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Je vous invite \u00e0 t\u00e9l\u00e9charger le gabarit de grille de d\u00e9termination de l&rsquo;axe de stylisation si vous souhaitez l&rsquo;utiliser.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/graphizm.fr\/com-crea\/design-logos\/gabarit-grille-determination-style.pdf\" style=\"border-radius:10px\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger les gabarits de grille de D.<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/grille-determination-axe-conception.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"997\" height=\"709\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/grille-determination-axe-conception.png\" alt=\"Gabarit de grille de d\u00e9termination d'un axe de conception\" class=\"wp-image-882\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/grille-determination-axe-conception.png 997w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/grille-determination-axe-conception-600x427.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/grille-determination-axe-conception-768x546.png 768w\" sizes=\"auto, (max-width: 997px) 100vw, 997px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Pour compl\u00e9ter la partie des visuels (ou symboles) de la grille de d\u00e9termination, <strong>il est pratique d&rsquo;utiliser des pictogrammes ou des ic\u00f4nes.<\/strong> Des sites permettent de s&rsquo;en procurer librement, sur de tr\u00e8s nombreuses th\u00e9matiques.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> <a rel=\"noreferrer noopener\" href=\"https:\/\/www.flaticon.com\/\" target=\"_blank\">flaticon.com<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/icones8.fr\/icons\" target=\"_blank\" rel=\"noreferrer noopener\">icones8.fr<\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>Les cadres<\/strong> sont des formes enveloppantes utilis\u00e9es pour encapsuler l&rsquo;image, le texte ou les deux, dans certains logos ou variantes d&rsquo;un logo.<\/p>\n\n\n\n<p><strong>Les visuels<\/strong> sont les figures ou les symboles utilis\u00e9s pour composer la partie iconographique d&rsquo;un logo (quand le logo fait appel \u00e0 une image).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_planche_de_style\"><\/span>La planche de style<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Tout le travail de documentation est synth\u00e9tis\u00e9 sur la planche de style.<\/strong> Il s&rsquo;agit d&rsquo;un livrable cl\u00e9 dans la d\u00e9marche propos\u00e9e ici. La planche de style est la traduction du brief en langage visuel. <strong>Elle va plus loin que la planche de tendances en s\u00e9lectionnant des options particuli\u00e8res<\/strong> parmi toutes celles que la planche de tendances laisse entrevoir.<\/p>\n\n\n\n<p><strong>Il est envisageable de faire valider la planche de style par le client (ou le DA&#8230;)<\/strong>, \u201cofficialisant\u201d ainsi la direction graphique qui sera prise lors de la phase de conception proprement dite.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Je vous propose de <strong>t\u00e9l\u00e9charger un gabarit de planche de style<\/strong> puis de le personnaliser en fonction de votre propre identit\u00e9 visuelle (en tant que graphiste). Faites attention toutefois que l&rsquo;identit\u00e9 graphique de votre studio ne vienne pas parasiter l&rsquo;identit\u00e9 qui est pr\u00e9sent\u00e9e sur la planche (soyez discrets et assez neutres).<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--4\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/graphizm.fr\/com-crea\/design-logos\/gabarit-planche-style.pdf\" style=\"border-radius:10px\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9chager le gabarit de planche de style<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/gabarit-planche-style-1200px.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"767\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/gabarit-planche-style-1200px-1024x767.jpg\" alt=\"\" class=\"wp-image-908\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/gabarit-planche-style-1200px-1024x767.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/gabarit-planche-style-1200px-600x450.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/gabarit-planche-style-1200px-768x575.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/04\/gabarit-planche-style-1200px.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>\u279c Pour vous permettre de <strong>cr\u00e9er rapidement des nuanciers de couleurs et des nuanciers de gris r\u00e9guli\u00e8rement \u00e9tag\u00e9s<\/strong> (nuanciers fonctionnels), utilisez une des palettes de couleurs \u00e9tag\u00e9es utilis\u00e9es au niveau 1 de la formation (cours sur <a rel=\"noreferrer noopener\" href=\"http:\/\/graphizm.fr\/greta\/com-crea\/couleurs-design-graphique\/\" target=\"_blank\">les couleurs en design graphique<\/a>).<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Si vous envisagez d&rsquo;utiliser un <strong>nuancier de 3 couleurs r\u00e9guli\u00e8rement \u00e9tag\u00e9es<\/strong>, pensez d&rsquo;abord en terme de webdesign et utilisez <a href=\"https:\/\/graphizm.fr\/fcs\/couleurs-moyennes\/\" target=\"_blank\" rel=\"noreferrer noopener\">la palette des couleurs moyennes normalis\u00e9es<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/graphizm.fr\/fcs\/couleurs-moyennes\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"190\" height=\"1024\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/04\/couleurs-moyennes-190x1024.png\" alt=\"palette de couleurs moyennes\" class=\"wp-image-5033\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/04\/couleurs-moyennes-190x1024.png 190w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/04\/couleurs-moyennes-768x4136.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/04\/couleurs-moyennes-285x1536.png 285w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/04\/couleurs-moyennes-380x2048.png 380w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/04\/couleurs-moyennes-1200x6463.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/04\/couleurs-moyennes.png 1268w\" sizes=\"auto, (max-width: 190px) 100vw, 190px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-subtle-background-background-color has-background\">Voir de cours annexe intitul\u00e9 <a rel=\"noreferrer noopener\" href=\"http:\/\/graphizm.fr\/com-crea\/design-logos\/index.html\" target=\"_blank\">Le design de logo<\/a> pour plus de pr\u00e9cisions.<\/p>\n\n\n\n<p>\u279c <strong>Concernant les polices de caract\u00e8res, sp\u00e9cifiez des grandes familles de caract\u00e8res (expressives, s\u00e9rieuses, neutres, etc.) .<\/strong> Vous pouvez mentionner une police de caract\u00e8res sp\u00e9cifique \u00e0 titre d&rsquo;exemple (entre parenth\u00e8ses) mais conservez une marge de man\u0153uvre dans votre esprit. Vous pourrez affiner votre choix typo \u00e0 l&rsquo;\u00e9tape suivante.<\/p>\n\n\n\n<p>\u279c <strong>Concernant les textures et les motifs, il s&rsquo;agit souvent de \u201cpatterns\u201d r\u00e9p\u00e9titifs, vectoriels ou matriciels.<\/strong> Ces \u201cpatterns\u201d permettent  d&rsquo;enrichir l&rsquo;identit\u00e9 visuelle, d&rsquo;enrichir les planches de pr\u00e9sentation au client et dans certains cas (si, si&#8230;) de caract\u00e9riser le logo et la marque \u00e0 laquelle le logo se r\u00e9f\u00e8re.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Vous trouverez une tr\u00e8s large collection de textures, matricielles ou vectorielles, sur le site <a rel=\"noreferrer noopener\" href=\"https:\/\/cssauthor.com\/best-collection-free-textures\/\" target=\"_blank\">cssauthor.com<\/a>&#8230; et il est toujours possible de les cr\u00e9er \u00ab\u00a0from scratch\u00a0\u00bb \ud83d\ude09<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"956\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logos-avec-points.jpg\" alt=\"\" class=\"wp-image-949\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logos-avec-points.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logos-avec-points-600x560.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logos-avec-points-768x717.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Exemples de logos utilisant des trames de point (source&nbsp;: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.logolounge.com\/articles\/2019-logo-trend-report\" target=\"_blank\">logolounge.com<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">Synth\u00e8se des \u00e9tapes menant \u00e0 la planche de style<\/h4>\n\n\n\n<p><strong>Voici une synth\u00e8se des \u00e9tapes pr\u00e9c\u00e9dentes.<\/strong> Vous remarquerez que pour \u00e9tablir la planche de style \u00e0 faire valider par le client, avant de passer \u00e0 l&rsquo;\u00e9tape de la cr\u00e9ation proprement dite, 3 planches de styles interm\u00e9diaires ont \u00e9t\u00e9 mises au point pour \u00e9largir le potentiel des choix graphiques fix\u00e9s sur la planche de style finale.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/premieres-etapes-crea-logo.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"966\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/premieres-etapes-crea-logo-1024x966.png\" alt=\"synth\u00e8se des premi\u00e8res \u00e9tapes de la cr\u00e9ation d'un logotype\" class=\"wp-image-6864\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/premieres-etapes-crea-logo-1024x966.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/premieres-etapes-crea-logo-600x566.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/premieres-etapes-crea-logo-768x725.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/premieres-etapes-crea-logo-1200x1132.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/premieres-etapes-crea-logo.png 1296w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Comme toujours en design graphique, <strong>on alterne des phases d&rsquo;\u00e9largissement des choix avec des phases de choix d\u00e9finitifs<\/strong>. Cela offre au concepteur l&rsquo;opportunit\u00e9 de justifier chaque option prise en cours de processus, face \u00e0 des alternatives laiss\u00e9s de c\u00f4t\u00e9 pour telle ou telle raison (ces raisons doivent pouvoir \u00eatre expliqu\u00e9es).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Choisir le gabarit de la planche de style<\/h4>\n\n\n\n<p>Le choix du gabarit de la planche de style n&rsquo;est pas anodin. C&rsquo;est souvent le premier livrable propos\u00e9 au client. Il est d&rsquo;une certaine mani\u00e8re un reflet de l&rsquo;image de votre propre entreprise de conception graphique.<\/p>\n\n\n\n<p>Le gabarit propos\u00e9 plus haut est tout \u00e0 fait adapt\u00e9 \u00e0 l&rsquo;\u00e9tape de mise au point des 3 planches de style interm\u00e9diaires r\u00e9alis\u00e9es \u00e0 partir des mots cl\u00e9s de l&rsquo;axe de conception. S&rsquo;il vous convient, vous pouvez le personnaliser et l&rsquo;utiliser pour vos projets professionnels. <strong>Prenez toutefois connaissance des tendances en mati\u00e8re de brand board<\/strong> (planche de marque).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"649\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/brand-board-templates-on-Canva-1024x649.png\" alt=\"\" class=\"wp-image-6873\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/brand-board-templates-on-Canva-1024x649.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/brand-board-templates-on-Canva-600x380.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/brand-board-templates-on-Canva-768x487.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/brand-board-templates-on-Canva-1536x973.png 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/brand-board-templates-on-Canva-2048x1298.png 2048w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/brand-board-templates-on-Canva-1200x760.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/brand-board-templates-on-Canva-1980x1255.png 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Mod\u00e8les de planches de marques disponibles sur <a href=\"https:\/\/www.canva.com\/fr_fr\/modeles\/?query=brand-board\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<p>En effet, il peut \u00eatre int\u00e9ressant de ne pas reprendre toute la mise en page en passant de la planche de style \u00e0 la planche de marque. <strong>Une planche de marque est une planche de style int\u00e9grant la pr\u00e9sentation du logo et souvent un extrait de moodboard<\/strong>. Consultez <a href=\"http:\/\/graphizm.fr\/greta\/com-crea\/designer-un-logo\/#La_brand_board_ou_planche_de_marque\">la fin de ce cours<\/a> pour en voir des exemples.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2-_La_creation\"><\/span>2- La cr\u00e9ation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Apr\u00e8s avoir fait valider votre planche de style par votre DA pr\u00e9f\u00e9r\u00e9, soumettez-la au client. Apr\u00e8s cela, plus question de changer de nuancier, de familles typos, de formes de cadres et de visuels (figures, symboles, motifs et textures)&nbsp;! <\/p>\n\n\n\n<p><strong>L&rsquo;axe de conception doit \u00eatre tr\u00e8s clair dans votre esprit. Il est la base sur laquelle repose d\u00e9sormais vos choix graphiques.<\/strong> Examinez les identit\u00e9s visuelles r\u00e9alis\u00e9es par l&rsquo;agence <a href=\"https:\/\/www.grapheine.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Graph\u00e9ine<\/a>. Vous trouverez parfois, en d\u00e9but de pr\u00e9sentation un sch\u00e9ma tr\u00e8s simple permettant de comprendre le concept utilis\u00e9 (l&rsquo;axe ce conception ou de cr\u00e9ation).<\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/axe-conception-logo-Love-Radius.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"425\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/axe-conception-logo-Love-Radius-1024x425.png\" alt=\"\" class=\"wp-image-953\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/axe-conception-logo-Love-Radius-1024x425.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/axe-conception-logo-Love-Radius-600x249.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/axe-conception-logo-Love-Radius-768x319.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/axe-conception-logo-Love-Radius-1200x498.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/axe-conception-logo-Love-Radius.png 1227w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/concept-logo-citeco.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"256\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/concept-logo-citeco-1024x256.png\" alt=\"\" class=\"wp-image-6897\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/concept-logo-citeco-1024x256.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/concept-logo-citeco-600x150.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/concept-logo-citeco-768x192.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/concept-logo-citeco-1536x384.png 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/concept-logo-citeco-1200x300.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/concept-logo-citeco.png 1926w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Axe de conception du logo Cit\u00e9co par l&rsquo;agence <a href=\"https:\/\/www.grapheine.com\/portfolio\/identite-visuelle-de-citeco\" target=\"_blank\" rel=\"noreferrer noopener\">Graph\u00e9ine<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Voici quelles vont \u00eatre <strong>vos r\u00e9alisations pendant la phase de cr\u00e9ation<\/strong>. Le tableau ci-dessous vous permettra de visualiser votre progression (en retournant chaque case d&rsquo;un simple clic).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/graphizm.fr\/com-crea\/design-logos\/etapes-creation\/index.html\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"883\" height=\"743\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/etapes-creation.jpg\" alt=\"\" class=\"wp-image-959\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/etapes-creation.jpg 883w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/etapes-creation-600x505.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/etapes-creation-768x646.jpg 768w\" sizes=\"auto, (max-width: 883px) 100vw, 883px\" \/><\/a><figcaption class=\"wp-element-caption\">Tableau interactif <a href=\"https:\/\/graphizm.fr\/com-crea\/design-logos\/etapes-creation\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">consultable en ligne<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--5\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/graphizm.fr\/com-crea\/design-logos\/tableau-phases-creation.zip\" style=\"border-radius:10px\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger le tableau des phases de cr\u00e9ation<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_esquisses_manuscrites\"><\/span>Les esquisses manuscrites<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pas de design graphique sans un minimum de croquis ou d&rsquo;esquisses. Que vous utilisiez, un crayon, un stylo \u00e0 bille ou un stylet num\u00e9rique, <strong>prenez le temps de noter vos id\u00e9es sous forme de dessins manuscrits<\/strong>. Les designers pensent avec leur main.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/carnet-esquisses-manuscrites-2-1024x422.jpg\" alt=\"\" class=\"wp-image-967\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/carnet-esquisses-manuscrites-2-1024x422.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/carnet-esquisses-manuscrites-2-600x247.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/carnet-esquisses-manuscrites-2-768x317.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/carnet-esquisses-manuscrites-2.jpg 1152w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Croquis pr\u00e9alables \u00e0 la mise au point du logo de New Look Refinishing, par Del Mauricio (source&nbsp;: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.behance.net\/gallery\/41146105\/New-Look-Refinishing-Logo\" target=\"_blank\">behance.net<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"561\" height=\"370\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/esquisses-logo-Bloovi.jpg\" alt=\"\" class=\"wp-image-974\"\/><figcaption class=\"wp-element-caption\">Croquis pr\u00e9alables \u00e0 la mise au point du logo de Bloovi, par Claire Coullon (source&nbsp;: <a rel=\"noreferrer noopener\" href=\"http:\/\/www.coullon.com\/portfolio\/bloovi.html\" target=\"_blank\">coullon.com<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Vous noterez que <strong>les designers graphiques soucieux de la qualit\u00e9 de leur portfolio soignent la disposition de leurs croquis pr\u00e9paratoires<\/strong>. D&rsquo;autres graphistes travaillent de fa\u00e7on plus d\u00e9sordonn\u00e9e (mais non moins efficace)&#8230; et publient le contenu de leurs carnets sans complexe.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Recherches typographiques<\/h4>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Consultez la <a href=\"http:\/\/graphizm.fr\/com-crea\/design-logos\/index.html#creation\" target=\"_blank\" rel=\"noreferrer noopener\">section Cr\u00e9ation<\/a> du cours annexe sur le design de logos pour savoir <strong>comment proc\u00e9der m\u00e9thodiquemen<\/strong>t lors de vos recherches typographiques.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/com-crea\/design-logos\/index.html#creation\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/support-cours-creation-logos-1024x612.jpg\" alt=\"rubrique du cours sur le design de logos consacr\u00e9e aux outils utilis\u00e9s en phase de cr\u00e9ation\" class=\"wp-image-963\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/support-cours-creation-logos-1024x612.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/support-cours-creation-logos-600x358.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/support-cours-creation-logos-768x459.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/support-cours-creation-logos.jpg 1147w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Recherches typos sur sites de distributeurs de fontes<\/h5>\n\n\n\n<p>Pour vous aidez dans le choix des polices de caract\u00e8res, vous pouvez utiliser les services des plateformes de distribution de polices de caract\u00e8res. Celles-ci proposent g\u00e9n\u00e9ralement de saisir le texte de votre choix pour le visualiser dans telle ou telle police s\u00e9lectionn\u00e9e.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/test-font-squirrel-1024x604.png\" alt=\"\" class=\"wp-image-6895\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/test-font-squirrel-1024x604.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/test-font-squirrel-600x354.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/test-font-squirrel-768x453.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/test-font-squirrel-1200x708.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2023\/11\/test-font-squirrel.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Recherches typos sur sites sp\u00e9cialis\u00e9s<\/h5>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Si vous souhaitez tester votre texte avec un visuel, le site <a rel=\"noreferrer noopener\" href=\"https:\/\/fontflipper.com\/upload\" target=\"_blank\">fontflipper.com<\/a> propose un outil permettant de tester la juxtaposition de votre marque affich\u00e9 dans l&rsquo;une des polices disponibles sur Google font par dessus le visuel de votre logo. Pr\u00e9voyez la place disponible \u00e0 c\u00f4t\u00e9, sur ou dessous votre visuel et t\u00e9l\u00e9chargez l&rsquo;image sur fond blanc&nbsp;! <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/06\/fontFlipperTest-1024x511.png\" alt=\"L\u2019attribut alt de cette image est vide, son nom de fichier est fontFlipperTest-1024x511.png.\"\/><\/figure>\n\n\n\n<p><strong>Ces solutions en ligne sont ne permettent pas d&rsquo;effectuer toutes les manipulations envisageables<\/strong> mais elles peuvent, dans certains cas, permettre de d\u00e9couvrir des options typographiques qu&rsquo;il s&rsquo;agira d&rsquo;affiner dans la suite du processus.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Le_maquettage_vectoriel\"><\/span>Le maquettage vectoriel<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Vous serez tent\u00e9s de squeezer l&rsquo;\u00e9tape pr\u00e9c\u00e9dente<\/strong> pour passer directement  \u00e0 la cr\u00e9ation vectorielle. Apr\u00e8s avoir lanc\u00e9 votre logiciel de dessin vectoriel pr\u00e9f\u00e9r\u00e9 et commenc\u00e9 \u00e0 combiner quelques typos et visuels, <strong>vous aurez du mal \u00e0 r\u00e9sister \u00e0 l&rsquo;envie de finaliser<\/strong> tout de suite les premi\u00e8res id\u00e9es coh\u00e9rentes. Si vous souhaitez revenir en arri\u00e8re <strong>vous vous apercevrez tr\u00e8s vite que vous n&rsquo;avez pas sauvegard\u00e9 vos premi\u00e8res versions<\/strong>.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Relisez ce premier paragraphe apr\u00e8s 2 heures de travail sur \u00e9cran&#8230; je suis s\u00fbr que vous vous retrouverez dans au moins deux de ces affirmations. Tous les d\u00e9butants passent par l\u00e0&#8230; et <strong>si vous voulez gagner du temps (et de l&rsquo;argent, plus tard&#8230;), travaillez m\u00e9thodiquement<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/maquettage-logo-Atlassian.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"317\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/maquettage-logo-Atlassian-1024x317.png\" alt=\"\" class=\"wp-image-986\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/maquettage-logo-Atlassian-1024x317.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/maquettage-logo-Atlassian-600x186.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/maquettage-logo-Atlassian-768x238.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/maquettage-logo-Atlassian-1536x476.png 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/maquettage-logo-Atlassian-2048x634.png 2048w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/maquettage-logo-Atlassian-1200x372.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/maquettage-logo-Atlassian-1980x613.png 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Maquettage vectoriel du logo Atlassian (source&nbsp;: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.atlassian.com\/blog\/archives\/behind-the-scenes-of-the-atlassian-logo-redesign\" target=\"_blank\">atlasian.com<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Ayant fait des choix pr\u00e9alables, ne partez pas dans d&rsquo;autres directions. <strong>Gardez le cap de votre axe de conception<\/strong> et de votre planche de style.<\/li>\n\n\n\n<li>Ne vous contentez pas de deux ou trois esquisses ou maquettes, <strong>utilisez les outils mis \u00e0 votre disposition<\/strong> pour explorer des solutions toujours plus pertinentes<\/li>\n\n\n\n<li>N&rsquo;effacez jamais vos croquis manuscrits ou vos maquettes num\u00e9riques. Sauvegardez, dupliquez, <strong>partez d&rsquo;une version pr\u00e9c\u00e9dente dupliqu\u00e9e et changer un ou deux points \u00e0 le fois<\/strong>, puis dupliquez \u00e0 nouveau et ainsi de suite (sans oublier de sauvegarder).<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"802\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/planche1-logos-yul-traiteur-1024x802.jpg\" alt=\"Planche de recherche vectorielle pour la mise au point du logo de Yul Traiteur\" class=\"wp-image-983\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/planche1-logos-yul-traiteur-1024x802.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/planche1-logos-yul-traiteur-600x470.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/planche1-logos-yul-traiteur-768x601.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/planche1-logos-yul-traiteur-1536x1203.jpg 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/planche1-logos-yul-traiteur-2048x1603.jpg 2048w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/planche1-logos-yul-traiteur-1200x940.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/planche1-logos-yul-traiteur-1980x1550.jpg 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Recherches vectorielles pour la mise au point du logo Yul Traiteur, par Fabien Vielcazal (source&nbsp;: <a href=\"http:\/\/www.backsidepixels.com\/recherche-logotype-yul-traiteur\/\" target=\"_blank\" rel=\"noreferrer noopener\">backsidepixels.com<\/a>)<\/figcaption><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_tests_et_laffinage\"><\/span>Les tests et l&rsquo;affinage<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>L&rsquo;\u00e9tape des tests peut commencer&#8230; \u00c0 vrai dire, si vous avez suivi jusque l\u00e0 les conseils de votre formateur, il y a toutes les chances que vos propositions passent brillamment les tests de lecture en conditions extr\u00eames.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/com-crea\/design-logos\/index.html#creation\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/11\/tests-indispensables-1024x495.png\" alt=\"\" class=\"wp-image-3534\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/11\/tests-indispensables-1024x495.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/11\/tests-indispensables-600x290.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/11\/tests-indispensables-768x371.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/11\/tests-indispensables-1200x580.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/11\/tests-indispensables.png 1355w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Pour plus de d\u00e9tails sur le sujet, consultez <a rel=\"noreferrer noopener\" href=\"http:\/\/graphizm.fr\/com-crea\/design-logos\/index.html#creation\" target=\"_blank\">le support principal du cours<\/a> et pour faire vite, rendez-vous sur <a rel=\"noreferrer noopener\" href=\"https:\/\/logolab.app\/home\" target=\"_blank\">logolab.app<\/a><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/logolab.app\/home\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"533\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logolab-1024x533.png\" alt=\"\" class=\"wp-image-990\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logolab-1024x533.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logolab-600x312.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logolab-768x400.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logolab-1200x624.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logolab.png 1353w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_propositions_au_client\"><\/span>Les propositions au client<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>La formule des 3 propositions SOC  (1 s\u00fbre, 1 originale, 1 cr\u00e9ative) est tir\u00e9e du livre de George SINCLAIR <a rel=\"noreferrer noopener\" href=\"https:\/\/www.dunod.com\/sciences-techniques\/design-graphique-et-strategie-marque-du-logotype-au-concept-retail-fondamentaux\" target=\"_blank\">Design graphique et strat\u00e9gie de marque<\/a>. Francis COURT, de son c\u00f4t\u00e9 propose g\u00e9n\u00e9ralement \u00e0 ses clients 4 propositions, qu&rsquo;il montre dans <a rel=\"noreferrer noopener\" href=\"https:\/\/www.fabricecourt.com\/creation-charte-graphique-logo\/\" target=\"_blank\">son portfolio<\/a>, \u00e0 la rubrique \u201cR\u00e9alisations &gt; charte graphique\u201d. David GARDNER, quant \u00e0 lui, envisage sans complexe la dizaine de propositions, m\u00eame si rien n&rsquo;est dit \u00e0 ce sujet sur le site <a rel=\"noreferrer noopener\" href=\"https:\/\/gardnerdesign.com\/logos\" target=\"_blank\">gardnerdesign.com<\/a>. Il explique sa d\u00e9marche dans son livre <a rel=\"noreferrer noopener\" href=\"http:\/\/www.parramon.fr\/livre\/14\/la-creation-de-logos\" target=\"_blank\">La cr\u00e9ation de logo<\/a>.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><strong>La pr\u00e9sentation des propositions au client peut prendre de nombreuses formes, de la simple diapositive \u00e0 l&rsquo;infographie d\u00e9taillant toute la d\u00e9marche d&rsquo;id\u00e9ation et de cr\u00e9ation<\/strong>. Je vous propose, dans le cadre de la formation, d&rsquo;utiliser la base du gabarit de la planche de style pour montrer l&rsquo;essentiel d&rsquo;une proposition en un seul \u00e9cran.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/proposition-logo-Renovation-OK.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/proposition-logo-Renovation-OK-1024x768.png\" alt=\"\" class=\"wp-image-1170\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/proposition-logo-Renovation-OK-1024x768.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/proposition-logo-Renovation-OK-600x450.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/proposition-logo-Renovation-OK-768x576.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/proposition-logo-Renovation-OK-1536x1152.png 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/proposition-logo-Renovation-OK-1200x900.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/proposition-logo-Renovation-OK.png 1588w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>C&rsquo;est une formule minimaliste qui anticipe la r\u00e9alisation de la planche de marque (brandboard), lors de la phase de r\u00e9alisation.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c En explorant la documentation mise \u00e0 votre disposition sur <a href=\"https:\/\/y-goguely.netboard.me\/designlogos\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/y-goguely.netboard.me\/designlogos\/<\/a>, vous d\u00e9couvrirez d&rsquo;autres types de pr\u00e9sentation. Je vous en propose quelques unes, sous forme d&rsquo;images verticales \u00e0 faire d\u00e9filer, disponibles dans une archive \u00e0 t\u00e9l\u00e9charger.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--6\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/graphizm.fr\/com-crea\/design-logos\/presentations-logos.zip\" style=\"border-radius:10px\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger les pr\u00e9sentations infographiques<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Vous trouverez sur le site <a rel=\"noreferrer noopener\" href=\"https:\/\/99designs.fr\/blog\/conseils-design\/presenter-designs-a-vos-clients\/\" target=\"_blank\">99design.fr<\/a> des conseils sur la mani\u00e8re de pr\u00e9senter votre design au client de mani\u00e8re plus aboutie.<\/p>\n\n\n\n<p>Il existe aussi des planches sur lesquelles il est possible de d\u00e9cliner l&rsquo;usage d&rsquo;un logo sur diff\u00e9rents supports. Il convient de les utiliser avec discernement car, le plus souvent, les formats de papeterie propos\u00e9s ne sont pas ceux utilis\u00e9s en Europe. Vous en trouverez toutefois un grand nombre sur <a rel=\"noreferrer noopener\" href=\"https:\/\/www.freepik.com\/search?dates=any&amp;format=search&amp;page=1&amp;query=branding&amp;sort=popular&amp;type=vector\" target=\"_blank\">freepik.com<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3-_La_realisation\"><\/span>3- La r\u00e9alisation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ayant examin\u00e9 vos propositions, votre client en a choisi une. Super&nbsp;! &#8230; mais il peut vous avoir demand\u00e9 de mixer 2 propositions. Quoi qu&rsquo;il en soit, le moment est venu de finaliser le logo en tenant compte des attentes formul\u00e9es.<\/p>\n\n\n\n<p>Dans son livre intitul\u00e9 <a rel=\"noreferrer noopener\" href=\"https:\/\/www.dunod.com\/sciences-techniques\/design-graphique-et-strategie-marque-du-logotype-au-concept-retail-fondamentaux\" target=\"_blank\">Design graphique et strat\u00e9gie de marque<\/a> George Sinclair nous montre un exemple de combinaison de 2 propositions, \u00e0 la demande du client.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/affinagePizzaCozy-1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1013\" height=\"697\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/affinagePizzaCozy-1.png\" alt=\"\" class=\"wp-image-1114\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/affinagePizzaCozy-1.png 1013w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/affinagePizzaCozy-1-600x413.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/affinagePizzaCozy-1-768x528.png 768w\" sizes=\"auto, (max-width: 1013px) 100vw, 1013px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Une fois cette combinaison effectu\u00e9e, le designer aurait pu se satisfaire du r\u00e9sultat. Il a cependant pouss\u00e9 plus loin ses recherches pour aboutir \u00e0 la solution d\u00e9finitive pr\u00e9sent\u00e9e ci-dessous.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/affinagePizzaCozy-2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"679\" height=\"351\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/affinagePizzaCozy-2.png\" alt=\"\" class=\"wp-image-1115\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/affinagePizzaCozy-2.png 679w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/affinagePizzaCozy-2-600x310.png 600w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>La combinaison texte-image est diff\u00e9rente. La seconde version se lit plus facilement, m\u00eame si la r\u00e9f\u00e9rence \u00e0 la planche ronde est moins visible.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Un logo, dans sa forme \u201cbrute\u201d, peut d&#8217;embl\u00e9e avoir \u00e9t\u00e9 valid\u00e9 sous diff\u00e9rentes formes. Il sera alors plus facile de mettre au point les variantes n\u00e9cessaires pour r\u00e9pondre aux diff\u00e9rentes utilisations du logo.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"243\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/logo-Bikkle-variantes.jpg\" alt=\"\" class=\"wp-image-1124\"\/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_finalisation_des_variantes\"><\/span>La finalisation des variantes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-accent-background-color has-background\">\u279c Une fois le logo mis au point sous une forme standard, il va \u00eatre n\u00e9cessaire de <strong>finaliser ses principales variantes<\/strong>. Cela se r\u00e9alise en tenant compte des donn\u00e9es du cahier des charges et des besoins du client.<\/p>\n\n\n\n<p><strong>Les premi\u00e8res variantes d\u00e9coulent de l&rsquo;utilisation du logo sur des \u00e9crans de diff\u00e9rentes tailles.<\/strong> Il s&rsquo;agit de supprimer des d\u00e9tails sans pour autant alt\u00e9rer la reconnaissance de la marque. Vous en avez plusieurs exemples ci-dessous, pour 4 marques bien connues.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"364\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/responsive-logos-01.png\" alt=\"\" class=\"wp-image-1119\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/responsive-logos-01.png 700w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/responsive-logos-01-600x312.png 600w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Les secondes variantes concernent l&rsquo;usage du logo en une seule couleur ou en niveaux de gris.<\/strong> Des recherches doivent parfois \u00eatre de nouveau men\u00e9es pour trouver des solutions adapt\u00e9e \u00e0 un usage du logo dans un cadre ou sans cadre. Le logo de Slack se pr\u00e9sente sous des formes diff\u00e9rentes en couleurs ou en noir et blanc.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"767\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-Slack.jpeg\" alt=\"\" class=\"wp-image-1121\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-Slack.jpeg 992w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-Slack-600x464.jpeg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-Slack-768x594.jpeg 768w\" sizes=\"auto, (max-width: 992px) 100vw, 992px\" \/><\/figure>\n<\/div>\n\n\n<p>La planche suivante montre les variantes en noir et blanc et en couleurs du logo des mus\u00e9es de Cambridge. <strong>Deux types de formats sont pr\u00e9sent\u00e9es, permettant une utilisation optimale du logo en fonction des proportions de l&rsquo;espace allou\u00e9e \u00e0 la marque<\/strong>. Une s\u00e9rie de variantes s&rsquo;inscrit dans un rectangle et l&rsquo;autre s\u00e9rie s&rsquo;inscrit dans un carr\u00e9.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-MiC-1024x724.jpg\" alt=\"\" class=\"wp-image-1123\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-MiC-1024x724.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-MiC-600x424.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-MiC-768x543.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-MiC-1536x1086.jpg 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-MiC-2048x1448.jpg 2048w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-MiC-1200x849.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-MiC-1980x1400.jpg 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Les variantes suivantes d\u00e9coulent de l&rsquo;existence \u00e9ventuelle de filiales de la marque.<\/strong> Une unit\u00e9 s&rsquo;impose pour les logos de l&rsquo;ensemble des secteurs concern\u00e9s. Voyez comment le probl\u00e8me a \u00e9t\u00e9 r\u00e9solu pour bTV Television.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"833\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-BTV-1024x833.jpg\" alt=\"\" class=\"wp-image-1120\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-BTV-1024x833.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-BTV-600x488.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-BTV-768x625.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/variantes-logo-BTV.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_brand_board_ou_planche_de_marque\"><\/span>La brand board ou planche de marque<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Une brand board ou planche de marque est le livrable minimum \u00e0 fournir au client (ou au DA&#8230;) en fin de projet.<\/p>\n\n\n\n<p class=\"has-secondary-background-color has-background\"><strong>La planche de marque est, sous sa forme la plus rapidement mise en \u0153uvre, une proposition au client finalis\u00e9e<\/strong> (proposition qui est elle-m\u00eame un am\u00e9nagement de la planche de style).<\/p>\n\n\n\n<p>Cette planche doit permettre aux utilisateurs du logo de disposer des informations minimales pour d\u00e9velopper l&rsquo;identit\u00e9 visuelle de la marque. C&rsquo;est une charte graphique minimaliste. Bien d&rsquo;autres choses restent \u00e0 faire pour construire une identit\u00e9 visuelle compl\u00e8te mais l&rsquo;essentiel est l\u00e0.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandBoard-OK-Renovation.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandBoard-OK-Renovation-1024x768.png\" alt=\"\" class=\"wp-image-1172\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandBoard-OK-Renovation-1024x768.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandBoard-OK-Renovation-600x450.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandBoard-OK-Renovation-768x576.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandBoard-OK-Renovation-1536x1152.png 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandBoard-OK-Renovation-1200x900.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandBoard-OK-Renovation.png 1588w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--7\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/06\/brandBoard-OK-Renovation.pdf\" style=\"border-radius:10px\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger le mod\u00e8le ci-dessus au format PDF<\/a><\/div>\n<\/div>\n\n\n\n<p><strong>Il existe de nombreux gabarits de brand boards disponibles sur le Web.<\/strong> Ceux qui vous sont pr\u00e9sent\u00e9s ci dessous proviennent de <a rel=\"noreferrer noopener\" href=\"https:\/\/creativemarket.com\/adelemawhinney\" target=\"_blank\">AM Studio<\/a>, sur Creative Market. Ils sont payants&nbsp;!<\/p>\n\n\n\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c <strong>On trouve aussi des gabarits gratuits<\/strong>, sur <a href=\"https:\/\/www.canva.com\/fr_fr\/modeles\/?query=brand-board\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a> par exemple. Vous trouverez \u00e9galement sur <a href=\"https:\/\/hellonobo.com\/blog\/brand-board\" target=\"_blank\" rel=\"noreferrer noopener\">hellonobo.com<\/a> la liste des \u00e9l\u00e9ments \u00e0 ins\u00e9rer dans une brand board, ainsi q\u00a0\u00bbun mod\u00e8le de pr\u00e9sentation (voir ci-dessous)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/hellonobo.com\/blog\/brand-board\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"670\" height=\"1024\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brand-board-Hello-Nobo-670x1024.png\" alt=\"\" class=\"wp-image-1148\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brand-board-Hello-Nobo-670x1024.png 670w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brand-board-Hello-Nobo-393x600.png 393w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brand-board-Hello-Nobo.png 750w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-accent-background-color has-background\"><strong>Dans le cadre de la formation Com-Cr\u00e9a, le niveau 2 prend fin \u00e0 ce stade de la production.<\/strong> Dans un cadre professionnel, en agence de communication ou en studio graphique, les choses peuvent aller beaucoup plus loin. Je vous donne quelques indications dans la suite du cours.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Le_developpement_de_lidentite_visuelle\"><\/span>Le d\u00e9veloppement de l&rsquo;identit\u00e9 visuelle<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Si vous vous \u00eates convenus avec le client pour d\u00e9velopper une identit\u00e9 visuelle plus compl\u00e8te, bien des choses restent \u00e0 r\u00e9aliser. Les premi\u00e8res productions porteront sur la mise au point de la papeterie d&rsquo;entreprise.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"709\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/papeterie-Espace-Bauhaus.png\" alt=\"\" class=\"wp-image-1158\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/papeterie-Espace-Bauhaus.png 1001w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/papeterie-Espace-Bauhaus-600x425.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/papeterie-Espace-Bauhaus-768x544.png 768w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/figure>\n<\/div>\n\n\n<p>Il s&rsquo;agira ensuite d&rsquo;anticiper les formes que prendront couleurs, typographies et variantes du logo sur les divers supports utilis\u00e9s dans la communication interne et externe de l&rsquo;entreprise. De la publicit\u00e9 sur objets au site Web \u201cresponsive\u201d, en passant par le marquage des v\u00e9hicules et des tenues de travail, la pr\u00e9sentation des \u201cPowerpoints\u201d, etc.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Tout cela devra \u00eatre chart\u00e9, normalis\u00e9&#8230; et pr\u00e9sent\u00e9 avec soin sur <strong>un guide ou manuel de marque, une charte graphique<\/strong> de l&rsquo;identit\u00e9 visuelle de la marque.<\/p>\n\n\n\n<p>Vous pouvez prendre connaissance de plusieurs \u201cbrand guidelines\u201d ou chartes graphiques en ligne sur plusieurs sites sp\u00e9cialis\u00e9s  :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/issuu.com\/search?q=brand%20guidelines\" target=\"_blank\">issuu.com<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/fr.calameo.com\/search#search-chartes%20graphiques\/books\" target=\"_blank\" rel=\"noreferrer noopener\">calameo.com<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/chartes-graphiques.com\/\" target=\"_blank\">chartes-graphiques.com<\/a><\/li>\n<\/ul>\n\n\n\n<p>Certaines chartes graphiques sont tr\u00e8s succintes. Il est facile de les mettre en \u0153uvre \u00e0 partir d&rsquo;une simple brand board. Par contre, <strong>produire des chartes graphiques compl\u00e8tes repr\u00e9sente un \u00e9norme travail.<\/strong> Assurez-vous que ce travail fait bien partie du contrat sign\u00e9 avec votre client avant de vous lancer dans un tel chantier&nbsp;!<\/p>\n\n\n\n<p>\u279c Pour faciliter cette mise en \u0153uvre et le partage de la charte graphique avec l&rsquo;ensemble de ses utilisateurs potentiels, il existe des plateformes de cr\u00e9ation et de publication en ligne de \u201cbrand guidelines\u201d. <a rel=\"noreferrer noopener\" href=\"https:\/\/brandpad.io\/\" target=\"_blank\">brandpad.io<\/a> en est un exemple int\u00e9ressant (cliquez sur l&rsquo;image ci-dessous pour consulter le charte graphique en ligne de Pancake Skateboards). <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/brandpad.io\/pancake-skateboards\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandpad-example-1024x541.png\" alt=\"\" class=\"wp-image-1161\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandpad-example-1024x541.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandpad-example-600x317.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandpad-example-768x406.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandpad-example-1200x634.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brandpad-example.png 1384w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Plus simple, la plateforme <a rel=\"noreferrer noopener\" href=\"https:\/\/www.canva.com\/templates\/?query=brand-guideline\" target=\"_blank\">canva.com<\/a>, propose aussi des gabarits de \u201cbrand guideline\u201d \u00e0 personnaliser en fonction des besoins identifi\u00e9s.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.canva.com\/templates\/?query=brand-guideline\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"622\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brand-guideline-canva-1024x622.png\" alt=\"\" class=\"wp-image-1166\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brand-guideline-canva-1024x622.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brand-guideline-canva-600x365.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brand-guideline-canva-768x467.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/05\/brand-guideline-canva.png 1144w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Au cours du niveau 2 de la formation Com-Cr\u00e9a, vous allez apprendre \u00e0 mener de mani\u00e8re m\u00e9thodique la cr\u00e9ation d&rsquo;un logotype. Nous distinguerons cinq phases cl\u00e9s et nous insisterons sur les trois phases centrales du processus&nbsp;: Ces trois phases sont encadr\u00e9es par la phase de pr\u00e9paration et la phase de finalisation. Pr\u00e9ambule Des ressources sont [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,4],"tags":[],"class_list":["post-829","post","type-post","status-publish","format-standard","hentry","category-cc2-cours","category-com-crea"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","twentytwenty-fullscreen":""},"post_excerpt_stackable_v2":"<p>Au cours du niveau 2 de la formation Com-Cr\u00e9a, vous allez apprendre \u00e0 mener de mani\u00e8re m\u00e9thodique la cr\u00e9ation d&rsquo;un logotype. Nous distinguerons cinq phases cl\u00e9s et nous insisterons sur les trois phases centrales du processus&nbsp;: l&rsquo;id\u00e9ation la conception la r\u00e9alisation Ces trois phases sont encadr\u00e9es par la phase de pr\u00e9paration et la phase de finalisation. Sommaire Toggle Pr\u00e9ambuleLes \u00e9tapes de la cr\u00e9ation d&rsquo;un logoLe support de cours1 &#8211; Pr\u00e9paration et Id\u00e9ationLe briefLa documentationLa planche de tendanceL&rsquo;arbre th\u00e9matiqueLa grille de d\u00e9termination de l&rsquo;axe de stylisation (facultatif)La planche de style2- La cr\u00e9ationLes esquisses manuscritesLe maquettage vectorielLes tests et l&rsquo;affinageLes propositions au\u2026<\/p>","category_list_v2":"<a href=\"https:\/\/graphizm.fr\/greta\/category\/com-crea\/cc2-cours\/\" rel=\"category tag\">CC2-cours<\/a>, <a href=\"https:\/\/graphizm.fr\/greta\/category\/com-crea\/\" rel=\"category tag\">Com-Cr\u00e9a<\/a>","author_info_v2":{"name":"Yves Goguely","url":"https:\/\/graphizm.fr\/greta\/author\/formationsgreta\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/comments?post=829"}],"version-history":[{"count":256,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/829\/revisions"}],"predecessor-version":[{"id":6928,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/829\/revisions\/6928"}],"wp:attachment":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/media?parent=829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/categories?post=829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/tags?post=829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}