La couleur prend en compte l'affichage, l'environnement et la cognition. La couleur sur les lunettes utilise une palette très raffinée pour prendre en charge le comportement des écrans additifs et optimiser le confort visuel. La couleur doit être utilisée avec parcimonie sur les lunettes pour s'harmoniser avec le monde réel, indiquer des actions importantes, afficher des images ou fournir une signification sémantique.
Le noir est transparent sur un écran optique. Gardez cela à l'esprit lors de la conception, car les couleurs plus foncées apparaîtront ternes ou transparentes, mais cela peut également être utilisé pour créer de la profondeur.
Jeu de couleurs
Le jeu de couleurs des lunettes (collection de jetons ou de rôles de couleur pour définir le thème de la couleur de votre application) se compose de trois rôles d'accentuation, de quatre rôles de surface (ou neutres) et de leurs rôles de couleur associés. Les rôles de couleur sont semblables à ceux du schéma mobile et doivent être utilisés de la même manière.
Les couleurs d'accentuation peuvent être utilisées pour les couleurs "on" avec une emphase limitée.
À faire
À éviter
Personnaliser la couleur
Lorsque vous personnalisez les couleurs des lunettes, il est essentiel de veiller à ce qu'elles obstruent le moins possible la vue et qu'elles s'harmonisent avec le monde réel, en privilégiant la lisibilité dans différentes conditions d'éclairage. Cela implique de calibrer soigneusement les couleurs pour équilibrer la luminosité et la saturation, en veillant à ce que le texte soit bien visible et suffisamment saturé pour être immédiatement reconnaissable. Vous pouvez personnaliser la couleur principale pour utiliser la couleur de votre marque ou la couleur principale d'interaction. Tenez compte du contraste, de la saturation et de la consommation d'énergie de la couleur choisie.
Couleurs sémantiques et de marque optimisées
Les couleurs qui représentent la marque, les actions ou les alertes système doivent :
- être suffisamment lumineux pour être lisible ;
- Saturée suffisamment pour être identifiable comme une couleur
Consommation d'énergie
Certaines couleurs consomment plus d'énergie et génèrent plus de chaleur que d'autres. Le vert est la couleur qui consomme le moins d'énergie, tandis que le bleu est celle qui en consomme le plus, lorsque l'on compare des couleurs de même ton, comme on peut le voir à droite. Réduisez au minimum le nombre de pixels que vous allumez. Plus la luminosité de l'écran est élevée, plus il chauffe. Ne remplissez pas l'écran de blanc, car cela peut entraîner une atténuation thermique.
À faire
À éviter
À faire
À éviter
Évitez les surfaces personnalisées.
Couleurs sombres pour les conteneurs
Les conteneurs doivent généralement se concentrer sur l'affichage du contenu qu'ils contiennent, sans être distrayants :
- Les surfaces doivent être noires pour un contraste maximal.
- Les contours doivent être visibles, mais subtils
À faire
À éviter
Vous pouvez personnaliser le contour pour ajouter votre identité visuelle ou une UI expressive.
À faire
À éviter
Avertissement
Personnalisation de la mise au point du contour en bleu : la mise en évidence de l'état de mise au point est constituée de deux contours. La couleur est appliquée au calque 2 pour teinter l'état de mise au point.