Éléments essentiels de l'identité visuelle : que se cache-t-il 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 joue l'identité visuelle 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 suivant sa visualisation.

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

Pas de pression, non ?

Dans ce guide, nous allons vous montrer comment créer une identité visuelle qui représente avec précision 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 comment 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 de 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 à 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 des histoires très différentes de votre contenu de celles que vous essayiez réellement de raconter.

Votre identité visuelle se reflète dans tout un écosystème de médias, qui peut inclure un site Web, une présence sur les réseaux sociaux, des publicités, des blogs, des vidéos, des micrographies, des infographies, des livres électroniques, etc. Collectivement, ces points de contact véhiculent 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 à ses publics. Une identité visuelle bien exécutée déclenche une affinité immédiate avec les clients et prospects. L'incohérence visuelle, d'autre part, transmet l'incertitude - ou pire, la négativité - et elle 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 véhicule la mission et la valeur de votre marque. Les organisations les plus engageantes et emblématiques traitent l'identité visuelle comme une extension de la personnalité de leur marque. Marcher, parler et s'habiller à dessein comme une marque montre que vous avez confiance en vos objectifs et votre mission principaux.

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 données démographiques spécifiques (parents célibataires âgés de 20 à 30 ans vivant à Denver, par exemple) ou des personnages plus abstraits (comme les athlètes d'élite qui veulent tirer le meilleur parti de leurs entraînements), votre identité visuelle est un moyen pour vous montrer que vous comprenez les besoins émotionnels de votre public et que vous partagez ses valeurs.

3. Il reflète votre pertinence culturelle. Tout comme les mots, les visuels sont des produits de notre contexte socioculturel et historique ; c'est aussi la manière 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 soutiennent mutuellement sur tous les supports. De plus, il s'agit de s'assurer que ces éléments reflètent avec précision la personnalité de votre marque et la valeur que vous apportez au public. Si les visiteurs de votre site Web peuvent rapidement déterminer 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 train de changer de marque

• lancement d'un nouveau site

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

• synchroniser les 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 commenciez à partir de zéro ou que vous peaufiniez 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 accessible.

Dans les sections suivantes, nous décomposons les éléments d'identité visuelle pour lesquels votre marque pourrait avoir besoin d'une mise au point. Pendant que vous passez en revue chacun d'eux, réfléchissez à votre plan d'affaires, à votre énoncé de mission et à votre énoncé de vision. Ensuite, analysez soigneusement votre écosystème médiatique, en vous assurant que chaque élément est utilisé de manière réfléchie et efficace qui véhicule 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, c'est que le tout est plus grand que 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, ses images et ses relations spatiales. Il existe d'autres éléments que vous pouvez explorer en tant que fonctions d'identité visuelle, mais ils 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 le public a le plus tendance à se souvenir 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 vif et saturé 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 : évoquer l'émotion

Parce que les couleurs ont des significations émotionnelles si fortes, elles ont un effet immédiat sur la façon dont nous traitons quelque chose et comment nous réagissons en le voyant. Une marque qui veut se montrer audacieuse, puissante et passionnée peut opter pour le rouge, note Iconic Fox, tandis qu'une marque qui veut transmettre de la chaleur et de l'optimisme peut utiliser le jaune comme couleur principale.

Connotations

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, il en va de même des connotations de couleur.

Même au sein d'une même culture, une couleur peut véhiculer 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 transmet 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 toucher les épargnants, l'utilisation du violet peut envoyer le mauvais message à votre public et, en fin de compte, 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, excès

• 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 transmet le naturel. Le rouge, en revanche, signifie arrêt 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 les 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 de s'engager avec des éléments qui se démarquent considérablement de ceux qui les entourent. Autrement connu sous le nom d'effet d'isolement, 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 celui qui est le plus responsable du fait que 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 des opinions 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 cohérence 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 manière dont vous hiérarchisez ces couleurs ; votre palette doit accueillir un groupe 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 savoir

• Contraste de couleur : 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 vous disent 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 de l'industrie ? 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'assemble-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 qui s'emploient activement à lutter contre le changement climatique, et sa couleur de marque reflète exactement cela. Son logo vert et bleu rappelle immédiatement 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 évalué le jaune comme une 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 découlent sont tout aussi visuels que textuels. Leurs aspects visuels - la façon dont ils apparaissent sur une page ou un écran - nous disent quelque chose sur le sens derrière eux, que ce soit voulu 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 leur personnalité peut changer avec le temps. En fait, différentes polices ont été populaires à différentes époques, 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é 45 000 réponses de 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 a été é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 la visualisation de la revendication de Baskerville ait encouragé les lecteurs à faire confiance aux mots qui y sont contenus.

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 quelques polices de caractères courantes et de leur histoire :

Polices Serif :

• Style ancien

  • Exemples : Adobe Jenson, Goudy Old Style

  • Caractérisé par : une contrainte diagonale sur la partie la plus fine des lettres ; courant dans les journaux et les magazines

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

  • 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, simple

• 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 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 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

  • Remonte : aux années 1900

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

    

• Humaniste:

  • Exemples : Verdana, Calibri

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

  • Remonte : aux années 1400

  • Qualités : Doux, simple

• Géométrique:

  • Exemples : Gotham, ITC Avant-Garde

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

  • Remonte : aux années 1900

  • Qualités : Moderne, propre mais ludique, ample, 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 adressé à 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 en gras certains mots, en italique d'autres 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 à connaître

• S erif: les pieds d'une lettre, qui peut être arrondie ou carrée
• Sans serif : polices avec lettres sans pieds
• Police de caractères : un groupe de styles de caractères avec des qualités de base similaires
• Trait : les lignes dans une lettre, à l'exclusion de l'empattement
• Poids de la police : l'épaisseur des traits dans une police
• Ascendeur : tous les traits qui dépassent 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 depuis sa ligne de base jusqu'au sommet de son ascendant
• Descendant : 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 de manière uniforme pour la lisibilité et le style
• Hiérarchie typographique : comment le texte est hiérarchisé sur votre page pour souligner l'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 adéquation 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 audience 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 Transitional sur les titres pour transmettre un ton accessible mais digne de confiance, et une police Humanist sans serif (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 tailles différentes, des majuscules et des forces de trait variables, ainsi que 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 courante 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 les 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 auprès du public et est cohérent avec le reste de votre message.

Le pouvoir de l'imagerie : la narration instantanée

Les humains peuvent traiter des images en aussi peu que 13 millisecondes, selon une étude publiée dans Attention, Perception, & Psychophysics, c'est 60 000 fois plus rapide que la vitesse à laquelle nous traitons du texte. Avoir la bonne image au bon endroit au bon moment est essentiel pour guider votre lecteur à travers 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é des images liées aux biens dépend de la satisfaction du client vis-à-vis de l'image. Cette étude montre que votre imagerie n'est 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 pourraient vous aider à gagner leur entreprise 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 vue 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 fusées éclairantes, l'édition et la composition.

Ensemble, ces composants affectent la façon dont le public percevra vos images 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 considérer les chiffres et les personnes que vous incluez dans vos images. Votre photographie reflète-t-elle le public que vous ciblez ? Vos images sont-elles une véritable représentation 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 : une représentation graphique d'une marque ou d'un article

• Filtrage : processus d'amélioration d'une image en réduisant le bruit, en accentuant les caractéristiques, en séparant les caractéristiques ou en ternissant les caractéristiques

• 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 de rencontre des lignes de grille doivent être les points focaux de l'image

• Saturation : l'intensité d'une teinte

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

Lorsque vous évaluez l'état du portefeuille d'images de votre marque (y compris vos images, icônes et logos), posez-vous les questions suivantes :

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

2. Que disent les icônes et les images de votre marque 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 ses images ?

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 mise en 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 sans fioritures, qui s'harmonisent parfaitement avec 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 même continuité. Des photographies originales et des photos d'archives côtoient des illustrations et des animations, le tout sans le filtrage cohérent et la palette de couleurs nécessaires pour apporter une apparence et une sensation cohérentes à la marque.

4. Relations spatiales et mise en page

Le mantra « Une place pour tout 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 affectent directement l'engagement des utilisateurs avec votre marque. Ils peuvent également affecter la confiance que le public accorde à 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 les audiences parcourent le contenu nécessite une connaissance de base des 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 groupement Gestalt (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. Nous voyons le tout avant de voir les parties.

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

3. Nous réalisons 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 la façon dont 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 sur 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 numérisent le contenu écrit. Cependant, si ces utilisateurs rencontrent trop de chemin Z dans la conception de votre page, ils auront souvent recours à un survol ou à un masquage des zones qui ne se démarquent pas.

Une page bien conçue peut guider les utilisateurs hors du chemin Z et les encourager à s'engager avec des éléments particuliers. Organiser consciemment les éléments de votre page dans une hiérarchie de conteneurs peut vous aider à orienter la manière dont le public interagit avec votre contenu.

Lorsque vous aménagez 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 de défiler vers le bas

• Artefacts : graphiques, objets ou autres publicités 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 en gaufrier : une structure standard de neuf récipients (parfois plus ou moins) de taille et de position égales

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

• Multiframe : l'espace autour de l'ensemble de la ressource de conception (pas seulement une seule page de cette ressource)

• 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

Lorsque vous évaluez la mise en page de vos pages et de votre contenu, posez-vous les 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 la confiance ou l'insécurité ?
3. La page est-elle trop encombrée ? trop clairsemé ?

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 du chemin Z ? 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 surcharger 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 de la place aux éléments 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 se trompe en surpeuplant 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 votre marque représente

De la palette de couleurs et de la typographie à l'imagerie et à la mise en page, l'identité visuelle de votre marque est au cœur de 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 actif 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 semble être une identité visuelle solide aujourd'hui peut être complètement éteint 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 avec précision 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 vrai 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 probable qu'il soutiendra votre marque et attendra avec impatience tout ce qu'elle fera ensuite.

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