Style pour les applications Windows

Le style est ce qui permet à votre application de se distinguer des autres. Les instructions de style fournies dans cette section vous permettent de créer une conception Fluent Design à l’aide de couleurs, de la typographie et de nouvelles fonctionnalités telles que l’acrylique et l’effet Révéler.

Nous utilisons la bibliothèque d’interface utilisateur Windows (WinUI) pour fournir les styles les plus récents par le biais de nos composants d’interface utilisateur. Veillez à utiliser la dernière version de WinUI pour maintenir vos applications à jour avec les styles Fluent de l’application Windows actuelle. Pour plus d’informations sur la façon de procéder, consultez Styles XAML.

Image depicting a color gradient.

Couleur

La couleur permet une orientation intuitive à travers les différents niveaux d'information d'une application et constitue un outil crucial pour renforcer le modèle d'interaction.

Image depicting typography.

Typographie

En tant que représentation visuelle du langage, la tâche principale de la typographie est d’être claire. Son style ne devrait jamais faire obstacle à cet objectif. Les instructions suivantes expliquent comment utiliser la typographie pour aider les utilisateurs à mieux comprendre le contenu.

Image depicting icons.

Icônes

Les icônes de qualité s’harmonisent efficacement avec la typographie et avec le reste du langage de conception. Elles ne mélangent pas les métaphores et communiquent seulement les informations nécessaires, aussi rapidement et simplement que possible.

Image depicting acrylic.

Acrylique

Créez une impression de profondeur avec l’acrylique, un pinceau qui crée des surfaces incroyables et translucides.

Image depicting reveal focus.

Révéler focus

Révéler focus est un effet de lumière pour les expériences à 3 mètres, comme Xbox One et les écrans de télévision, et anime la bordure des éléments pouvant faire l’objet d’un focus.

Image depicting sound.

Son

Le son vient compléter l’expérience utilisateur d’une application et offre à l’utilisateur cette touche audio supplémentaire qui l’aide à reconnaître Windows sur l’ensemble des plateformes.

Short movie with a blinking cursor and then the words Writing style being typed out.

Style d'écriture

Le style d’écriture peut faire une grande différence entre une expérience utilisateur désastreuse et une meilleure.

Pinceaux XAML

Vous pouvez personnaliser l'apparence de vos applications de plusieurs manières à l'aide du framework XAML. Les styles vous permettent de définir les propriétés des contrôles et de réutiliser ces paramètres pour une apparence cohérente sur plusieurs contrôles.

Styles XAML

Vous pouvez personnaliser l'apparence de vos applications de plusieurs manières à l'aide du framework XAML. Les styles vous permettent de définir les propriétés des contrôles et de réutiliser ces paramètres pour une apparence cohérente sur plusieurs contrôles.

Espacement

Optimisez votre application Windows et offrez une expérience utilisateur la mieux appropriée possible aux besoins de fonctionnalité et d’interaction de votre application.

Rayon d’angle

Instillez chaleur et confiance, et facilitez le traitement visuel de l’interface utilisateur avec des angles arrondis.