Erhöhung in Windows

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.

Höhe

Die Erhebung ist die Tiefenkomponente der räumlichen Beziehung, die eine Oberfläche im Verhältnis zu ihrer Position auf dem Desktop zu einer anderen 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 (Umrisse) werden auf Steuerelementen und Oberflächen verwendet, um subtil die Höhe eines Objekts zu kommunizieren und den Fokus bei Bedarf innerhalb eines Erlebnisses zu lenken. Windows 11 verwendet die folgenden Werte, um die Höhe mit Schatten und Kontur auszudrücken.

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

Schichtverfahren

Layering ist das Konzept der Überschneidung einer Oberfläche mit einer anderen, wobei zwei oder mehr visuell unterschiedene Bereiche innerhalb derselben Anwendung erstellt 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 einem zusammenhängenden Element befinden oder in Karten unterteilt sein, die den Inhalt segmentieren.

Schatten

Schatten sind ein wichtiger visueller Hinweis, der das Konzept der Erhöhung verstärkt. Wenn eine Oberfläche über einer anderen erhöht wird, wirft sie einen Schatten auf die darunterliegende Schicht – genau wie Objekte in der physischen Welt. Je höher die Höhe, desto größer und weicher wird der Schatten. Diese Beziehung zwischen Höhen und Schatten hilft Benutzern, die räumliche Hierarchie der Benutzeroberfläche Ihrer App intuitiv zu verstehen.

In Windows 11 arbeiten Schatten mit Konturen zusammen, um Tiefe zu vermitteln. Standardsteuerelemente wie Flyouts, Dialogfelder und QuickInfos enthalten bereits geeignete Schatten basierend auf ihren Höhenwerten. Die zielgerichtete Verwendung von Schatten – anstatt als Dekoration – stellt sicher, dass sie ein effektives Signal zum Lenken der Aufmerksamkeit auf die wichtigsten Elemente bleiben.

Berücksichtigen Sie beim Entwerfen des App-Layouts, wie Schatten die Beziehung zwischen überlappenden Oberflächen verdeutlichen können. Beispielsweise sollte ein Dialogfeld, das über der Grundebene angezeigt wird, einen spürbaren Schatten werfen, um es klar vom Inhalt hinter der Ebene zu trennen. Zu häufige Verwendung von Schatten kann jedoch ihre Wirkung verringern und visuelles Rauschen erzeugen.

Informationen zum Implementieren von Schatten mithilfe von ThemeShadow und DropShadow in Ihrer App finden Sie unter Schatten in Windows-Apps.