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 des lunettes doit être utilisée avec parcimonie 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 minimiser l'obstruction visuelle et de les harmoniser avec le monde réel. Privilégiez la lisibilité dans différentes conditions d'éclairage. Calibrez soigneusement les couleurs pour équilibrer la luminosité et la saturation afin qu'elles soient immédiatement discernables.
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 :
- Suffisamment lumineux pour être lisible
- Saturée suffisamment pour être identifiable comme une couleur
Pour en savoir plus, consultez Thème Glimmer de Jetpack Compose.
Consommation d'énergie
Certaines couleurs consomment plus d'énergie et génèrent plus de chaleur que d'autres. Le vert est la couleur la moins gourmande en énergie, tandis que le bleu est la plus gourmande, lorsque l'on compare des couleurs de même teinte, 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 en 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.