Quelles sont les 10 clés d’un design de marque aligné?
Bonjour à vous
Partons de la définition du Robert : le design est une « esthétique industrielle appliquée à la recherche de formes nouvelles et adaptées à leurs fonctions ». Cela s’applique évidemment lorsque l’on évoque le design industriel mais elle perd de son sens lorsqu’il s’agit de l’appliquer au design Web.
On peut donc redéfinir le design, pour le Web notamment, comme un acte de création transdisciplinaire qui exige des compétences techniques autant qu’une culture et une sensibilité artistique…
Si vous n’avez pas cette fibre artistique, voici quelques conseils pour vous guider et essayer de définir un design aligné à votre marque :
1- Définir votre univers & le point focus
Il est important de partir d’une composition efficace dans le but de communiquer votre message à votre audience. Pour cela définir, il faut définir un univers ou une image qui soit le centre de l’attention, ce que l’on appelle le point focus.
Nous à l’agence, notre point focus tourne toujours autour de la MER & la PLAGE, avec un design qui se veut épuré et avec une idée d’évasion et de liberté. Cela en accord évidemment avec ce que l’on propose à nos clients…
2- Choix de la police principale (et des polices secondaires)
Comme pour tous, les goûts et les couleurs sont propres à chacun. Il est pareil avec les formes des lettres utilisées sur votre site. La première chose c’est qu’il faut qu’elles vous plaisent et que ce soit, bien évidemment, lisible ! De plus, vous devez obligatoirement utiliser plusieurs polices de caractères pour votre site (ne jouer que sur la taille et le « gras » ne suffit certainement pas !).
Respectez juste ces trois règles de base pour associer plusieurs polices sur un même site :
- Tout d’abord, ne jamais utiliser plus de trois polices sur un même design, au risque de vous perdre vous-même dans l’utilisation.
- De plus, il faut s’assurer que ses polices se marient bien les unes avec les autres. Le fait qu’elles soient trop différentes n’aident en rien dans la cohérence et dans l’aspect visuel de votre site.
- Et pour finir, il est essentiel de définir une hiérarchie entre toutes ses polices et de s’y tenir (d’où le fait qu’il ne soit pas nécessaire plus de 3 polices…).
3- Votre palette de couleurs
Pour jouer la facilité, la tentation est de prendre votre top 5 des couleurs que vous préférez. Cela vous paraîtra beau car ce sera des couleurs qui vous sautent aux yeux et qui vous plaisent… Le problème c’est que cela risque de créer un design un peu brouillon voir amateur et pas très abouti… Partez sur des palettes de couleurs similaires avec différents tons pour créer des designs aux graphismes équilibrés… Une combinaison contrastante, en vous renseignant sur la théorie des couleurs peut rendre votre design unique et efficace…
Pour aller plus loin :
4- Accentuation
Imaginons que vous deviez créer une affiche pour un événement que vous allez organiser. Tout d’abord il faut que vous vous posiez : quelle est la première information que mon public cible doit voir : le nom du groupe ou le lieu du concert ? Qu’en est-il du prix et de la date ?
Réfléchir à tous les détails importants n’est pas une mince affaire, car trop en mettre sur une affiche pourrait perdre votre public cible.
Laissez votre cerveau organiser l’information et faites la mise en page de votre design de sorte qu’elle communique toutes ces informations dans l’ordre dans lequel vous l’avez imaginé.
Si le nom de votre évènement (qui en lui seul explique sa finalité bien sûr) est l’élément le plus important, placez-le au centre de votre design, ou choisissez une taille de caractère plus grosse. Vous pourriez également choisir une typographie grasse et percutante pour faire ressortir cette information.
Si vous commencez à réaliser votre composition sans avoir préalablement fait un plan clair de ce que vous voulez communiquer, votre design ne sera pas des plus réussi.
5- Equilibre et alignement
Il faut bien prendre en compte que chaque élément que vous placez sur votre page ajoute du poids. Ce poids peut venir de la couleur choisie, de la taille des éléments placés, ou de leur texture. Vous ne devez pas mettre tous les éléments « lourds » dans le même coin de votre site. Sans un certain équilibre, votre public cible ne prendra pas le temps de visiter votre site et leur regard ne se portera pas vers votre message ni sur l’ensemble de votre page. Il se focalisera uniquement sur les éléments « tassés » et ne retiendra rien de sa visite.
La symétrie des designs permet d’atteindre donc cet équilibre tant recherché en répartissant le poids des éléments autour d’un axe central. En revanche, les designs asymétriques se servent des différences de poids (en jouant avec les contrastes d’un élément très lourd avec plein de petits éléments qui sont aussi plus légers) pour créer une composition qui n’est pas dans une optique de symétrie, mais qui reste pourtant très équilibrée.
Les designs symétriques sont toujours plaisants à l’œil, jusqu’à en devenir parfois ennuyeux et peut être un peu « fade » … Les designs asymétriques sont plus osés et peuvent créer un réel intérêt visuel et du mouvement à votre création (toutefois attention à l’effet « bordel » de l’asymétrie – il ne faut pas trop mettre d’éléments différents… Trouvez le juste équilibre !).
6- Contraste
« Dingue comment cet élément ressort plus que les autres »
Voilà comment la plupart des personnes définissent le contraste.
C’est l’élément que l’on retient et dont on va se souvenir : L’élément marquant. Le contraste crée de l’espace et accentue une différence entre les éléments qui composent votre design.
La couleur de fond doit être significativement différente de celle utilisée pour les éléments en premier plan afin que les informations soient lisibles tout en créant une harmonie visuelle.
Si vous envisagez de jouer sur les polices et typographies, il est crucial de bien assimiler les principes du contraste pour que le poids et la taille de vos caractères soient bien équilibrés et forment un ensemble harmonieux. Une astuce simple : Comment votre audience va-t-elle repérer les informations importantes si l’ensemble de votre texte est en gras et/ou souligné ?
Soyez observateurs : Repérez des sites ou mise en page diverses qui vous plaisent et vous vous rendrez compte que l’on utilise généralement deux ou trois polices de caractères maximum.
Tout cela dans une optique et une volonté de vouloir contraster les éléments de manière efficace (ou même jouer avec une seule et même typographie dans des tailles/poids différents). Plus vous ajoutez de polices, plus vous diluez l’essence même de votre design.
7- Proportion
Le fait de regrouper les éléments qui sont intrinsèquement liés peut vous permettre de leur donner de l’importance tout en restant discrets. L’équilibre des proportions de votre affiche ne peut être atteint que si chaque élément de votre design est bien proportionné et bien placé. Une fois que vous êtes passé maître en l’art de l’alignement, de l’équilibre et du contraste, vous devriez naturellement passer aux proportions.
8- Répétition
Avec cette limite de deux typographies principales ou encore à deux ou trois couleurs principales, vous verrez que, rapidement, vous allez être face à une hantise pour beaucoup : les répétitions.
Mais il ne faut pas voir cela d’un si mauvais œil ! Il est souvent raconté que cette notion de répétition unifie et renforce un design.
S’il n’y a qu’un seul élément dans une couleur et souligné par exemple, on pourrait croire qu’il s’agit d’une erreur ou d’une faute de frappe. Si plusieurs endroits de votre page présentent ces caractéristiques, vous aurez donc mis en avant ce que vous souhaitiez et cette répétition vous sera alors bénéfique pour la transmission de votre message.
La répétition a un rôle de plus en plus significatif dans l’élaboration d’une page Web : L’utilisation multipliée (toujours proportionnée) de différents mots-clés en lien avec votre activité ou votre cœur de cible pour résonner chez votre audience.
Certains vous diront que les premières choses dont vous avez besoin pour démarrer une entreprise sont (au moins) un site Web (présence digitale fondamentale !) un logo de qualité et une bonne présence sur les réseaux sociaux. Et qu’est-ce qui réunit le tout ? Votre identité de marque ! Qui n’est ni plus ni moins l’utilisation de la répétition !
9- Mouvement
Le mouvement permet de contrôler les éléments d’un design de sorte que l’œil du lecteur est naturellement dirigé d’une information à une autre. Le mouvement transforme votre affiche en une histoire ou un récit. Vous aurez beau mettre en place tous les principes évoqués ci-dessus (notamment l’équilibre, l’alignement et le contraste) mais s’il n’y a pas cette notion de mouvement, alors votre audience ne prendra même pas le temps et ne fera que « balayer » du regard, sans retenir quoi que ce soit.
Prenez du recul et observez votre site. Si votre œil reste « bloqué » quelque part sur la page, cela signifie qu’un élément est soit trop gros, trop marqué, ou alors légèrement décentré voir pas dans la bonne couleur. Reprenez votre design et ajustez en fonction jusqu’à obtenir un résultat harmonieux.
10- L’importance oubliée de l’espace blanc
Tous les principes évoqués touchent aux éléments que vous ajoutez à votre design. L’espace blanc (ou espace négatif) est donc le seul principe qui traite de ce que justement vous n’ajoutez pas.
Voilà ce qui nous intéresse : l’espace qui se trouve autour de chacun des éléments graphiques de votre création. Il s’agit peut-être du principe le plus périlleux car « aérer » son design peut nous faire croire que l’on enlève des éléments qui rendent votre design beau alors que l’on fait que le rendre plus lisible et avec une mise en avant des éléments les plus importants.
Il faut surtout savoir que l’Espace Blanc ne sert pas à rien. Il crée une hiérarchie ainsi qu’une organisation des éléments. Il permet donc de créer de l’Espace pour ainsi dire de la place avec une notion de grandeur. L’espace permet de dissocier un élément plus important des autres éléments présents.
Encore mieux, l’espace peut évoquer une image ou une idée entièrement différente du reste de votre design, et récompensera le lecteur pour son attention. Il est pertinent de placer son logo sur un Espace Blanc pour que l’on soit sûr que tout le monde le voie, sans qu’il soit polluer par d’autres éléments.
Pour conclure
avec tous ces principes, il est clair que vous ne devez pas suivre ces règles à la lettre. Familiarisez-vous avec ces principes avant de donner libre cours à votre propre style. Certains designs sont très réussis en ne suivant qu’une partie de ces idées et c’est cela aussi la beauté de la création et le caractère unique de votre design.
Faites toujours un plan au préalable pour que vous puissiez bien définir les informations essentielles sur lequel vous souhaitez communiquer. Les éléments qui feront partie de votre design doivent juste vous permettre de raconter une histoire : Votre histoire de marque. Gardez en tête que votre objectif est de créer un design aligné à votre marque pour vous créer une identité visuelle pour capturer l’attention du public de manière efficace.
Et pourquoi ne pas aller encore plus loin ensemble ?
Si vous êtes prêt à plonger plus profondément, je vous propose de démarrer un audit complet de votre marque. C’est une opportunité de débloquer votre potentiel et de réaligner vos actions avec votre véritable essence.
A très vite pour la suite.