Bases de la conception d’applications WindowsDesign basics for Windows apps

Icône des notions de base de la conception

Le guide de conception Windows est une ressource destinée à vous aider à concevoir et créer de belles applications abouties.Windows design guidance is a resource to help you design and build beautiful, polished apps. Il ne s’agit pas d’une liste de règles normatives, mais plutôt d’un document dynamique, conçu pour s’adapter à l’évolution de notre système Fluent Design ainsi qu’aux besoins de notre communauté de développement d’applications.It's not a list of prescriptive rules - it's a living document, designed to adapt to our evolving Fluent Design System as well as the needs of our app-building community.

Vue d’ensembleOverview

Introduction à la conception d’applications WindowsIntroduction to Windows app design

Introduction aux fonctionnalités des applications Windows et aux bonnes pratiques pour créer des applications qui s’adaptent parfaitement à tous les types d’appareils exécutant Windows.An introduction to Windows app features combined with best practices for creating apps that scale beautifully on all types of Windows-powered devices.

Système Fluent DesignFluent Design System

Le système Fluent Design présente nos objectifs et nos principes de création d’interfaces utilisateur adaptatives, empathiques et esthétiques.The Fluent Design System presents our goals and principles for creating adaptive, empathetic, and beautiful user interfaces.

Notions de baseBasics

Notions de base sur la navigationNavigation basics

La navigation dans les applications Windows est basée sur un modèle flexible de structures de navigation, d’éléments de navigation et de fonctionnalités au niveau du système.Navigation in Windows apps is based on a flexible model of navigation structures, navigation elements, and system-level features. Cet article présente ces composants et vous explique comment les combiner pour créer une bonne expérience de navigation.This article introduces you to these components and shows you how to use them together to create a good navigation experience.

Notions de base sur les commandesCommand basics

Les éléments de commande sont les éléments d’interface utilisateur interactifs qui permettent à l’utilisateur d’effectuer des actions telles que l’envoi d’un message électronique, la suppression d’un élément ou l’envoi d’un formulaire.Command elements are the interactive UI elements that enable the user to perform actions, such as sending an email, deleting an item, or submitting a form. Cet article décrit les éléments de commande, comme les boutons et les cases à cocher, les interactions qu’ils prennent en charge, ainsi que les surfaces de commandes (telles que les barres de commandes et les menus contextuels) pouvant les accueillir.This article describes the command elements, such as buttons and check boxes, the interactions they support, and the command surfaces (such as command bars and context menus) for hosting them.

Notions de base sur le contenuContent basics

Le rôle principal de toute application est d’offrir un accès à un contenu. Dans une application de retouche photo, le contenu correspond aux photos ; dans une application de voyage, le contenu comprend les cartes et les informations sur les destinations, etc.The main purpose of any app is to provide access to content: in a photo-editing app, the photo is the content; in a travel app, maps and info about travel destinations is the content; and so on. Cet article fournit des recommandations de conception de contenu pour les trois scénarios de contenu : consommation, création et interaction.This article provides content design recommendations for the three content scenarios: consumption, creation, and interaction.

DidacticielsTutorials

Découvrez comment créer une application de retouche photo de base en XAML et C#.Learn how to create a basic photo-editing application in XAML and C#.

1. Créer une interface utilisateur de base1. Create a basic UI

Utilisez XAML pour créer une interface utilisateur de base.Use XAML to create a basic user interface.

2. Créer une disposition adaptative2. Create an adaptive layout

Attribuez une disposition adaptative à l’application de retouche photo.Give the photo-editing application an adaptive layout.

3. Créer des styles personnalisés3. Create custom styles

Créez des styles personnalisés pour donner à nos contrôles Windows l’apparence que vous souhaitez.Give our Windows controls your own look and feel by creating custom styles.