La Couleur en UI

Le framework

1. 01

   Couleur primaire

   C'est votre couleur signature, celle du CTA principal et de l'identite de marque. Elle doit trancher nettement avec le reste pour guider l'oeil vers l'action.

2. 02

   Couleur secondaire

   Elle soutient la primaire sans la concurrencer. Utilisez-la pour les elements interactifs secondaires, les tags, les accents. Elle enrichit la palette sans creer de confusion.

3. 03

   Couleur semantique

   Vert = succes, rouge = erreur, orange = attention. Ces codes sont universels, ne les reinventez pas. Vos utilisateurs les comprennent instinctivement.

4. 04

   Neutres et fond

   Gris, blancs, noirs. Ils occupent 80% de votre interface. Choisissez-les avec soin : un gris trop froid ou trop chaud change toute l'ambiance. Ils donnent le ton general sans qu'on les remarque.

Pour aller plus loin