Partager via


Recommandations en matière de conception

La section Instructions couvre les principaux blocs de construction de la conception d’applications Windows. Ces rubriques définissent les modèles, règles et comportements qui garantissent que votre application se sent intuitive, polie et alignée sur Fluent Design. De la couleur et de la typographie au mouvement, à la disposition et aux matériaux, chaque base vous aide à prendre des décisions cohérentes qui s’étendent sur les pages, les caractéristiques et les facteurs de forme.

Utilisez ces principes de base comme guide tout au long de votre processus de conception, que vous mappiez vos premiers écrans, affinement des modèles d’interaction ou assurez-vous que votre interface utilisateur correspond aux conventions Windows. L’exploration de ces bases précoces peut gagner du temps de développement, réduire le travail et mener à de meilleures expériences pour vos utilisateurs.


Icône couleur
Couleur
Utilisez la couleur pour établir une hiérarchie, communiquer la signification et créer une identité visuelle cohérente.

Icône de commande
Commandant
Présenter des actions en modèles clairs et cohérents qui aident les utilisateurs à comprendre ce qu’ils peuvent faire.

Icône Élévation
Élévation
Appliquez de la profondeur et de la stratification pour guider la mise au point et renforcer la structure de votre interface.

Icône Géométrie
Géométrie
Utilisez des relations de forme, de dimensionnement et spatiales pour créer des dispositions équilibrées et prévisibles.

Icône d’iconographie
Iconographie
Communiquez rapidement des actions et des concepts avec des icônes familières et délibérées.

Icône Mise en page
Disposition
Organisez le contenu avec des grilles, un espacement et des modèles d’alignement qui améliorent la clarté et le flux.

Icône de Matériaux
Matériaux
Améliorez votre interface utilisateur avec des matériaux Fluent comme Mica et Acrylique pour ajouter de la profondeur et de la chaleur.

Icône de mouvement
Mouvement
Utilisez le mouvement pour fournir des commentaires, guider l’attention et créer des interactions lisses et réactives.

Icône de navigation
Navigation
Aidez les utilisateurs à parcourir votre application avec des modèles de navigation prévisibles et structurés.

Icône son
Son
Utilisez des signaux audio pour fournir des commentaires, renforcer les actions et prendre en charge l’accessibilité.

Icône typographie
Typographie
Définissez le ton et améliorez la lisibilité avec des choix de type et une hiérarchie cohérents.

Icône d’utilisation
Utilisabilité
Assurez-vous que votre application est facile à utiliser via des interactions intuitives, des affordances claires et l’accessibilité.

Icône widgets
Widgets
Étendez votre application avec des surfaces interactives qui exposent des informations et des actions clés.

Icône d’écriture
Écrit
Utilisez un langage clair, concis et utile pour améliorer la compréhension et réduire la charge cognitive.