L'essentiel de l'identité visuelle : qu'est-ce qui se cache derrière l'apparence et la convivialité parfaites de la marque ?

Si une image vaut mille mots, alors votre identité visuelle en vaut un million. C'est l'un des meilleurs moyens pour votre marque de présenter une image cohérente qui inspire le public, lui donne l'impression d'être vu ou de faire partie d'une communauté spéciale. Mais quel rôle l'identité visuelle joue-t-elle pour fidéliser les consommateurs et influencer leurs choix de marque ?

Eh bien, considérez ces deux faits : 95 % des décisions d'achat se produisent à un niveau subconscient, et les consommateurs se décident presque instantanément sur une marque en fonction de son identité visuelle. Des études montrent que les gens :

• peut traiter des images en aussi peu que 13 millisecondes.

• se forger une opinion sur une page Web en fonction de son attrait visuel dans les 50 millisecondes après l'avoir vue.

• évaluer une marque en grande partie en fonction de la palette de couleurs qu'elle utilise.

Pas de pression, non ?

Dans ce guide, nous vous montrerons comment créer une identité visuelle qui représente fidèlement la personnalité de votre marque et engage efficacement votre public. Vous apprendrez pourquoi la couleur, la typographie, les images et la mise en page sont importantes, ainsi que la manière dont vous pouvez utiliser ces éléments pour transmettre la mission, la vision et les valeurs de votre marque.

Qu'est-ce que l'identité visuelle ?

L'identité visuelle est un terme générique qui englobe tous les éléments visuels d'une marque, de sa palette de couleurs et sa typographie à la mise en page de son site Web et de ses supports marketing. Ensemble, ces éléments créent une identité visuelle qui sert de sens symbolique à une marque. Une identité visuelle forte permet à une organisation de diffuser le bon message sur son objectif, sa mission et ses valeurs. Cela influence également la façon dont le public perçoit la marque et son adhésion à ces principes fondamentaux.

Attribution de l'image : Anthony Rosset chez Unsplash

En matière de marketing de contenu, l'importance de l'identité visuelle est primordiale. Sans accorder à votre identité visuelle toute l'attention qu'elle mérite, vous pourriez déformer votre marque et tout ce qu'elle représente. À son tour, votre public peut tirer de votre contenu des histoires très différentes de celles que vous essayiez réellement de raconter.

Votre identité visuelle se reflète à travers tout un écosystème de médias, qui peut inclure un site Web, la présence de médias sociaux, des publicités, des blogs, des vidéos, des micrographies, des infographies, des livres électroniques, etc. Ensemble, ces points de contact transmettent vos valeurs, produits et messages clés d'une manière qui devient la signature de votre marque.

Pourquoi l'identité visuelle est-elle importante ?

Votre identité visuelle transmet instantanément la personnalité et les valeurs de votre marque à son public. Une identité visuelle bien exécutée déclenche une affinité immédiate avec les clients et prospects. L'incohérence visuelle, en revanche, véhicule de l'incertitude - ou pire, de la négativité - et peut rendre vos lecteurs, clients ou clients incertains de votre marque ou même s'en méfier. Une identité visuelle cohérente et ciblée soutient la santé globale de votre marque de trois manières principales :

1. Il transmet la mission et la valeur de votre marque. Les organisations les plus engageantes et les plus emblématiques traitent l'identité visuelle comme une extension de la personnalité de leur marque. Marcher, parler et s'habiller délibérément comme une marque montre que vous avez confiance en vos objectifs et votre mission.

2. Il résonne avec votre public. Le pouvoir de l'identité visuelle réside dans sa capacité à susciter instantanément une affinité avec le public. Que vous essayiez d'atteindre des groupes démographiques spécifiques (parents célibataires âgés de 20 à 30 ans vivant à Denver, par exemple) ou des personnalités plus abstraites (comme des athlètes d'élite qui souhaitent tirer le meilleur parti de leurs entraînements), votre identité visuelle est un moyen pour montrer que vous comprenez les besoins émotionnels de votre public et que vous partagez ses valeurs.

3. Cela reflète votre pertinence culturelle. Tout comme les mots, les visuels sont des produits de notre contexte socioculturel et historique ; c'est aussi la façon dont les marques contribuent au contexte culturel de leur public. L'identité visuelle a le pouvoir d'évoluer avec votre public, démontrant la pertinence culturelle de votre marque à mesure que le monde qui l'entoure change.

Établir une identité visuelle cohérente et puissante ne consiste pas seulement à utiliser les mêmes couleurs sur votre site Web et votre page Facebook. Il s'agit de s'assurer que les images, les couleurs, les polices et les autres éléments visuels que vous utilisez se complètent sur tous les supports. De plus, il s'agit de s'assurer que ces éléments reflètent fidèlement la personnalité de votre marque et la valeur que vous apportez au public. Si les visiteurs de votre site Web peuvent déterminer rapidement ce qui est au cœur de votre entreprise avant même d'avoir lu un mot, alors vous faites quelque chose de bien dans le département de l'identité visuelle.

Quand avez-vous besoin d'une analyse d'identité visuelle ?

Il existe de nombreuses situations qui justifient une analyse d'identité visuelle. Certains de ces cas d'utilisation incluent lorsque vous êtes :

• en cours de rebranding

• lancement d'un nouveau site

• synthétiser le contenu sur plusieurs plates-formes/pages

• synchronisation des approches de conception entre les agences de création

• lancer une campagne sur les réseaux sociaux

• explorer de nouveaux types de contenus visuels (vidéo, infographie)

• créer une cohérence de marque après une fusion

Que vous partiez de zéro ou que vous modifiiez un guide de style existant, vous devrez maintenir une approche visuelle dynamique avec votre contenu pour vous assurer que votre identité visuelle globale est fiable et que vous pouvez vous en approprier.

Dans les sections suivantes, nous décomposons les éléments de l'identité visuelle où votre marque pourrait avoir besoin d'une mise au point. En examinant chacun d'eux, réfléchissez à votre plan d'affaires, à votre énoncé de mission et à votre énoncé de vision. Ensuite, analysez attentivement votre écosystème médiatique, en vous assurant que chaque élément est utilisé de manière réfléchie et efficace pour transmettre votre valeur. Si ce n'est pas le cas, il est temps de faire quelques ajustements.

Les éléments de l'identité visuelle

L'identité visuelle concerne le fait que le tout est supérieur à la somme de ses parties. Pour vraiment comprendre, identifier et aborder l'identité visuelle, vous devez considérer comment une marque utilise sa couleur, sa typographie, son imagerie et ses relations spatiales. Il existe d'autres éléments que vous pouvez explorer en tant que fonctions de l'identité visuelle, mais ceux-ci sont au cœur de toute stratégie de marque intelligente.

1. Palette de couleurs

La couleur est l'élément le plus fondamental de l'identité visuelle d'une marque. C'est la chose dont les auditoires ont tendance à se souvenir le plus au sujet d'une organisation; et lorsqu'il est utilisé efficacement, il peut même devenir le symbole d'une marque. Exemple concret : lorsque vous pensez à Coca Cola, un rouge saturé brillant vous vient probablement à l'esprit. Et quand vous pensez à son concurrent Pepsi, un bleu audacieux vous vient probablement à l'esprit. Bien que ces entreprises emblématiques s'appuient principalement sur une poignée de couleurs unies pour transmettre la personnalité de leurs marques, d'autres utilisent des palettes de couleurs et des hiérarchies plus complexes pour dire aux consommateurs qui elles sont.

Attribution de l'image : Clem Onojeghuo à Unsplash

Le pouvoir de la couleur : susciter l'émotion

Parce que les couleurs ont une signification émotionnelle si forte, elles ont un effet immédiat sur la façon dont nous traitons quelque chose et sur la façon dont nous réagissons en le voyant. Une marque qui veut apparaître comme audacieuse, puissante et passionnée pourrait opter pour le rouge, note Iconic Fox, tandis qu'une autre qui veut transmettre chaleur et optimisme pourrait utiliser le jaune comme couleur principale.

Connotation

Les significations des couleurs dépendent presque entièrement du contexte social et historique. Il suffit de consulter ce graphique de Information Is Beautiful pour voir comment les couleurs peuvent avoir des significations radicalement différentes selon votre culture. Par exemple, l'amour est associé au rouge dans la culture américaine, au vert dans la culture hindoue et au jaune dans la culture amérindienne. Cependant, tout comme les normes culturelles changent constamment, les connotations de couleur changent également.

Même au sein d'une même culture, une couleur peut avoir des connotations multiples et parfois contradictoires. Soyez averti : vous devrez utiliser la bonne teinte, la bonne saturation et le bon contraste pour transmettre avec précision le message de votre marque. Aux États-Unis, par exemple, le violet véhicule généralement la sagesse et la richesse, mais il peut aussi représenter la décadence. Si vous êtes une entreprise axée sur les bonnes affaires qui souhaite atteindre les épargnants, l'utilisation du violet peut envoyer le mauvais message à votre public et finalement saper les objectifs de votre marque.

Selon Iconic Fox, voici quelques autres connotations de couleurs courantes aux États-Unis :

• Rouge : intensité, intrépidité, excitation, avertissement, danger

• Bleu : raison, force, vigilance, sagesse, loyauté, fiabilité

• Orange : créativité, enthousiasme, courage, risque

• Vert : santé, espoir, stagnation, ouverture, fraîcheur

• Noir : sécurité, pouvoir, autorité, froideur

• Jaune : jeunesse, bonheur, amusement, impulsivité

• Violet : richesse, sophistication, imagination, démesure

• Rose : imagination, passion, soin, créativité, désinvolture

• Blanc : propreté, pureté, innocence, simplicité, distance

Contexte et contraste

Les connotations de couleur dépendent également du contexte que vous leur donnez. Aux États-Unis, le vert signifie aller et véhicule le naturel. Le rouge, quant à lui, signifie stop et symbolise l'excitation. Lorsque les couleurs ont tant de significations différentes, comment pouvez-vous vous assurer que celles que vous choisissez signifient réellement ce que vous voulez qu'elles signifient ? La réponse est en contrôlant leur contexte et leur contraste. Une étude HubSpot a révélé que lorsqu'il est utilisé sur des boutons d'appel à l'action, le rouge surpasse le vert de 21 %. En raison de la position du bouton et de son contraste avec les couleurs qui l'entourent, les visiteurs du site étaient plus enclins à cliquer sur le bouton rouge car ils le considéraient comme plus excitant que le bouton vert.

Une étude fondamentale publiée dans l'American Journal of Psychology a révélé que les téléspectateurs sont plus susceptibles de se souvenir et d'interagir avec des éléments qui se démarquent considérablement de ceux qui les entourent. Autrement connu sous le nom d'effet d'isolation, ce principe prouve que l'emplacement et le contraste des couleurs sont tout aussi importants que les couleurs elles-mêmes.

Ce que cela signifie pour vous

De tous vos éléments visuels, la couleur est celle qui détermine le plus si les téléspectateurs aiment, n'aiment pas, font confiance, se méfient ou ignorent votre marque. Une étude a révélé que l'efficacité de la palette de couleurs d'une marque dépend en grande partie de l'opinion des clients et du fait qu'ils estiment que les couleurs sont appropriées pour le produit. La leçon ici? Ne vous contentez pas d'une palette de couleurs attrayante. Au lieu de cela, choisissez-en un qui vous aide à atteindre la congruence de la marque.

Lorsque vous choisissez les couleurs qui représenteront votre marque, choisissez celles qui reflètent la mission, la vision et la personnalité de votre organisation. Faites également attention à la façon dont vous hiérarchisez ces couleurs ; votre palette doit héberger une distribution de personnages, mais toutes les couleurs ne peuvent pas être au centre de la scène. Choisissez la bonne étoile pour votre palette et soyez stratégique quant à la façon dont vous l'utilisez et ses couleurs de support, en tenant compte de la façon dont elles s'intègrent dans le contexte de votre page et de votre site.

Termes de couleur que vous devez connaître

• Contraste des couleurs : la différence de ton entre une couleur et une autre

• Hiérarchie des couleurs : la dominance de certaines couleurs sur d'autres couleurs, se référant à la façon dont les couleurs se démarquent ou ne se démarquent pas les unes des autres

• Psychologie des couleurs : l'étude de la façon dont les couleurs font ressentir les gens et comment les gens réagissent aux couleurs

• Code hexadécimal : une mesure d'une couleur basée sur sa valeur hexadécimale

• Palette/schéma : une sélection de couleurs coordonnées

Lorsque vous évaluez l'utilisation de la couleur par votre marque, tenez compte de ces questions essentielles :

1. Que révèlent les couleurs de votre marque sur la personnalité de votre organisation ? Cela correspond-il à vos objectifs stratégiques ?

2. Comment la palette de couleurs de votre marque se compare-t-elle à celles de vos concurrents du secteur ? Le vôtre se démarque-t-il suffisamment ? Est-ce que ça se démarque trop ?

3. Dans quels scénarios utiliserez-vous la couleur pour stimuler l'action sur votre site ou dans vos supports marketing ? Les couleurs que vous utilisez sont-elles susceptibles de soutenir les actions que vous souhaitez que votre public entreprenne ?

4. Comment tout cela s'articule-t-il ? Vos couleurs sont-elles équilibrées ? Ressemblent-ils à votre marque ?

Qui a raison

Le Fonds vert pour le climat est une coalition de 194 pays travaillant activement à lutter contre le changement climatique, et sa marque de couleur reflète exactement cela. Son logo vert et bleu rappelle d'emblée ses préoccupations premières : la terre et l'eau. En contrastant le logo avec des éléments d'un blanc éclatant et d'un noir profond sur son site Web, le Fonds vert pour le climat utilise stratégiquement l'effet d'isolement au maximum.

Qui a besoin de travail

Bien que le vert de la palette de couleurs Masters reflète fidèlement un parcours de golf vierge, son contraste avec le jaune nuit au prestige du tournoi. En fait, 22 % des personnes interrogées ont qualifié le jaune de couleur "bon marché" dans une étude, et 26 % ont estimé que l'orange était la couleur la moins chère de toutes. L'utilisation du jaune, en particulier en combinaison avec le vert, sape l'athlétisme d'élite et la sophistication que le tournoi est censé représenter.

2. Typographie

Le texte nous dit quelque chose, mais il nous montre aussi quelque chose. Les lettres de l'alphabet et les mots qui en sont issus sont tout aussi visuels que textuels. Leurs aspects visuels - comment ils apparaissent sur une page ou un écran - nous disent quelque chose sur la signification derrière eux, que ce soit intentionnel ou non.

Le pouvoir de la typographie : personnalité et clarté

Les polices ont des personnalités distinctes. Ils peuvent être stoïques, humoristiques, sérieux ou même fantaisistes. Et leurs personnalités peuvent changer avec le temps. En fait, différentes polices ont été populaires à des moments différents, et elles portent chacune ce poids historique avec elles aujourd'hui.

En 2012, Errol Morris a mené une étude non officielle dans le New York Times qui a mesuré les réponses de 45 000 lecteurs à une affirmation écrite dans six polices de caractères différentes : Computer Modern, Georgia, Helvetica, Trebuchet, Comic Sans et Baskerville. Morris a demandé aux lecteurs de noter s'ils pensaient que l'affirmation était vraie ou fausse. Le résultat? Les gens étaient plus susceptibles de croire que l'affirmation était vraie lorsqu'elle était écrite à Baskerville.

Police à empattement historiquement utilisée dans les journaux, Baskerville est réputée pour son sérieux, sa vérité et sa sophistication. Comic Sans, en revanche, ne le fait pas. Il n'est pas surprenant que le caractère visuel de la revendication de Baskerville ait encouragé les lecteurs à faire confiance aux mots qu'elle contient.

La typographie véhicule la personnalité de votre marque, mais elle a également un impact critique sur l'efficacité de vos messages.

Voici une ventilation de certaines polices de caractères courantes et de leurs historiques :

Polices Serif :

• Style ancien

  • Exemples : Adobe Jenson, Goudy Old Style

  • Caractérisé par : un accent diagonal sur la partie la plus fine des lettres ; courant dans les journaux et les magazines

  • Remonte : aux années 1400 ; les styles d'empattement les plus anciens

  • Qualités : sophistiqué, sérieux, sage

• De transition

  • Exemples : Times New Roman, Baskerville

  • Caractérisé par : un axe de symétrie vertical

  • Remonte : aux années 1700

  • Qualités : traditionnel, direct

• Néoclassique/Moderne

  • Exemples : Didot, Marconi

  • Caractérisé par : les différences significatives entre les traits épais et fins

  • Remonte : aux années 1700

  • Qualités : contemporain, frais, sage, confiant

Polices de caractères sans empattement :

• Grotesque:

  • Exemples : Vénus, News Gothic

  • Caractérisé par : leur similitude avec les empattements, mais sans les empattements ; bon pour les titres et les gros titres

  • Remonte : aux années 1700

  • Qualités : autorité, audace

• Néo-Grotesque :

  • Exemples : Helvetica, Roboto

  • Caractérisé par : leur similitude avec le grotesque, mais d'apparence plus simple

  • Dates : des années 1900

  • Qualités : direct, précis, propre, basique

    

• Humaniste:

  • Exemples : Verdana, Calibri

  • Caractérisé par : sa faible hauteur d'X et son faible contraste entre les traits

  • Dates de retour: aux années 1400

  • Qualités : Doux, direct

• Géométrique:

  • Exemples : Gotham, ITC Avant Garde

  • Caractérisé par : leur aspect géométrique, notamment en lettres en forme de O

  • Dates : des années 1900

  • Qualités : Moderne, propre mais ludique, plein, riche

Ce que cela signifie pour vous

Choisir une famille de polices qui résonne avec votre marque, votre palette de couleurs, votre logo et vos images aide à transmettre la personnalité de votre entreprise et à renforcer le sentiment derrière chaque message à votre public.

Mais ce n'est pas seulement la police qui affecte le sens de vos messages. L'emplacement, la taille, la forme, la couleur et le contraste des mots contribuent tous à la façon dont les lecteurs les comprennent. Même dans ce livre blanc, nous avons mis certains mots en gras, mis d'autres en italique et ajusté la taille de certaines lignes pour vous aider à vous déplacer plus facilement dans le contenu et à extraire des informations au cours du processus. Sans même lire le texte, vous savez probablement quelles lignes sont des titres, quels mots sont les plus importants et quelles phrases indiquent des sauts de section. Vous avez rassemblé ces informations visuellement, pas seulement textuellement. C'est le pouvoir de la typographie.

Termes de typographie que vous devez connaître

• S erif : les pieds d'une lettre, qui peuvent être arrondis ou carrés
• Sans serif : polices avec des lettres sans pieds
• Typeface : un groupe de styles de caractères avec des qualités de base similaires
• Trait : les lignes d'une lettre, à l'exclusion de l'empattement
• Épaisseur de la police : l'épaisseur des traits dans une police
• Ascender : tous les traits qui s'élèvent au-dessus de la ligne médiane, tels que les moitiés supérieures des lettres l, h et f
• Ligne de base : la ligne horizontale qui longe le bas des lettres
• Hauteur du capuchon : la hauteur d'une lettre de sa ligne de base au sommet de son ascendeur
• Descendeur : tous les traits qui tombent en dessous de la ligne de base, tels que les moitiés inférieures des lettres p, q et y
• Ligne médiane : la ligne horizontale qui longe le haut des lettres minuscules
• Crénage : le processus d'ajustement manuel de l'espacement entre les lettres individuelles dans un mot pour la lisibilité et le style
• Leading : le processus d'ajustement de l'espace entre les lignes
• Suivi : le processus d'ajustement manuel de l'espacement entre toutes les lettres d'un mot uniformément pour la lisibilité et le style
• Hiérarchie typographique : comment le texte est hiérarchisé sur votre page pour souligner son importance
• X-height : la hauteur d'une lettre minuscule de sa ligne de base à sa ligne médiane

Lorsque vous évaluez l'utilisation de la typographie par votre marque, gardez ces questions à l'esprit :

1. Comment avez-vous choisi les polices pour votre marque ? Que dit votre sélection de polices sur votre contenu ?

2. Votre typographie inspire-t-elle des émotions ou des pensées ? Sont-ils en ligne avec la personnalité et la stratégie de votre marque ?

3. Comment vos choix typographiques se comparent-ils à ceux de vos concurrents ? Aident-ils votre marque à se démarquer ou à s'intégrer ?

4. Que dit votre hiérarchie typographique à votre public sur vos priorités ? Les bons messages ressortent-ils ?

5. Votre marque utilise-t-elle la typographie de manière intentionnelle et réfléchie ?

Qui a raison

En 2012, les cofondateurs de Twitter, Ev Williams et Biz Stone, ont lancé Medium, une plateforme de publication populaire qui croit que « les mots comptent ». Leur site utilise une police de caractères transitionnelle sur les titres pour transmettre un ton accessible mais digne de confiance, et une police humaniste sans empattement (Freight Sans) comme texte de paragraphe pour dégager une apparence chaleureuse et invitante. Il utilise également une hiérarchie typographique forte - qui comprend des lignes de différentes tailles, des majuscules et des intensités de trait variables, et des couleurs de police légèrement différentes - pour signaler les zones de la page les plus importantes.

Qui a besoin de travail

Bien que le logo d'AutoZone présente une hiérarchie typographique assez forte, cette organisation est absente du reste de sa page d'accueil. Son menu de sélection, son appel à l'action et son en-tête de bannière utilisent tous des polices de taille similaire et sont structurés de manière rapprochée avec peu de marge de manœuvre. De plus, la marque utilise Helvetica Neue, une police de caractères néo-grotesque commune caractérisée par son espacement serré entre les lettres. Cette police manque de distinction, ce qui permet aux lecteurs de passer facilement sous silence des zones importantes de la page.

3. Imagerie

Bien que l'identité visuelle soit composée de nombreux éléments, les images et les icônes sont celles qui peuvent le plus impacter les visiteurs de votre page. Les images racontent une histoire, et votre sélection d'images doit créer un récit qui résonne à la fois avec le public et qui est cohérent avec le reste de votre message.

Le pouvoir de l'imagerie : narration instantanée

Selon une étude publiée dans Attention, Perception, & Psychophysics, les humains peuvent traiter des images en aussi peu que 13 millisecondes, soit 60 000 fois plus vite que la vitesse à laquelle nous traitons du texte. Avoir la bonne image au bon endroit au bon moment est essentiel pour guider votre lecteur tout au long de l'expérience du contenu.

Une étude publiée dans le Journal of Business & Industrial Marketing a révélé que les images liées aux services avaient un effet positif direct sur la fidélisation des clients, tandis que la fidélité construite par les images liées aux marchandises dépend de la satisfaction du client à l'égard de l'image. Cette étude montre que vos images ne sont pas un complément à votre texte et à vos produits, mais plutôt une autre façon de communiquer et d'interagir avec votre public. Si elles sont utilisées correctement, les images peuvent vous aider à gagner leur clientèle initiale et leur fidélité à long terme.

Ce que cela signifie pour vous

Quand on pense à l'identité visuelle, les images sont probablement le premier atout qui vient à l'esprit. Les images soutiennent et donnent un contexte aux récits. Ils peuvent également fournir une histoire en eux-mêmes. Lorsqu'elles sont utilisées de manière réfléchie, les images peuvent créer un lien significatif instantané entre votre marque et votre public. Cependant, lorsqu'elles sont utilisées arbitrairement ou sans intention, les images peuvent brouiller la vision de votre public sur votre marque et envoyer des messages qui ne correspondent pas à l'histoire globale que vous essayez de raconter.

Lors de la sélection d'images, il est important de prendre en compte les éléments de contenu et les éléments de style :

• Les éléments de contenu incluent les paramètres, les acteurs, les thèmes, les environnements et les interactions.
• Les éléments de style incluent les palettes de couleurs, les filtres, les reflets, l'édition et la composition.

Ensemble, ces composants affectent la façon dont le public percevra votre imagerie et, en fin de compte, votre marque.

Il est important que vos images complètent vos autres éléments visuels, mais elles doivent également être cohérentes les unes avec les autres. Vous voudrez également tenir compte des personnages et des personnes que vous incluez dans vos images. Votre photographie reflète-t-elle le public que vous ciblez ? Vos images sont-elles une représentation fidèle de votre industrie et du monde de votre public ?

Termes d'imagerie que vous devez connaître

• Composition : comment les éléments - textuels, visuels ou abstraits - d'une image sont disposés dans un cadre

• Icône : représentation graphique d'une marque ou d'un article

• Filtrage : le processus d'amélioration d'une image en réduisant le bruit, en accentuant les traits, en séparant les traits ou en atténuant les traits

• Lens flare : lorsque la lumière est distribuée à travers l'objectif, provoquant une image brillante semblable à une étoile

• Marge : l'espace autour du bord d'une image

• Règle des tiers : lorsqu'une image est divisée en une grille de neuf panneaux régulièrement espacés, les points où les lignes de la grille se rencontrent doivent être les points focaux de l'image

• Saturation : l'intensité d'une teinte

• Texture : l'effet tactile créé par une image

Lors de l'évaluation de l'état du portefeuille d'images de votre marque (y compris vos images, icônes et logos), tenez compte des questions suivantes :

1. Les images de votre marque sont-elles cohérentes en termes de qualité et de style ?

2. Qu'est-ce que les icônes et les images de votre marque révèlent au public sur la personnalité de votre marque ?

3. Qu'est-ce que le public apprend sur votre marque en fonction de ses icônes et de son imagerie ?

4. Vos images soutiennent-elles le récit global de votre marque ?

5. Qui représente votre imagerie ?

Qui a raison

The North Face excelle dans la cohérence narrative entre sa marque et ses images. Tout au long de son site Web, les images regorgent de cadres d'aventure, de personnes bravant les éléments et de compositions nettes et nettes, sans fioritures, qui correspondent parfaitement à la personnalité de la marque et à son slogan : "N'arrêtez jamais d'explorer".

Qui a besoin de travail

Le site Web du parc national du Grand Canyon fournit des tonnes d'informations utiles que les touristes et les habitants peuvent utiliser pour tirer le meilleur parti de leurs vacances, mais les images sur le site manquent du même raffinement et de la continuité. Des photographies originales et des photos d'archives côtoient des illustrations et des animations, le tout sans le filtrage et la palette de couleurs cohérents nécessaires pour donner une image de marque cohérente.

4. Relations spatiales et mise en page

Le mantra "Une place pour chaque chose et chaque chose à sa place" ne se résume pas à des tiroirs organisés et à une pièce propre. En ce qui concerne votre identité visuelle, les relations spatiales et la disposition des images et du texte peuvent avoir un impact majeur sur la capacité de votre public à naviguer sur votre site et à interagir avec votre contenu. Si votre page est trop encombrée, elle pourrait submerger un utilisateur ; s'il est trop vide, il peut sembler inachevé ou peu impressionnant.

Le pouvoir des relations spatiales : guider l'attention

Les choix esthétiques et les mises en page de conception de page affectent directement l'engagement des utilisateurs avec votre marque. Ils peuvent également affecter la confiance du public en votre marque. Une étude a révélé que lors de la première consultation du site Web d'une marque, 94% des participants se méfiaient de l'organisation si sa page avait une conception problématique. L'étude poursuit en disant que les mises en page encombrées, ennuyeuses et occupées peuvent déclencher la méfiance et la confusion.

Comprendre comment le public navigue dans le contenu nécessite une familiarité de base avec les principes de regroupement de la Gestalt. Dans les années 1920, les psychologues Max Wertheimer, Kurt Koffka et Wolfgang Kohler ont développé les principes de regroupement de la Gestalt (en allemand pour « tout unifié »), qui décrivent certaines lois de la perception. Les humains regroupent des éléments visuels qui se ressemblent, par exemple, ou des éléments qui sont très proches les uns des autres. En fin de compte, ces principes expliquent trois principes majeurs de la perception humaine :

1. On voit le tout avant de voir les parties.

2. Le tout est différent de la somme des parties.

3. Nous faisons instinctivement des motifs et des regroupements avec les pièces.

Considérez le premier principe comme la première impression de votre public sur votre site et le second comme le parcours de votre public à travers votre page. Le troisième principe est de savoir comment votre public traite la page dans son ensemble et, à partir de là, forme sa perception de votre site.

Ce que cela signifie pour vous

Un flux logique de texte et d'images aide à guider votre public à travers votre site. Les lecteurs anglophones ont tendance à suivre automatiquement un modèle de chemin en Z (de haut en bas, de gauche à droite) lors de la visualisation d'images et de pages Web, ce qui imite la façon dont ils analysent le contenu écrit. Si ces utilisateurs rencontrent trop de chemin en Z dans la conception de votre page, ils auront souvent recours à l'écrémage ou au survol des zones qui ne se démarquent pas.

Une page bien conçue peut guider les utilisateurs hors du chemin Z et les encourager à interagir avec des éléments particuliers. Organiser consciemment les éléments de votre page dans une hiérarchie de conteneurs peut vous aider à diriger la façon dont le public interagit avec votre contenu.

Lorsque vous mettez en page votre site, il est essentiel de laisser de la place à votre contenu pour respirer. Ceci peut être réalisé grâce à l'utilisation d'espaces blancs et de gouttières. N'oubliez pas qu'une mise en page réfléchie est essentielle pour aider le public à naviguer sur votre site.

Termes de mise en page que vous devez connaître

• Au-dessus du pli : la partie d'une page Web qui est visible avant le défilement vers le bas

• Artefacts : graphiques, objets ou autres marketings qui ne font pas partie du contenu créé

• Conteneurs : les éléments d'une page qui contiennent du contenu et donnent la structure de la page

• Gouttière : l'espace entre les conteneurs sur une page

• Grille : la structure des conteneurs qui composent une page

• Grille gaufrée : une structure standard de neuf récipients (parfois plus ou moins) de taille et de positionnement égaux

• Hyperframe/marge : l'espace autour du bord d'une page

• Multiframe : l'espace autour de l'ensemble de l'actif de conception (pas seulement une seule page de cet actif)

• Rail : les conteneurs verticaux qui longent le côté droit ou gauche du corps du contenu

• Espace blanc : espace vide entre et autour des conteneurs qui aide le contenu à respirer

Lors de l'évaluation de la mise en page de vos pages et de votre contenu, tenez compte des questions suivantes :

1. Comment hiérarchisez-vous les éléments de votre page de marque ? Y a-t-il une hiérarchie intentionnelle dans votre mise en page ?

2. Quelle impression le public aura-t-il de votre mise en page ? Présente-t-il de la confiance ou de l'insécurité ?
3. La page est-elle trop encombrée ? trop clair ?

4. Comment votre mise en page guide-t-elle les yeux à travers la page ? Est-ce efficace ?

5. Votre page suit-elle le modèle de lecture Z-path ? Ou dirige-t-il le public vers différents coins de votre site ?

Qui a raison

Des conteneurs judicieusement placés de différentes tailles aident à hiérarchiser le contenu sur le blog de Slack sans submerger le lecteur ni le forcer à faire défiler. La marque propose différentes catégories de contenu avec un style de titre standard, mais différentes configurations de conteneurs, ce qui suscite un intérêt visuel tout en signalant un changement subtil dans la nature du contenu que le lecteur visualise.

Qui a besoin de travail

Donner aux éléments de la place pour respirer est important dans la conception de pages Web. Cependant, trop d'espace blanc peut laisser votre site ressembler à un travail en cours, comme c'est le cas avec la page de destination de PBS.

Alternativement, Rolling Stone fait des faux pas en surchargeant sa page. Trop de conteneurs et une surutilisation de l'espace ferroviaire rendent cette page encombrée et désorganisée.

Montrez au monde ce que représente votre marque

De la palette de couleurs et de la typographie à l'imagerie et à la mise en page, l'identité visuelle de votre marque est essentielle à la façon dont le public percevra, interagira avec et partagera votre contenu. En utilisant les meilleures pratiques et les idées présentées dans cet atout de leadership éclairé, vous pouvez commencer à peaufiner votre identité visuelle. Cependant, gardez à l'esprit que l'établissement d'une identité visuelle n'est pas un exercice unique, ni un processus unique.

Ce qui fonctionne pour une marque peut ne pas fonctionner pour la vôtre, et ce qui ressemble à une identité visuelle solide aujourd'hui peut être complètement décalé dans un an. Non seulement il est important de trouver un équilibre entre la cohérence de la marque et les meilleures pratiques de conception lors de la formation de votre identité visuelle, mais vous voudrez également vous assurer que vos choix esthétiques représentent fidèlement votre mission, vos valeurs et votre vision actuelles.

Vous êtes l'expert de votre marque, et c'est à vous de vous assurer que sa personnalité sonne bien dans tout ce que vous faites, de la conception de votre site Web aux polices que vous utilisez dans votre contenu. Vous devrez également choisir des images qui représentent votre marque et son public. Après tout, comme le dit le vieil adage, "Voir c'est croire". Si votre public aime ce qu'il voit et se sent vu, il est susceptible de soutenir votre marque et d'attendre avec impatience ce qu'il fera ensuite.

Attribution de l'image en vedette : Mahir Uysal sur Unsplash