Layering und Erhöhung in Windows 11

Windows 11 verwendet Schichten und Erhöhungen als Grundlage für die App-Hierarchie. Die Hierarchie kommuniziert wichtige Informationen darüber, wie Sie innerhalb einer App navigieren können, während die Aufmerksamkeit des Benutzers auf die wichtigsten Inhalte konzentriert bleibt. Layering und Erhöhung sind leistungsstarke visuelle Hinweise, die Oberflächen modernisieren und ihnen helfen, in Windows kohärent zu wirken.

Layering

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

Hinweis

Die Schichtung in Windows 11 ist eng mit der Verwendung von Materialien verbunden. Bitte verweisen Sie auf den Abschnitt "Materialien" , um spezifische Anleitungen dazu zu erhalten, wie diese angewendet werden.

Windows 11 verwendet ein zweistufiges System für Anwendungen. Diese beiden Ebenen schaffen Eine Hierarchie und sorgen für Klarheit, wodurch die Benutzer sich auf die wichtigsten Aspekte konzentrieren.

• Die Basisebene ist die Grundlage einer App. Sie 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 Benutzeroberfläche der App. Die Inhaltsebene kann sich auf zusammenhängenden Elementen befinden oder in Karten, die den Inhalt segmentieren, getrennt sein.

Elevation

Die Erhöhung ist die Tiefenkomponente der räumlichen Beziehung, die eine Oberfläche gegenüber der position auf dem Desktop hat. Wenn zwei oder mehr Objekte dieselbe Position auf dem Bildschirm belegen, wird nur das Objekt mit der höchsten Höhe an dieser Position 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 Oberfläche zu zeichnen. Windows 11 verwendet die folgenden Werte, um die Höhe mit Schatten und Kontur auszudrücken.

Window
Höhenwert: 128
Strichbreite: 1

Dialogfeld
Höhenwert: 128
Strichbreite: 1

Flyout
Höhenwert: 32
Strichbreite: 1

Tooltip
Höhenwert: 16
Strichbreite: 1

Card
Höhenwert: 8
Strichbreite: 1

Steuerung
Höhenwert: 2
Strichbreite: 1

Ebene
Höhenwert: 1
Strichbreite: 1

Steuerelemente in Windows 11 variieren ihre Höhe und Kontur, um den Zustand anzugeben. Die Intensität des gerenderten Schattens ändert sich je nach Design bei der Parität des Werts.

Ruhepause
Höhenwert: 2
Strichbreite: 1

Draufzeigen
Höhenwert: 2
Strichbreite: 1

Gedrückt
Höhenwert: 1
Strichbreite: 1