Kits de ressources et exemples de conception pour les applications Windows
Téléchargements relatifs à la conception et à l’interface utilisateur des applications Fluent Design/Windows. Pour obtenir des outils supplémentaires, tels que Visual Studio, consultez notre principale page des téléchargements.
Toolkits et bibliothèques
Kit de ressources Figma
WinUI 3 dans WinAppSDK 1.1, octobre 2022
Télécharger
WinUI
Contrôles et autres éléments d’interface utilisateur pour les applications Windows.
Instructions d’installation
Kit de ressources Communauté Windows
Fonctions d’assistance, contrôles personnalisés et services d’application.
Instructions d’installation
Template Studio
Générez automatiquement et rapidement des applications en utilisant une interface utilisateur basée sur un Assistant.
Instructions d’installation
Galerie WinUI 2
Obtenez les applications Galerie WinUI à partir du Microsoft Store pour voir ces contrôles XAML et le système Fluent Design en action. Les applications WinUI 3 Gallery et WinUI 2 Gallery incluent des exemples interactifs de la plupart des contrôles et fonctionnalités WinUI 3 et WinUI 2. Les applications sont un compagnon interactif de ce site web. Une fois installées, vous pouvez utiliser des liens dans des pages de contrôle individuelles pour lancer l’application et voir le contrôle en action.
- Obtenez la Galerie WinUI 3 et la Galerie WinUI 2 à partir du Microsoft Store.
- Obtenez le code source des deux applications à partir de GitHub (utilisez la branche main pour WinUI 3 et la branche winui2 pour WinUI 2).
Polices
- Segoe UI variable
- Icônes Segoe Fluent
- IU Segoe
- Segoe MDL2
- Police d’icône Hololens (Windows uniquement)
Outils
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.
Télécharger le générateur de vignettes et d’icônes
Exemples
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.
Télécharger l’exemple de l’outil
Découvrir l’outil sur GitHub
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. Il exploite pleinement la densité améliorée et les nouveaux contrôles de WinUI ainsi que les fonctionnalités sous-jacentes du framework de composition et d’expérience utilisateur. 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).
Télécharger l’exemple VanArsdel
Découvrir l’exemple VanArsdel sur GitHub
BuildCast
BuildCast est un exemple de bout en bout qui a été conçu pour présenter le système Fluent Design et Windows. Il permet la navigation, le téléchargement et la lecture de podcasts vidéo sélectionnés, y compris certains flux de passionnés de technologie Windows. Il propose également des fonctionnalités de prise de notes manuscrites, de signets et de lecture à distance. 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.
Télécharger l’exemple BuildCast
Découvrir l’exemple BuildCast sur GitHub
Planificateur de déjeuners
Exemple d’application Windows qui programme des déjeuners avec vos amis et vos collègues. 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. 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.
Télécharger l’exemple Planificateur de déjeuners
Découvrir l’exemple Planificateur de déjeuners sur GitHub
Voulez-vous plus de code ?
Consultez la page d’exemples Windows pour obtenir la liste complète de tous nos exemples d’applications Windows. Accédez au portail d’exemples
Windows developer