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 Designprinzipien haben uns auf dem Weg geleitet, Windows zur besten Implementierung seiner Klasse von Fluent zu machen.

Mühelos

Windows 11 ist schneller und intuitiver. Es ist einfach, das zu tun, was ich möchte – mit Fokus und Präzision.

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. Das Erlebnis wirkt warm, ätherisch und zugänglich.

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 vereint ein neues, aufgefrischtes Erscheinungsbild mit der Vertrautheit von Windows, wie ich es bereits kenne. Es gibt praktisch keine Einarbeitungszeit; ich kann sofort damit 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

Color

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öhe und Ebenen

Elevation und Schichtung bezeichnet das Überlagern einer Oberfläche mit einer anderen, wodurch zwei oder mehr visuell unterscheidbare Bereiche innerhalb derselben Oberfläche entstehen. Windows 11 verwendet Erhöhungen und Ebenen als Grundlage für die App-Hierarchie.

Ein Warenkorbsymbol

Ikonographie

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 eine weichere Geometrie und modernere Metaphern zu umfassen.

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 eine überarbeitete Geometrie, die ein nahbareres, ansprechenderes und moderneres Erlebnis schafft.

Mehrere Wörter in Segoe UI Variable dargestellt

Typographie

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.

  • Last updated on