Accessibility Tools

Les couleurs

Une couleur vĂ©hicule, une Ă©motion, mais aussi une histoire. Le sens qu’elle apporte doit ĂŞtre Ă©tudiĂ© en rapport Ă  son utilisation gĂ©ographique, aux us et coutumes de la sociĂ©tĂ© dans laquelle elle s'inscrit. 

Dans une sociĂ©tĂ© donnĂ©e (en France par exemple), nous pouvons considĂ©rer que le rouge peut faire rĂ©fĂ©rence Ă  l’amour, au sexe, Ă  la passion, mais aussi au sang, Ă  la guerre, aux interdits, au danger. 

Le choix d’une ou de plusieurs couleurs doit se faire avec soin. Il faut Ă©tudier les codes du secteur d’activitĂ© en question, mais aussi s’interroger sur le placement de la structure, s’inscrit-elle dans une continuitĂ© d’action ou cherche-t-elle Ă  se diffĂ©rencier ? Souhaite-t-elle se fondre dans le dĂ©cor ou se dĂ©marquer ? Quel âge a sa clientèle cible ? … 

Le choix d’une couleur peut s’avĂ©rer complexe, le choix d’une palette de couleurs l’est encore plus. Il faut trouver le juste milieu entre le choix de chaque couleur pour garantir un bon contraste et l’impact recherchĂ©. 

Conseils

  • DĂ©finir les couleurs principales et les couleurs secondaires d’un projet. 

  • Utilisation de 3 couleurs maximum, mais chaque couleur peut-ĂŞtre dĂ©clinĂ©e en plusieurs couleurs secondaires d’une intensitĂ© diffĂ©rente. 

  • Règle 60/30/10 : une bonne proportion de l’utilisation de 3 couleurs consisterait Ă  avoir la rĂ©partition suivante : 60% couleur dominante, 30% couleur secondaire 10% couleur d’accentuation.

Points d'attention

  • Attention aux contrastes, principalement sur les zones de texte et les boutons. 

  • Dark modes : Attention au choix des couleurs, les couleurs trop saturĂ©es ou les zones de textes blanches sur fond noir peuvent s’avĂ©rer difficiles Ă  lire. 

  • Attention aux dĂ©gradĂ©s : dans la majoritĂ© des cas, il vaut mieux privilĂ©gier des dĂ©gradĂ©s lĂ©gers entre deux couleurs relativement proches.

Ressources

Des outils intéressants

Des liens intéressants

CMJN

Le mode colorimĂ©trique CMJN (quadrichromie) est utilisĂ© pour l’impression. 

Son nom désigne les couleurs à la base de l’impression en couleur :

  • C = Cyan

  • M = Magenta

  • J = Jaune 

  • N = Noir

Chaque couleur est utilisĂ©e dans un pourcentage allant de 0 Ă  100%. Ce mode colorimĂ©trique est dit soustractif. 

Dans une imprimerie, il peut y avoir d’autres couleurs utilisĂ©es en plus des couleurs primaires, telles que des pantones, des blancs de soutien ou des vernis. 

Selon le type de support utilisĂ©, une couleur qui est imprimĂ©e avec les mĂŞmes valeurs peut avoir un rendu diffĂ©rent. Il est donc important de faire au prĂ©alable des tests d’impression. 

RVB

Le mode colorimétrique RVB est utilisé pour les écrans (téléphone, ordinateur, TV…)

Son nom désigne les couleurs :

  • R = Rouge

  • V = Vert

  • B = Bleu

Chaque couleur est utilisĂ©e dans une valeur allant de 0 Ă  255. 

Ce mode colorimĂ©trique est dit « additif Â». Les couleurs sont obtenues en combinant diffĂ©rentes quantitĂ©s de rouge, vert et bleu. Le panel de couleur est plus important en RVB qu’en CMJN, nombre de couleurs criardes existent exclusivement en RVB. 

Le rendu d’une couleur peut diffĂ©rer d’un Ă©cran Ă  l’autre, il faut toujours vĂ©rifier une maquette sur plusieurs Ă©crans diffĂ©rents. 

Ă€ savoir

Le spectre RVB est plus Ă©tendu que le spectre CMJN mais certaines couleurs CMJN seront Ă©galement impossibles Ă  reproduire en RVB. Lors de la crĂ©ation d’une identitĂ© visuelle, on s’assurera de choisir des couleurs cohĂ©rentes avec les supports de communication que la marque va utiliser. 

Lorsque vous dĂ©butez la crĂ©ation d’un document, vous devez dĂ©finir le mode colorimĂ©trique. Si toutefois vous deviez en changer après la crĂ©ation du document, voici les chemins Ă  emprunter : 

  • Photoshop : Image > Mode > Couleurs…

  • Illustrator : Fichier > Mode colorimĂ©trique du document > Couleur…

  • InDesign : Edition > Espace de fusion des transparences > Espace…


Cours mis Ă  jour le 2024-11-13 12:34:25

Ces sujets peuvent aussi vous intéresser