{"id":6039,"date":"2017-08-06T21:34:09","date_gmt":"2017-08-06T20:34:09","guid":{"rendered":"https:\/\/www.printoclock.com\/blog\/?p=6039"},"modified":"2018-12-19T16:50:59","modified_gmt":"2018-12-19T15:50:59","slug":"choisir-couleurs-sites-print","status":"publish","type":"post","link":"https:\/\/www.printoclock.com\/blog\/choisir-couleurs-sites-print\/","title":{"rendered":"Quelle(s) couleur(s) choisir pour votre communication ?"},"content":{"rendered":"

Vous avez un site Internet ? Vous faites du print ? Du design ? \u00a0Alors vous devez \u00eatre conscient de l\u2019importance des couleurs employ\u00e9es, afin que l\u2019exp\u00e9rience de vos utilisateurs soit agr\u00e9able et vos dispositifs accueillants. En effet, c\u2019est le choix des couleurs qui d\u00e9finira l’ambiance de votre site et\u00a0l\u2019effet sur les visiteurs y acc\u00e9dant pour la premi\u00e8re fois.<\/p>\n

Et malheureusement, m\u00eame si votre site est parfaitement con\u00e7u, vos efforts seront vains si vous faites une erreur dans le choix de vos couleurs. Idem pour le wording impeccable et les offres all\u00e9chantes mises en avant dans votre communication print…Tant d\u2019efforts sacrifi\u00e9s par un Pantone 448C.\u00a0\u00c0 l\u2019heure o\u00f9 tous les sites e-commerces cherchent \u00e0 se d\u00e9marquer, s\u00e9lectionner les bonnes combinaisons de couleurs semble \u00eatre une n\u00e9cessit\u00e9 pour perdurer. Pour cela, il y a un ensemble de facteurs \u00e0 prendre en compte. Nous allons les explorer ensemble aujourd\u2019hui.<\/p>\n

\"\"<\/strong>Se poser les bonnes questions<\/h2>\n

Avant d\u2019arr\u00eater votre choix, il va \u00eatre n\u00e9cessaire de vous poser les bonnes questions :<\/p>\n

\n

\u00ab\u00a0Quelles couleurs devrais-je utiliser pour les titres et logos ? Est-ce que je sais quelles vont \u00eatre les couleurs compl\u00e9mentaires ? Y a-t-il des parties qui n\u00e9cessiteraient d\u2019\u00eatre laiss\u00e9es vierges ?\u00a0\u00bb<\/em><\/p>\n

En effet, ces \u00e9tapes – bien que difficiles – sont pourtant un passage pr\u00e9alable \u00e0 la cr\u00e9ation de votre identit\u00e9 visuelle. Il va vous falloir jongler entre harmonie des couleurs et surcharge oculaire fatale, entre blancs tournants et vides angoissants. Il y a donc un \u00e9quilibre \u00e0 trouver, pour lequel il est important de tenir compte de ces quelques incontournables :<\/span><\/p>\n<\/blockquote>\n

– Identifiez la couleur principale de votre site, celle qui collera parfaitement avec votre identit\u00e9 de marque
\n– \u00c0 cette couleur, associez intelligemment une \u00e0 deux couleurs compl\u00e9mentaires
\n– Faites attention aux frictions entre premier plan et arri\u00e8re plan<\/p>\n

Quelques conseils de graphistes<\/h2>\n

Gardez \u00e0 l\u2019esprit que le choix d\u2019une couleur sur un support de communication, c\u2019est le choix d\u2019une couleur pour votre marque<\/h3>\n

Il ne s\u2019agit donc pas seulement de faire correspondre les couleurs de vos textes avec celles de vos arri\u00e8res-plans. Votre couleur principale doit g\u00e9n\u00e9ralement se rapprocher au plus pr\u00e8s de celle de votre identit\u00e9 de marque. Par exemple, vous n\u2019allez pas utiliser diff\u00e9rents logos en fonction des supports sur lesquels vous les faites para\u00eetre. C\u2019est pareil ici. Soyez coh\u00e9rent avec l\u2019utilisation de vos couleurs sur les diff\u00e9rentes plateformes o\u00f9 vous vous trouvez. C\u2019est comme cela que vous cr\u00e9erez une identit\u00e9 de marque unique et instantan\u00e9ment identifiable.<\/p>\n

Apr\u00e8s votre couleur primaire, choisissez vos couleurs compl\u00e9mentaires avec soin<\/h3>\n

\"\"<\/p><\/blockquote>\n

Car avoir des connaissances basiques du fonctionnement de la roue des couleurs vous aidera \u00e0 cr\u00e9er une harmonie entre vos couleurs primaires, secondaires et tertiaires.
\nSi vous \u00eates n\u00e9ophyte et si ces termes ne vous parlent pas :
\n– Les couleurs primaires sont celles faisant partie d\u2019un ensemble qui par combinaison peut g\u00e9n\u00e9rer l\u2019ensemble des couleurs perceptible par l\u2019oeil humain.
\n– Les couleurs secondaires sont celles obtenues \u00e0 partir du m\u00e9lange en quantit\u00e9 \u00e9gale de deux couleurs primaires.
\n– Enfin, les couleurs tertiaires sont obtenues par le m\u00e9lange en quantit\u00e9 \u00e9gale d\u2019une couleur primaire et de la couleur secondaire la plus proche sur le cercle chromatique.<\/p>\n

\"\"<\/strong>Le design, pas seulement une question d\u2019esth\u00e9tique<\/h3>\n

Pour votre site internet, par exemple, la fluidit\u00e9 de navigation va jouer un r\u00f4le d\u00e9terminant dans l\u2019exp\u00e9rience des utilisateurs (UX). Cette m\u00eame UX concerne \u00e9galement le choix de vos couleurs. Quelques tips de designer :
\n– Assurez-vous que les couleurs de vos textes et arri\u00e8res-plans soient facilement lisibles pour les personnes de tous \u00e2ges
\n– Les utilisateurs malvoyants appr\u00e9cieront l\u2019utilisation de couleurs fortement contrast\u00e9es
\n– Utilisez des couleurs vives pour vos boutons de navigation, call-to-action et autres zones cliquables<\/p>\n

Tenez compte (ou non) de la psychologie des couleurs<\/strong><\/h3>\n

La psychologie des couleurs est constitu\u00e9e d’un ensemble de th\u00e9ories qui divisent le monde des arts graphiques. Son fondement ? Les couleurs entretiendraient des liens \u00e9troits avec notre humeur et nos sentiments. Pour utiliser la psychologie des couleurs \u00e0 votre avantage, essayez de d\u00e9terminer quelles couleurs am\u00e8nent les sentiments que vous souhaitez g\u00e9n\u00e9rer chez vos futurs clients afin de cr\u00e9er un nuancier, utilisable sur vos supports. Nous reviendrons dessus dans la prochaine partie.<\/p>\n

Des couleurs et des messages<\/strong><\/h2>\n

En 2006, Satyendra Singh avan\u00e7ait dans \u201cImpact of color on marketing<\/i>\u201d qu\u2019il faut \u00ab\u00a0moins de 90 secondes \u00e0 un consommateur pour se cr\u00e9er une opinion d\u2019un produit ou d\u2019une marque<\/em>\u00ab\u00a0. Et 75 % de cette opinion serait uniquement d\u00e9pendante de la couleur \u00e0 laquelle il associe la marque. Il y a donc un fort enjeu marketing \u00e0 choisir avec attention la couleur qui sera par la suite associ\u00e9e \u00e0 votre marque dans l\u2019esprit des potentiels clients.<\/p>\n

Pour Eric D., designer \u00e0 Lyon, le choix d\u2019une couleur doit \u00eatre envisag\u00e9 selon diff\u00e9rents facteurs : \u201cPour bien choisir une couleur, il est n\u00e9cessaire de s\u2019interroger sur le message qui accompagne la couleur. Par exemple : \u00c0 qui je m\u2019adresse ? De quelle mani\u00e8re ? Dans quel but ?. Petit bonus : \u00e7a peut para\u00eetre idiot mais le choix d\u2019une couleur doit \u00e9galement tenir compte de l\u2019environnement des personnes qui vont recevoir l\u2019information. C\u2019est difficile mais la saison (et le temps) peuvent \u00eatre des indicateurs de l\u2019environnement de r\u00e9ception d\u2019un message. Certaines couleurs vont bien mieux convertir durant le printemps ou l\u2019\u00e9t\u00e9, d\u2019autres seront plus efficaces en hiver.<\/i>\u201d<\/p>\n

Pour Laetitia, CEO de N\u00e9ographe Factory<\/a>, \u201cil est important de rester simple dans le choix de ses couleurs<\/i>\u201d mais aussi de \u201crespecter la r\u00e8gle des 60-30-10 : 60 % de l\u2019espace pour la couleur principale, 30 % pour la couleur secondaire (afin de cr\u00e9er un contraste avec la premi\u00e8re et attirer l\u2019attention sur les \u00e9l\u00e9ments \u00e0 mettre en valeur), 10 % pour la couleur compl\u00e9mentaire (pour accentuer les \u00e9l\u00e9ments strat\u00e9giques comme les call-to-action)<\/i>\u201d.<\/p>\n

Quelques couleurs \u00e0 envisager dans vos supports<\/strong><\/h2>\n

Mais le choix des couleurs serait \u00e9galement une question de genre. Ce qui va suivre s\u2019appuie sur une \u00e9tude r\u00e9alis\u00e9e par Joe Hallock, designer et photographe am\u00e9ricain. Selon Hallock, il y aurait chez les hommes et les femmes trois couleurs g\u00e9n\u00e9ratrices de sentiments positifs et trois autres qui seraient porteuses de sentiments n\u00e9gatifs. Apr\u00e8s avoir effectu\u00e9 de nombreux sondages sur diff\u00e9rentes classes sociales de la population am\u00e9ricaine, Hallock est arriv\u00e9 aux r\u00e9sultats suivants.<\/p>\n

Sur une client\u00e8le f\u00e9minine, les couleurs les plus appr\u00e9ci\u00e9es seraient : le bleu (35 %), le violet (23 %) et le vert (14 %). \u00c0 l\u2019inverse, le orange (33 %), le marron (20 %) et le gris (17 %) seraient r\u00e9dhibitoires pour la grande majorit\u00e9 des femmes interrog\u00e9es.
\nPour les hommes, les couleurs \u00e0 \u00e9viter pour l\u2019identit\u00e9 visuelle de votre marque seraient : le violet (22 %), le orange (22 %) et le marron (27 %). Ceux-ci auraient en revanche une pr\u00e9f\u00e9rence pour le bleu (57 %), le vert (14 %) et le noir (9%). On constate que le bleu est LA couleur la plus appr\u00e9ci\u00e9e, que ce soit chez les femmes ou chez les hommes.<\/p>\n

Couleurs et sentiments\"\"<\/strong><\/h2>\n

La pr\u00e9dominance du bleu dans l\u2019identit\u00e9 visuelle des marques n\u2019est pas un hasard. En plus d\u2019\u00eatre la couleur la plus appr\u00e9ci\u00e9e, elle aurait pour effet de mettre le r\u00e9cepteur en confiance, en lui donnant un sentiment de s\u00e9curit\u00e9, de calme et d\u2019apaisement. \u00c0 utiliser donc sans mod\u00e9ration pour vos supports papier ou web, notamment si vous cherchez \u00e0 gagner la confiance de vos clients. En revanche, si le secteur d\u2019activit\u00e9 de votre marque est l\u2019alimentation sachez ceci : l\u2019association du bleu \u00e0 l\u2019alimentation est contre-productif, ce dernier \u00e9tant assimil\u00e9 au poison. Pour exemple, saviez-vous que certains di\u00e9t\u00e9ticiens utilisent des assiettes bleues pour r\u00e9duire l’app\u00e9tit de leurs patients ?<\/p>\n

Le vert est \u00e9galement une couleur vectrice de sentiments positifs. C\u2019est la couleur de la nature, de l\u2019ext\u00e9rieur, amenant une touche de fra\u00eecheur dans votre identit\u00e9 de marque et vos supports. Pour Guillaume S., graphiste freelance \u00e0 Agen, \u201cle vert est id\u00e9al pour mettre en avant une information unique, que ce soit sur une affiche, des flyers et bien \u00e9videmment un call-to-action. Ce n\u2019est pas une l\u00e9gende, les appels \u00e0 l\u2019action verts sont ceux qui convertissent le mieux lorsque leur environnement est optimis\u00e9. <\/i>\u201d. Petit plus, une \u00e9quipe de chercheurs de la Regent\u2019s University de Londres a r\u00e9cemment \u00e9tudi\u00e9 les effets de cette couleur pour montrer qu\u2019elle influence de mani\u00e8re directe la cr\u00e9ativit\u00e9 visuelle.<\/p>\n

Parmi les couleurs les plus pr\u00e9sentes dans les identit\u00e9s visuelles, on retrouve le noir. Utilis\u00e9 dans les domaine du luxe et du haut de gamme. Pour notre cerveau humain, plus la couleur est sombre plus elle est synonyme de sophistication et d\u2019\u00e9l\u00e9gance. Au-del\u00e0 de \u00e7a, le noir a une notion intemporelle, que l\u2019on retrouve notamment chez les marques de haute-couture ou de maroquinerie.<\/p>\n

Selon les diverses \u00e9tudes r\u00e9alis\u00e9es par Hallock, le rouge am\u00e8nerait un sentiment d\u2019impulsivit\u00e9. Hallock la d\u00e9crit comme une couleur qui aiderait \u00e0 \u201cstimuler l\u2019activit\u00e9 physique, donnerait envie de se d\u00e9passer et confiance en soi\u201d. Cela expliquerait, par exemple, son utilisation fr\u00e9quente dans les logos de clubs sportifs. En France, Monaco, Paris, Nice, Lyon pour le foot, Toulon ou encore Toulouse c\u00f4t\u00e9 rugby en ont fait l\u2019une de leurs couleurs principales. Elle est \u00e9galement r\u00e9currente dans le secteur du jouet pour enfant que ce soit chez les marques ou les enseignes qui les distribuent (JouetClub, KingJouet, Lego, Mattel, etc.).<\/p>\n

\u00c0 prendre avec des pipettes
\n<\/strong><\/h2>\n

N\u00e9anmoins, l’interpr\u00e9tation des couleurs est largement d\u00e9pendante du contexte culturel, des diff\u00e9rentes religions et communaut\u00e9s. Par exemple, certaines cultures consid\u00e8rent le blanc comme un symbole de la puret\u00e9, l\u00e0 o\u00f9 d’autres y verront une repr\u00e9sentation du deuil. De m\u00eame, certaines couleurs sont consid\u00e9r\u00e9es comme sacr\u00e9es dans certaines religions, comme le vert, symbole d’immortalit\u00e9 pour les musulmans. En France, par exemple, notre interpr\u00e9tation des couleurs reste encore aujourd’hui influenc\u00e9e par leur utilisation dans la religion catholique.
\nPendant que vous choisirez les futures couleurs de vos supports, gardez \u00e0 l’esprit votre cible et le contexte culturel qui est le sien.<\/p>\n

\n

Si vous d\u00e9butez et craignez de ne pas faire le bon choix de couleurs pour vos supports, n’h\u00e9sitez pas \u00e0 passer par un(e) (web)designer<\/a> !\u00a0<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Vous avez un site Internet ? Vous faites du print ? Du design ? \u00a0Alors vous devez \u00eatre conscient de l\u2019importance des couleurs employ\u00e9es, afin que l\u2019exp\u00e9rience de vos utilisateurs soit agr\u00e9able et vos dispositifs accueillants. En effet, c\u2019est le choix des couleurs qui d\u00e9finira l’ambiance de votre site et\u00a0l\u2019effet sur les visiteurs y acc\u00e9dant […]<\/p>\n","protected":false},"author":1,"featured_media":7534,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"facebook_10227655330001852_196003483236":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[440],"tags":[],"class_list":{"0":"post-6039","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-print-astuces"},"_links":{"self":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/6039"}],"collection":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/comments?post=6039"}],"version-history":[{"count":60,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/6039\/revisions"}],"predecessor-version":[{"id":8677,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/posts\/6039\/revisions\/8677"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/media\/7534"}],"wp:attachment":[{"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/media?parent=6039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/categories?post=6039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.printoclock.com\/blog\/wp-json\/wp\/v2\/tags?post=6039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}