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.

Several UI elements highlighting new geometry in Windows 11

Geometrie

Geometrie beschreibt Form, Größe und Position von Benutzeroberflächenelementen auf dem Bildschirm. Diese grundlegenden Entwurfselemente tragen zu einheitlichen Erfahrungen im gesamten Entwurfssystem bei. Durch Windows 11-Features wurde die Geometrie aktualisiert, um eine zugängliche, fesselnde und moderne Oberfläche zu schaffen.

A window and modal dialog in light mode on the left and dark mode on the right

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.

An application window with a single content area

Schichten und Erhöhung

Schichten sind das Konzept der Überlappung einer Oberfläche über eine andere, wodurch zwei oder mehr visuell definierte Bereiche innerhalb derselben Oberfläche geschaffen werden. Windows 11 verwendet Schichten und Erhöhungen als Grundlage für die App-Hierarchie.

A UI surface made of acrylic

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.

A shopping cart icon

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.

Several words rendered in Segoe UI Variable

Typografie

Typografie muss übersichtlich sein, da sie zur visuellen Darstellung von Sprache dient, um Informationen zu vermitteln. Das Windows 11-Typografiesystem hilft Ihnen beim Erstellen von Struktur und Hierarchie in Ihren Inhalten, um die Lesbarkeit in Ihrer Benutzeroberfläche zu maximieren.

An animated image that shows several examples of motion in the Windows UI.

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.