Palette de couleurs

Aujourd’hui il est très facile de vérifier les ratios de contraste de vos couleurs, vous pouvez le faire directement depuis vos logiciels de design ou depuis plusieurs sites différents. Pensez juste à vous souvenir : le WCAG AA exige un ratio de 4,5:1 pour le texte courant et 3:1 pour le texte large. Vérifiez aussi que l'information ne soit pas transmise uniquement par la couleur, ce qui poserait problème aux personnes daltoniennes.

La couleur primaire est la couleur principale de votre marque, elle sera principalement utilisée pour les éléments interactifs clés. La couleur secondaire, elle, vient en complément de la primaire pour souligner des éléments moins importants. Les couleurs sémantiques, de leur côté, sont fonctionnelles et universellement compréhensibles : vert, orange, rouge. Ces dernières doivent rester cohérentes dans toute l'interface pour ne pas créer de confusion.

Il n’y a pas de règle stricte. On essaie généralement de ne pas surcharger la palette design pour que les éléments restent compréhensibles, mais rien ne force à se limiter. Une palette fonctionnelle sera un peu plus stricte, puisqu’elle fait appel à des codes universels, mais pour les couleurs de votre marque, il n’y a pas spécialement de règle. En général, les couleurs primaires et secondaires auront leurs nuances (5/6 valeurs claires et 5/6 valeurs foncées).

On part des couleurs principales et secondaires et on génère des nuances claires et foncées. En général 5/6 de chaque pour pouvoir travailler facilement avec dans votre interface.