Instructions concernant les couleurs pour les compléments Office

La couleur est souvent utilisée pour mettre en évidence la marque et renforcer la hiérarchie visuelle. Elle permet d’identifier une interface et de guider les clients dans une expérience. À l’intérieur d’Office, la couleur est utilisée pour les mêmes objectifs, mais elle est appliquée de manière délibérée et minimale. Elle ne surcharge jamais le contenu clients. Même lorsque chaque application Office est marquée avec sa propre couleur dominante, elle est utilisée avec parcimonie.

Fluent UI React et Fabric Core incluent un ensemble de couleurs de thème par défaut. Lorsque ces bibliothèques sont appliquées aux composants ou aux dispositions d’un complément Office, les mêmes objectifs s’appliquent. La couleur doit communiquer la hiérarchie, guidant ainsi les clients vers l’action sans interférer avec le contenu. Les couleurs de thème de l’interface utilisateur Fluent React ou Fabric Core peuvent introduire une nouvelle couleur d’accentuation à l’interface globale. Ces couleurs d’accentuation peuvent entrer en conflit avec la personnalisation de l’application Office et la hiérarchie. Envisagez des façons d’éviter les conflits et les interférences. Utilisez des accents neutres ou remplacez les couleurs de thème pour faire correspondre la personnalisation de l’application Office ou vos propres couleurs de marque.

Dans les applications Office, les clients personnalisent leurs interfaces en appliquant un thème d’interface utilisateur Office. Les clients choisissent entre quatre thèmes d’interface utilisateur pour varier le style des arrière-plans et des boutons dans Excel, Outlook, PowerPoint, Word et d’autres applications de la suite Office. Pour que vos compléments se sentent comme une partie naturelle d’Office et répondent à la personnalisation, utilisez nos API De thème. Par exemple, les couleurs d’arrière-plan du volet des tâches deviennent gris foncé dans certains thèmes. Avec les API De thème, suivez la procédure et ajustez le texte de premier plan pour garantir l’accessibilité.

Conseil

• Pour vous assurer que votre complément applique les combinaisons de couleurs correctes dans son interface utilisateur, testez-le avec les quatre thèmes Office, y compris l’option Utiliser le paramètre système .
• Pour obtenir des conseils sur la façon de faire correspondre dynamiquement la conception de votre complément PowerPoint au document actuel ou au thème Office, voir Utiliser des thèmes de document dans vos compléments PowerPoint.

Appliquez les instructions générales suivantes pour la couleur.

• Utilisez la couleur avec parcimonie pour communiquer la hiérarchie et renforcer la marque.
• L’utilisation excessive d’une couleur d’accentuation unique appliquée aux éléments interactifs et non interactifs peut être source de confusion. Par exemple, évitez d’utiliser la même couleur pour les éléments sélectionnés et non sélectionnés dans un menu de navigation.
• Évitez les conflits inutiles avec des couleurs non Office.
• Utilisez vos propres couleurs de la marque pour créer une association avec votre service ou votre société.
• Vérifiez que tout le texte est accessible. Assurez-vous qu’il existe un rapport de contraste de 4,5:1 entre le texte de premier plan et l’arrière-plan.
• Soyez conscient du daltonisme. Utilisez plus que la couleur pour indiquer l’interactivité et la hiérarchie.
• Pour en savoir plus sur la conception d’icônes de commande de complément avec la palette de couleurs d’icônes Office, consultez les instructions relatives aux icônes.