Advertisement
  1. Web Design
  2. UX/UI
  3. Design Theory

Travailler avec les directives de marque et de design

Scroll to top
Read Time: 5 min
This post is part of a series called Design School for Developers.
Selecting Your Own Color Scheme
Typography Basics for Developers

() translation by (you can also view the original English article)

Parfois, en particulier lorsque vous travaillez avec des marques bien établies et des entreprises, vous pouvez rencontrer une série de directives de marque ou de design. En tant que développeur qui pourrait travailler sur un site web sans beaucoup d’aide sur le design, cela peut être quelque chose que vous pouvez vraiment utiliser à votre avantage, vous guider dans votre prise de décision de design.


Que sont les directives de marque et de design ?

Les directives de marque sont généralement fournies comme un ensemble de documents qui énoncent comment les éléments de design doivent être utilisés pour une marque. Souvent créées pour être utilisées par des designers au sein d’une entreprise, ainsi que par les équipes de design externes, elles existent pour assurer la cohérence d’une marque à travers tous les supports.

Vous pouvez trouver les détails sur la façon dont le polices de caractères choisies par une marque devraient être utilisées, les palettes de couleurs autorisées (et comment elles devraient être utilisées), et même combien il faudrait d’espace autour du logo de la marque.

From MailChimp's Voice and ToneFrom MailChimp's Voice and ToneFrom MailChimp's Voice and Tone
Discours et ton de MailChimp

Les meilleures directives de marque couvrent plus que les éléments de design visuel. Ils offrent également des informations sur le style de contenu, ou le ton du discours à utiliser, exprimant la présence pas seulement visuelle, mais les valeurs et la personnalité aussi.

Guru Brand Design Guidelines by Naomi Atkinson DesignGuru Brand Design Guidelines by Naomi Atkinson DesignGuru Brand Design Guidelines by Naomi Atkinson Design
Extrait des directives de la marque Guru, conçues par Naomi Atkinson Design, affichant les palettes de couleurs de la marque.

Travailler avec des palettes de couleurs

Dans la plupart les directives de marque que vous aurez à votre disposition une palette de couleurs que la marque utilise sur tous ses différents supports en ligne et hors ligne. Cela peut être un solide point de départ lors du choix de la palette de couleurs pour un design - et bien que cela puisse paraître un peu limiteur d'avoir une palette de couleurs déjà fournie, n’ayez pas peur de pousser ce que vous faites avec ces couleurs et d’expérimenter en les combinant de diverses manières différentes de celles déjà utilisées.

Bluegg Brand Guidelines for Charter HousingBluegg Brand Guidelines for Charter HousingBluegg Brand Guidelines for Charter Housing
Extrait des directives de marque Charter Housing, conçues par Bluegg, affichant la palette de couleurs de la marque.

Travailler avec des directives de marque fortes (ou faibles)

Selon le type de projet ou de clients que vous avez, vous allez souvent faire face à une force variable de l’identité de la marque avec laquelle vous allez travailler. Ne pensez pas que la taille de l’entreprise peut dicter à quel point forte ou faible une marque paraitra. Souvent la force d’une marque - et par conséquent ses directives de marque et de design - différera grandement selon le niveau de travail consacré à la marque au départ.

Brand Guidelines for Locality by Naomi Atkinson DesignBrand Guidelines for Locality by Naomi Atkinson DesignBrand Guidelines for Locality by Naomi Atkinson Design
Un extrait des directives de la marque Locality, conçues par Naomi Atkinson Design, montrant l’utilisation correcte du logo.

Travailler avec les directives de marque et de design fortes est idéal pour les designers. Elles fournissent une longueur d’avance sur la création d’un design pertinent vis-à-vis du brief, attachant, mais aussi très marque-précis. Des directives de marque fortes vous permettent simplement de les prendre et ensuite représenter cette marque de la meilleure manière que vous pouvez sous une forme différente (sur le web).

New York City Transit Authority Graphics Standards Manual from 1970New York City Transit Authority Graphics Standards Manual from 1970New York City Transit Authority Graphics Standards Manual from 1970
New York City Transit Authority Graphics Standards Manual de 1970

Cependant, parfois vous pourriez être confronté à travailler avec des directives de marque et de design faibles - que cela signifie qu’elles sont incorrects, donnent de mauvais conseils ou informations techniques (telles que les couleurs inadaptées ou les infos de police de caractères) ou tout simplement ne sont pas très cohérentes avec le message que la marque tente de transmettre.

Charter Housing Brand Guidelines by BlueggCharter Housing Brand Guidelines by BlueggCharter Housing Brand Guidelines by Bluegg
Un extrait des lignes directrices de la marque Chart Housing, conçues par Bluegg, montrant comment le logo doit être utilisé.

Lorsque vous sentez que vous êtes dans une situation où vous devez travailler à partir de directives plus faibles, ou si vous sentez qu'il pourrait y avoir des améliorations à apporter à la marque et à comment elle est représentée dans votre design, parlez-en simplement à votre client. Les clients sont ouverts et je préfère toujours travailler avec mes clients, plutôt que pour eux, alors la communication est essentielle. Parlez de vos préoccupations à votre client et ayez quelques suggestions prêtes pour la manière dont l’image de marque pourrait être améliorée grâce à des idées pour votre design. Parfois, en particulier si un client n’est pas créatif ou féru de technologie, il ne peut pas avoir compris qu’il y avait un problème jusqu'à ce que vous lui disiez quelque chose vous-même.


Repoussez les limites

Lorsque vous travaillez avec des directives de marque, n’ayez pas peur de repousser la limite de ce que vous pouvez et ne pouvez pas faire avec les directives que l'on vous a fournies.

N’ayez pas peur de parler avec vos clients et de voir ce qui peut être poussé un peu plus loin dans les directrices qui vous ont été fournies. Bien souvent, les clients sont à l’écoute et vous donneront une idée de votre liberté vis-à-vis des règles. Aussi longtemps que vous avez de solides raisons derrière les changements que souhaitez y apporter, aucun client ne devrait rejeter purement et simplement vos idées. Soit dit en passant, ils peuvent toujours dire non, s’ils estiment que cela s’écarte trop de leur style de marque connu.

En réalité, lorsque vous travaillez avec des directives de marque pensez-y comme à ce qu’elles sont - un guide pour vous aider avec la façon dont vous représentez une marque dans vos créations. Il est important que vous ne vous sentiez pas à l'étroit, en fonction de vos idées ou votre créativité - au lieu de cela voyez les directives comme une petite plateforme qui peut vous aider à créer un design plus marque-précis et raffiné.

Brand Guidelines for Exocad designed by Naomi Atkinson DesignBrand Guidelines for Exocad designed by Naomi Atkinson DesignBrand Guidelines for Exocad designed by Naomi Atkinson Design
Directives de marque pour Exocad, conçues par Naomi Atkinson Design, affichant les polices de caractères utilisées par la marque.

Devoir

Pourquoi ne pas aborder la question de l’autre côté de la table ? Prendre un template de branding visuel (comme celui-ci par Graham Smith) et voyez si vous pouvez construire des directives pour une marque existante ? Prenez des couleurs et typographie familières d’une multinationale bien connue, puis insérez-les dans le template. Vous allez bientôt être au fait de la manière dont leur marque est contrôlée dans les coulisses.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.