Lire en anglais

Partager via


Conception pour les applications Windows

Ici, vous trouverez des instructions et des exemples de conception pour la création d’expériences d’application Windows. Windows 11 intègre le langage de conception et les principes de Fluent pour une apparence cohérente et sentir que Microsoft est unique.

Pour obtenir les blocs de construction pour l’élaboration d’expériences Windows, utilisez WinUI. Ces composants intègrent le langage de conception Fluent, ce qui vous permet de vous faire confiance en créant de grandes expériences au sein de l’écosystème Fluent.

Principes de conception de Windows 11

Différents éléments de conception de Windows 11

Windows 11 marque une évolution visuelle du système d’exploitation. Nous avons évolué notre langage de conception en même temps que Fluent pour créer une conception qui est humaine, universelle et vraiment se sent comme Windows.

Les principes de conception ci-dessous nous ont guidé tout au long du parcours qui nous a permis de faire de Windows la meilleure implémentation de Fluent.

Facile à utiliser

Windows 11 est plus rapide et plus intuitif. Je peux travailler facilement, avec précision, en restant concentré.

Calme

Windows 11 est plus léger et désencombré. Il fonctionne en arrière-plan pour m’aider à rester calme et concentré. L’expérience se sent chaude, éthérée et accessible.

Personnel

Windows 11 s’adapte avec fluidité à la façon dont j’utilise mon appareil. Il répond à mes besoins spécifiques et s’adapte à mes préférences pour que je puisse réellement m’exprimer.

Familier

Windows 11 combine une nouvelle apparence actualisée avec le côté familier de l’interface Windows que je connais déjà. Aucun apprentissage n’est requis. Je peux m’y mettre immédiatement.

Complet et cohérent

Windows 11 offre une expérience visuellement transparente sur les différentes plateformes. Je peux travailler sur de nombreuses plateformes tout en continuant à bénéficier d’une expérience Windows cohérente.

Expériences de signature de Windows 11

Les expériences de signature sont les éléments de conception qui permettent à Windows 11 d’exprimer son langage visuel, tout en conservant une apparence cohérente pour toutes les expériences utilisateur Fluent.

Fenêtre et boîte de dialogue modale en mode clair à gauche et en mode sombre à droite

Couleur

La couleur aide les utilisateurs à se concentrer sur leurs tâches en indiquant une hiérarchie et une structure visuelles entre les éléments d’interface utilisateur. Windows 11 utilise la couleur pour fournir une base apaisante, tout en améliorant subtilement les interactions avec les utilisateurs et en mettant en évidence les éléments importants uniquement quand cela est nécessaire.

Fenêtre d’application avec une seule zone de contenu

Élévation et superposition

L’élévation et la superposition sont le concept de chevauchement d’une surface avec une autre, créant deux zones ou plus visuellement distinguées au sein de la même surface. Windows 11 utilise l’élévation et la couche comme base pour la hiérarchie des applications.

Icône de panier d’achat

Iconographie

L’iconographie est un ensemble d’images visuelles et de symboles qui aident les utilisateurs à comprendre votre application et à y naviguer. L’iconographie de Windows 11 a évolué au même rythme que notre langage de conception. Chaque glyphe de notre police d’icônes système a été repensé pour adopter une géométrie plus douce et des métaphores plus modernes.

Surface d’IU avec l’effet acrylique

Matériaux

Les matériaux sont des effets visuels qui font ressembler les surfaces d’IU à des artefacts de la vie réelle. Windows 11 utilise des matériaux pour garder l’IU connectée à son environnement. Les matériaux donnent vie aux surfaces et nous aident à faire la distinction entre les applications avec focus et sans focus.

Plusieurs éléments d’IU mettant en évidence la nouvelle géométrie dans Windows 11

Formes et géométries

Geometry décrit la forme, la taille et la position des éléments d’interface utilisateur à l’écran. Ces éléments de conception fondamentaux contribuent à rendre les expériences cohérentes dans l’ensemble du système de conception. Les fonctionnalités de Windows 11 ont mis à jour la géométrie qui crée une expérience plus accessible, attrayante et moderne.

Plusieurs mots affichés en Segoe UI Variable

Typographie

Comme représentation visuelle du langage, la tâche principale de la typographie consiste à communiquer des informations. Le système typographique de Windows 11 vous aide à créer une structure et une hiérarchie dans votre contenu pour optimiser la clarté et la lisibilité de l’IU.

Image animée qui montre plusieurs exemples de mouvement dans l’IU de Windows.

Mouvement

Le mouvement décrit la façon dont l’interface s’anime et répond aux interactions de l’utilisateur. Dans Windows, le mouvement est réactif, direct et approprié au contexte. Il fournit une rétroaction par rapport aux entrées de l’utilisateur et renforce les paradigmes spatiaux qui prennent en charge l’orientation.