Votre sensation ?

Rôles

Les couleurs sont partout dans notre quotidien. Nos yeux traitent cette information, sans que nous ayons besoin d'y réfléchir. Elles véhiculent énormément d'informations sur notre environnement, de manière consciente ou inconsciente:

• émotion(s)
• chaud / froid
• danger / sécurité
• composition chimique
• symbolique
• etc.

Spectre lumineux

Les couleurs font parties d'une partie du spectre lumineux visible par l'œil humain. Si nous passons la lumière à travers un prisme, nous pourrons voir ce spectre: les couleurs.

Perception & accessibilité

Les couleurs ne sont pas perçues exactement de la même manière chez tout le monde. Il se peut que la couleur rouge que je perçois n'ait pas exactement la même teinte que pour une autre personne.

Certaines anomalies affectent la perception des couleurs comme le daltonisme, qui regroupe plusieurs types comme:

• Achromatopsie: absence de couleur
• Deutéranopie: impossibe de différencier rouge et vert
• Protanopie: perception du rouge impossible
• Tritanopie: perception du bleu impossible

C'est pour cela qu'il ne faut pas s'appuyer uniquement sur les couleurs pour transmettre un message.

Prenons l'exemple d'un message de réussite et un message d'échec, et que nous n'utilisons que les couleurs verte et rouge, certains utilisateurs pourraient ne pas comprendre directement.

Les couleurs peuvent interagire entre elles et changer notre perception d'une même couleur.

Significations

Théorie vs
pratique

Ces significations peuvent varier grandement selon les cultures, les périodes historiques et les domaines d'étude (psychologie, art, sociologie, etc.).

Teinte

Couleurs primaires

Il existe 3 couleurs primaires, le rouge, le vert et le bleu. On obtiendra d'autres couleurs en les mélangeants.

Couleurs secondaires

Il existe 3 couleurs secondaires, le magenta, le jaune et le cyan, qu'on obtient après mélange de leurs couleurs adjacentes.

Couleurs tertiaires

En mixant nos couleurs primaires et secondaires, nous ajoutons 6 couleurs tertiaires à notre cercle de couleurs.

Luminosité

La luminosité contrôle la quantité de noir ou de blanc qu'on ajoute à nos couleurs pour les éclairer ou les assombrir.

Saturation

La saturation permet de contrôler la vibrance d'une couleur. Plus votre couleur est saturé, plus elle sera vive et présente.

Moins votre couleur est saturé, plus votre couleur sera grise. Selon la luminosité, on obtiendra du gris, du noir ou du blanc.

Température

Certaines couleurs sont plutôt chaudes tandis que d'autre plutôt froides, et donc influencer différemment notre lecture du design.

Chaud: rouge, orange, jaune, vert, rose

Froid: turquoise, bleu, cyan, violet

Palettes

Monochromatique

Cette palette utilise la même teinte avec différente valeurs de saturation et/ou de luminosité.

Complémentaire

Les couleurs complémentaires sont opposés l'une de l'autre dans le cercle.

Analogique

Composé de couleurs adjacentes.

Triadique

Composés de 3 couleurs équidistantes. Une couleur est dominante et les autres sont utilisés comme couleurs d'accentuation.

Tétradique

Composés de 2 jeux de couleurs complementaires. Ce genre de palette est plus difficile à équilibrer.

Créer une palette

Pour créer une palette simple, on choisit une couleur dominante qui sera utilisée par petite touche. Le reste sera composé d'espace blanc, et de vos titres et textes en noir (ou couleur très foncée) et de gris.

Voici une idée de la densité d'utilisation de vos couleurs dans votre design.

Votre charte graphique

⭐

Dans votre charte graphique je veux que vous choississiez une palette de couleurs, avec 1 ou 2 couleurs d'accentutation maximum/

1. Avoir les références couleurs (hexadécimal et RVB)
2. Prévoir une densité d'utilisation de vos couleurs
3. Prévoir des couleurs neutres (blanc, gris, noir)

Sur base du travail précédent:

• Créer une palette de couleurs (via coolors.co)
• Choisir un type de palette
• Prévoir une mini charte graphique des couleurs (textes, boutons, accentuation, etc. dans une frame sur le côté)
• Ajouter des images (hero + produits)