Kits de ressources et exemples de conception pour les applications WindowsDesign toolkits and samples for Windows apps

Notions de base de la conception

Téléchargements relatifs à la conception et à l’interface utilisateur des applications Fluent Design/Windows.Design and UI-related downloads for Fluent Design/Windows apps. Pour obtenir des outils supplémentaires, tels que Visual Studio, consultez la page principale des téléchargements.For additional tools, such as Visual Studio, see our main downloads page.

Outils de conceptionDesign toolkits

Ces kits de ressources fournissent des contrôles et des modèles de disposition pour la conception d’applications Windows.These toolkits provide controls and layout templates for designing Windows apps.

Figma toolkitFigma toolkit
WinUI 2.4, mai 2020WinUI 2.4, May 2020
TéléchargerDownload

Sketch toolkitSketch toolkit
v1810, octobre 2018v1810, October 2018
TéléchargerDownload

Adobe XD toolkitAdobe XD toolkit
v1901, janvier 2019v1901, January 2019
TéléchargerDownload

Bibliothèques et kits de ressources de développementDeveloper toolkits and libraries

Miniature de la bibliothèque WinUI Bibliothèque UI WindowsWinUI library thumbnail Windows UI Library
Contrôles et autres éléments d’interface utilisateur pour les applications Windows.Controls and other UI elements for Windows apps.
Instructions d’installationInstallation instructions

Miniature de la communauté Windows Kit de ressources de la communauté WindowsWindows community thumbnail Windows Community Toolkit
Fonctions d’assistance, contrôles personnalisés et services d’application.Helper functions, custom controls, and app services.
Instructions d’installationInstallation instructions

Miniature Windows Template Studio Windows Template StudioWindows Template Studio thumbnail Windows Template Studio
Générez automatiquement et rapidement des modèles d’application UWP en utilisant une interface utilisateur basée sur un Assistant.Quickly scaffold a UWP app using a wizard-based UI.
TéléchargerDownload

FontsFonts

OutilsTools

Download the tile and icon generator

Générateur d’icônes et de vignettes Adobe Photoshop Cet ensemble d’actions pour Adobe Photoshop génère les 68 vignettes et icônes recommandées à partir de seulement 7 fichiers.Tile and icon generator for Adobe Photoshop This set of actions for Adobe Photoshop generates the 68 recommended tile and icon assets from just 7 files.
Télécharger le générateur de vignettes et d’icônesDownload the tile and icon generator

exemplesSamples

Image de Fluent XAML Theme Editor Fluent XAML Theme EditorFluent XAML Theme Editor image Fluent XAML Theme Editor
L’outil Fluent XAML Theme Editor montre bien la flexibilité du système Fluent Design et prend en charge le processus de développement des applications en générant des balises XAML pour le framework ResourceDictionary qui est utilisé dans les applications Windows.The Fluent XAML Theme Editor is a tool that helps demonstrate the flexibility of the Fluent Design System as well as supports the app development process by generating XAML markup for our ResourceDictionary framework used in Windows applications. Télécharger l’exemple de l’outilDownload the tool sample
Découvrir l’outil sur GitHubCheck out the tool on GitHub

Image de VanArsdel VanArsdelVanArsdel image VanArsdel
L’exemple d’application Windows de bout en bout Van Arsdel, Ltd. a été conçu pour présenter la prochaine version du système Microsoft Fluent Design.The Van Arsdel, Ltd. end-to-end Windows sample app was built to showcase the next wave of the Microsoft Fluent Design System. Il exploite pleinement la densité améliorée et les nouveaux contrôles de la bibliothèque d’interface utilisateur Windows ainsi que les fonctionnalités sous-jacentes du framework de composition et d’expérience utilisateur.It makes extensive use of the improved density and new controls in the Windows UI Library as well as powerful underlying features of the ux framework and composition. En outre, il montre comment créer une expérience riche et productive pour la gestion et l’achat d’appareils IoT (en l’occurrence, des lampes).The sample shows how you can build a rich, productive experience for managing and purchasing IoT devices (in this case, lamps).
Télécharger l’exemple VanArsdelDownload the VanArsdel sample
Découvrir l’exemple VanArsdel sur GitHubCheck out the VanArsdel sample on GitHub

Image BuildCast BuildCastbuild cast image BuildCast
BuildCast est un exemple de bout en bout qui a été conçu pour présenter le système Fluent Design et Windows.BuildCast is an end-to-end sample built to showcase the Fluent Design System and Windows. Il permet de parcourir, de télécharger et de lire des podcasts vidéo sélectionnés, notamment un échantillon des plus populaires issus de Channel 9 et des fils de quelques amateurs de Windows férus de technologie.It permits browsing, downloading, and playback of select video podcasts, including a sampling of the most popular ones from Channel 9 and some Windows tech enthusiast feeds. Il propose également des fonctionnalités de prise de notes manuscrites, de signets et de lecture à distance.It also features ink notes, bookmarks, and remote playback. Cet exemple a été initialement présenté lors de la conférence Build 2017, pendant l’intervention Build Amazing Apps with Fluent Design concernant la création d’applications avec Fluent Design.This sample was initially shown at the 2017 Build conference during the Build Amazing Apps with Fluent Design talk.
Télécharger l’exemple BuildCastDownload the BuildCast sample
Découvrir l’exemple BuildCast sur GitHubCheck out the BuildCast sample on GitHub

Planificateur de déjeuners Planificateur de déjeunersLunch Scheduler Lunch Scheduler
Exemple d’application Windows qui programme des déjeuners avec vos amis et vos collègues.A Windows app sample that schedules lunches with your friends and coworkers. Vous pouvez planifier un déjeuner et inviter des amis dans un restaurant qui vous intéresse, puis laisser l’application s’occuper de l’organisation pour toutes les parties impliquées.You create a lunch, invite friends to a restaurant of interest, and the app takes care of the lunch management for all involved parties. Cette application intègre les éléments du système Fluent Design dans une application Windows, notamment les options Acrylique, Révéler et Animation connectée.This app incorporates elements of the Fluent Design System in a Windows app, including acrylic, reveal, and connected animations.
Télécharger l’exemple Planificateur de déjeunersDownload the Lunch Scheduler sample
Découvrir l’exemple Planificateur de déjeuners sur GitHubCheck out the Lunch Scheduler sample on GitHub

Galerie de contrôles XAML Galerie de contrôles XAMLXaml controls gallery XAML Controls Gallery
Cet exemple offre une démonstration interactive de tous les contrôles XAML.This sample provides an interactive demo of all of the XAML controls. Il présente une variété de dispositions, de la plus basique à la plus évolutive, et fait apparaître le balisage que vous pouvez copier dans votre projet.It shows a variety of layouts from basic to adaptive, and displays markup that you can copy into your own project. Remarque : Dans le fichier de téléchargement et le dépôt GitHub, cet exemple d’application est désigné sous le nom de « UI Basics (XAML) ».Note: The download file and the GitHub repository currently refer to this sample app as "UI Basics (XAML)."
Télécharger l’exemple Galerie de contrôles XAMLDownload the XAML Controls Gallery sample
Découvrir l’exemple Galerie de contrôles XAML sur GitHubCheck out the XAML Controls Gallery sample on GitHub
Télécharger l’application Galerie de contrôles XAML à partir du StoreDownload the XAML Controls Gallery app from the Store

Vous voulez plus de code ?Want more code?

Consultez la page d’exemples Windows pour obtenir la liste complète de tous nos exemples d’applications Windows.Check out the Windows sample page for complete list of all our Windows app samples. Accédez au portail d’exemplesGo to the samples portal