Couleur

Écran de verrouillage et application Cuisine Bing

 

Vous pouvez utiliser la couleur pour donner un sens ou exprimer une émotion ou une humeur. La couleur peut améliorer le contenu de votre application. Elle peut structurer de façon visuelle la disposition générale. Elle peut également communiquer les valeurs et la personnalité d’une marque.

Utilisation de la couleur par Windows

La couleur dans Windows a pour objectif d’insuffler de la vie et de l’énergie dans votre application. Elle doit être saturée, éclatante et numérique et offrir toute la gamme des couleurs permises par les technologies d’affichage. En règle générale, Windows utilise des couleurs unies et plates, mais également tout un ensemble de techniques permettant de créer de la profondeur, par exemple des transparences, des couches et des mélanges.

 

Application Alarmes

 

Dans Windows 8.1, les couleurs système et les couleurs de l’application sont distinctes. Une couleur système est une couleur que l’utilisateur choisit et que Windows applique comme couleur de l’interface utilisateur au sein du système, par exemple pour l’arrière-plan de l’écran d’accueil. Une couleur d’application est une couleur unique que le développeur sélectionne et qui est indépendante de la couleur système. Une couleur d’application reflète l’identité et la marque de l’application.

L’image suivante montre différentes couleurs système appliquées à l’écran d’accueil.

 

Écrans d’accueil avec différentes couleurs d’arrière-plan

 

L’image suivante montre les couleurs propres à trois applications différentes. La couleur de l’application est appliquée de manière prononcée dans toute l’application pour promouvoir la marque.

 

Applications Courrier, OneDrive et Contacts

 

Comment utiliser les couleurs

Dans Windows 8.1, le choix des couleurs peut refléter la personnalité de votre application et identifier votre marque. Vous pouvez utiliser des couleurs supplémentaires pour donner encore plus de dynamisme à votre marque. Examinons quelques exemples.

L’application Foursquare utilise une association de couleurs cohérente (bleu et vert) pour renforcer sa marque et faciliter la navigation.

 

Résultats de recherche de l’application Foursquare

 

La simplicité visuelle et l’utilisation des couleurs au sein des vignettes invitent à la découverte. Les couleurs permettent de trouver des informations de façon intuitive dans les différents niveaux de l’application, par exemple les conseils, les classements et les tendances.

 

Application Foursquare

 

L’application de liste de lecture est un autre exemple d’application qui utilise les couleurs pour donner de la personnalité. Dans ce cas, la couleur dominante de l’application, le rouge, communique l’âge du contenu. La barre de couleur en haut de l’application s’assombrit progressivement en fonction de la date à laquelle l’utilisateur a enregistré le contenu. Cela fournit des informations supplémentaires à l’utilisateur tout en rehaussant la personnalité de l’application grâce à l’utilisation de la couleur.

 

En-têtes de calendrier dans l’application de liste de lecture

 

Application de liste de lecture

Rubriques associées

Recommandations et liste de vérification sur l’accessibilité
Prise en charge des thèmes à contraste élevé (HTML)
Prise en charge des thèmes à contraste élevé (XAML)

 

 

Afficher:
© 2014 Microsoft. Tous droits réservés.