Design-Toolkits und Beispiele für Windows-Apps

Designgrundlagen

Design- und UI-bezogene Downloads für Fluent Design/Windows-Apps. Zusätzliche Tools wie beispielsweise Visual Studio finden Sie auf der Hauptseite für Downloads.

Design-Toolkits

Diese Toolkits enthalten Steuerelemente und Layoutvorlagen für das Entwerfen von Windows-Apps.

Figma Toolkit
WinUI 2.4, Mai 2020
Herunterladen

Sketch Toolkit
v1810, Oktober 2018
Herunterladen

Adobe XD Toolkit
v1901, Januar 2019
Herunterladen

Entwicklertoolkits und -bibliotheken

Miniaturansicht der WinUI-Bibliothek Windows-UI-Bibliothek
Steuerelemente und andere Benutzeroberflächenelemente für Windows-Apps.
Installationsanweisungen

Miniaturansicht der Windows-Community Windows-Community-Toolkit
Hilfsfunktionen, benutzerdefinierte Steuerelemente und App-Dienste
Installationsanweisungen

Windows Template Studio-Miniaturansicht Windows Template Studio
Richten Sie schnell eine UWP-App mit einer assistentenbasierten Benutzeroberfläche ein.
Herunterladen

Schriftarten

Tools

Download the tile and icon generator

Kachel- und Symbolgenerator für Adobe Photoshop Mit diesen Aktionen für Adobe Photoshop werden die 68 empfohlenen Kacheln und Symbole aus nur sieben Dateien erstellt.
Kachel- und Symbolgenerator herunterladen

Beispiele

Abbildung: Fluent-XAML-Design-Editor Abbildung: Fluent-XAML-Design-Editor
Der Fluent-XAML-Design-Editor ist ein Tool, mit dem die Flexibilität des Fluent Design-Systems verdeutlicht wird. Darüber hinaus wird der App-Entwicklungsprozess unterstützt, indem XAML-Markup für unser ResourceDictionary-Framework generiert wird, das in Windows-Anwendungen verwendet wird. Toolbeispiel herunterladen
Das Tool auf GitHub

Abbildung: VanArsdel VanArsdel
Die umfassende Windows-Beispiel-App von Van Arsdel, Ltd. wurde entwickelt, um die nächste Welle des Microsoft Fluent Design-Systems zu veranschaulichen. Hierbei werden die verbesserte Dichte und die neuen Steuerelemente in der Windows-UI-Bibliothek sowie leistungsstarke zugrunde liegende Features des UX-Frameworks und der entsprechenden Zusammensetzung umfassend genutzt. Mit dem Beispiel wird verdeutlicht, wie Sie eine produktive Benutzeroberfläche mit großem Funktionsumfang zum Verwalten und Erwerben von IoT-Geräten (hier: Lampen) erstellen können.
VanArsdel-Beispiel herunterladen
VanArsdel-Beispiel auf GitHub

Abbildung: BuildCast BuildCast
BuildCast ist ein umfassendes Beispiel, das zur Veranschaulichung des Fluent Design-Systems und von Windows entwickelt wurde. Die App ermöglicht es, Video-Podcasts wie Channel 9 und andere beliebte Feeds für Windows-Fans zu durchsuchen. Videos können ausgewählt, heruntergeladen und wiedergegeben werden. Außerdem verfügt sie über Ink-Notizen, Lesezeichen und eine Remotewiedergabe. Dieses Beispiel wurde anfänglich auf der Build-Konferenz 2017 während der Präsentation Erstellen beeindruckender Apps mit Fluent Design vorgestellt.
BuildCast-Beispiel herunterladen
BuildCast-Beispiel auf GitHub

Lunch Scheduler Lunch Scheduler
Ein Windows-App-Beispiel für die Planung von Mittagessen (Lunch Scheduler) mit Freunden und Kollegen. Sie erstellen ein Mittagessen und laden Freunde in ein Restaurant ein, und die App übernimmt die Verwaltung des Mittagessens für alle beteiligten Parteien. Diese App enthält Elemente des Fluent Design-Systems in einer Windows-App, einschließlich Acryl, Reveal und verbundene Animationen.
Lunch Scheduler-Beispiel herunterladen
Lunch Scheduler-Beispiel auf GitHub

XAML-Steuerelementkatalog XAML-Steuerelementkatalog
Dieses Beispiel enthält eine interaktive Demo für alle XAML-Steuerelemente. Es veranschaulicht eine Vielzahl von Layouts von einfachen bis adaptiven Layouts und Markups, die Sie in Ihr Projekt kopieren können. Hinweis: In der Downloaddatei und im GitHub-Repository wird diese Beispiel-App als „UI Basics (XAML)“ (UI-Grundlagen (XAML)) bezeichnet.
Beispiel für XAML-Steuerelementkatalog herunterladen
XAML-Steuerelementkatalog auf GitHub
XAML-Steuerelementkatalog-App aus dem Store herunterladen

Sie möchten mehr Code?

Auf der Windows-Beispielseite finden Sie eine vollständige Liste aller Windows-App-Beispiele. Portal mit Beispielen aufrufen