Layering und Elevation in Windows 11

Windows 11 verwendet Schichten und Erhöhungen als Grundlage für die App-Hierarchie. Hierarchie vermittelt wichtige Informationen zum Navigieren innerhalb einer App, während die Aufmerksamkeit des Benutzers auf die wichtigsten Inhalte gerichtet bleibt. Layering und Elevation sind leistungsstarke visuelle Hinweise, die Benutzeroberflächen modernisieren und ihnen helfen, sich in Windows kohärent zu fühlen.

Schichten

Layering ist das Konzept der Überlappung einer Oberfläche mit einer anderen, wodurch zwei oder mehr visuell voneinander unterschiedene Bereiche innerhalb derselben Anwendung erstellt werden.

Hinweis

Die Schichtung in Windows 11 ist eng mit der Verwendung von Materialien verbunden. Im Abschnitt "Materialien" finden Sie spezifische Anleitungen dazu, wie diese angewendet werden.

Windows 11 verwendet ein zweischichtiges System für Anwendungen. Diese beiden Ebenen schaffen Hierarchien und sorgen für Klarheit, wodurch sich die Benutzer auf das Wichtigste konzentrieren.

• Die Basisebene ist die Grundlage einer App. Es ist die unterste Ebene jeder App und enthält Steuerelemente im Zusammenhang mit App-Menüs, Befehlen und Navigation.
• Die Inhaltsebene konzentriert den Benutzer auf die zentrale Oberfläche der App. Die Inhaltsebene kann sich auf einem zusammenhängenden Element befinden oder in Karten unterteilt sein, die den Inhalt segmentieren.

Elevation

Die Höhe ist die Tiefenkomponente der räumlichen Beziehung einer Oberfläche zu einer anderen in Bezug auf ihre Position auf dem Desktop. Wenn zwei oder mehr Objekte dieselbe Position auf dem Bildschirm einnehmen, wird nur das Objekt mit der höchsten Höhe an dieser Stelle gerendert.

Schatten und Konturen (Konturen) werden auf Steuerelementen und Oberflächen verwendet, um die Höhe eines Objekts subtil zu kommunizieren und den Fokus bei Bedarf innerhalb einer Benutzeroberfläche zu lenken. Windows 11 verwendet die folgenden Werte, um die Höhe mit Schatten und Kontur auszudrücken.

Fenster
Höhenwert: 128
Strichbreite: 1

Dialogfeld
Höhenwert: 128
Strichbreite: 1

Flyout
Höhenwert: 32
Strichbreite: 1

QuickInfo
Höhenwert: 16
Strichbreite: 1

Karte
Höhenwert: 8
Strichbreite: 1

Steuerung
Höhenwert: 2
Strichbreite: 1

Ebene
Höhenwert: 1
Strichbreite: 1

Steuerelemente in Windows 11 ändern ihre Höhe und Kontur, um den Zustand anzugeben. Die Intensität des gerenderten Schattens ändert sich abhängig vom Design bei Parität des Werts.

Ruhepause
Höhenwert: 2
Strichbreite: 1

Darauf zeigen (Hover)
Höhenwert: 2
Strichbreite: 1

Gedrückt
Höhenwert: 1
Strichbreite: 1