Auf Englisch lesen

Freigeben über


Design für Windows-Apps

Hier finden Sie Entwurfsrichtlinien und Beispiele zum Erstellen von Windows-App-Oberflächen. Windows 11 enthält die Designsprache und Prinzipien von Fluent für ein einheitliches Aussehen und Verhalten, das einzigartig Microsoft ist.

Verwenden Sie WinUI, um die Bausteine für das Erstellen von Windows-Oberflächen zu erhalten. Diese Komponenten enthalten die Designsprache Fluent, sodass Sie sicher sein können, dass Sie großartige Erfahrungen innerhalb des Fluent-Ökosystems erstellen.

Windows 11-Designprinzipien

Verschiedene Windows 11-Entwurfselemente

Windows 11 stellt eine visuelle Weiterentwicklung des Betriebssystems dar. Wir haben unsere Designsprache zusammen mit Fluent entwickelt, um ein Design zu schaffen, das menschlich, universell und wirklich wie Windows ist.

Die folgenden Entwurfsprinzipien haben uns bei der gesamten Entwicklung von Windows zur erstklassigen Implementierung von Fluent geleitet.

Mühelos

Windows 11 ist schneller und intuitiver. In Windows 11 ist es einfach, meine Aufgaben fokussiert und präzise zu erledigen.

Ruhig

Windows 11 ist angenehmer und übersichtlicher. Es fügt sich nahtlos in den Hintergrund ein und hilft mir, immer ruhig und konzentriert zu arbeiten. Die Erfahrung fühlt sich warm, ätherisch und näherungsfähig an.

Persönlich

Windows 11 passt sich nahtlos an die Art und Weise an, wie ich mein Gerät verwende. Es lehnt sich an meine individuellen Bedürfnisse und Vorlieben an, sodass ich mich wirklich ausdrücken kann.

Vertraut

Windows 11 gleicht sein neues, aktualisiertes Aussehen und Verhalten mit der Vertrautheit der Windows-Oberfläche aus, die ist bereits kenne. Es gibt keine Lernkurve. Ich kann sofort loslegen.

Vollständig und einheitlich

Windows 11 bietet eine visuell nahtlose, plattformübergreifende Benutzeroberfläche. Ich kann auf vielen Plattformen arbeiten und habe trotzdem eine konsistente Windows Erfahrung.

Charakteristische Windows 11-Erfahrungen

Als charakteristische Erfahrungen werden die Entwurfselemente bezeichnet, die Windows 11 zum Ausdrücken seiner visuellen Sprache verwendet, während gleichzeitig ein konsistentes Aussehen und Verhalten für alle Fluent-Umgebungen beibehalten wird.

Ein Fenster und ein Dialogfeld im hellen Modus auf der linken und im dunklen Modus auf der rechten Seite

Farbe

Farbe hilft Benutzern, sich auf ihre Aufgaben zu konzentrieren, indem eine visuelle Hierarchie und Struktur zwischen Benutzeroberflächenelementen geschaffen wird. Windows 11 verwendet Farbe als Grundlage mit beruhigender Wirkung, um Benutzerinteraktionen auf subtile Weise zu verbessern und wichtige Elemente nur bei Bedarf hervorzuheben.

Ein Anwendungsfenster mit einem einzigen Inhaltsbereich

Höhen- und Schichtung

Höhen- und Schichtung ist das Konzept der Überschneidung einer Oberfläche mit einer anderen, wodurch zwei oder mehr visuell unterschiedene Bereiche innerhalb derselben Oberfläche entstehen. Windows 11 verwendet Erhöhungen und Ebenen als Grundlage für die App-Hierarchie.

Ein Warenkorbsymbol

Ikonografie

Als Ikonographie wird eine Gruppe visueller Bilder und Symbole bezeichnet, die Benutzern helfen, Ihre App zu verstehen und darin zu navigieren. Windows 11-Ikonographie hat sich in Zusammenarbeit mit unserer Entwurfssprache entwickelt. Jede Glyphe in unserer Systemsymbolschriftart wurde neu gestaltet, um die Geometrie weicher zu gestalten und modernere Metaphern zu nutzen.

Eine Benutzeroberfläche mit Acryl-Effekt

Materialien

Materialien sind visuelle Effekte, die bewirken, dass Benutzeroberfläche realen Artefakten ähneln. Windows 11 verwendet Materialien, um die Benutzeroberfläche mit ihrer Umgebung zu verbinden. Materialien erwecken Oberflächen zum Leben und helfen uns dabei, zwischen fokussierten und nicht fokussierten Anwendungen zu unterscheiden.

Mehrere Benutzeroberflächenelemente, die die neue Geometrie in Windows 11 zeigen

Formen und Geometrie

Geometrie beschreibt die Form, Größe und Position von UI-Elementen auf dem Bildschirm. Diese grundlegenden Entwurfselemente tragen zu einheitlichen Erfahrungen im gesamten Entwurfssystem bei. Windows 11 bietet aktualisierte Geometrie, die eine ansprechendere, ansprechendere und moderne Oberfläche schafft.

Mehrere Wörter in „Segoe UI Variable“

Typografie

Als visuelle Darstellung der Sprache besteht die Hauptaufgabe der Typografie darin, Informationen zu kommunizieren. Das Windows 11-Typografiesystem hilft Ihnen beim Erstellen von Struktur und Hierarchie in Ihren Inhalten, um die Lesbarkeit in Ihrer Benutzeroberfläche zu maximieren.

Ein animiertes Bild, das mehrere Bewegungsbeispiele in der Windows-Benutzeroberfläche zeigt.

Bewegung

Bewegung beschreibt die Art und Weise, wie die Oberfläche animiert wird und auf Benutzerinteraktionen reagiert. Bewegung in Windows ist reaktiv, direkt und kontextangemessen. Sie reagiert auf Benutzereingaben und verstärkt räumliche Paradigmen, die es Benutzern ermöglichen,. ihren Weg zu finden.