Geometrie in Windows

Geometrie beschreibt Form, Größe und Position von Benutzeroberflächenelementen auf dem Bildschirm. Diese grundlegenden Entwurfselemente tragen zu einheitlichen Erfahrungen im gesamten Entwurfssystem bei.

Windows-Geometrie wurde so gestaltet, dass moderne App-Oberflächen unterstützt werden. Progressiv abgerundete Ecken, geschachtelte Elemente und konsistente Bundstege ergeben in Kombination eine weiche, ruhige und einladende Wirkung, die die Einheit von Zweck und Benutzerfreundlichkeit betont.

Tipp

In diesem Artikel wird beschrieben, wie die Fluent Design-Sprache auf Windows-Apps angewendet wird. Weitere Informationen finden Sie unter Fluent Design – Shapes.

Abgerundete Ecken

Windows 11 wendet abgerundete Ecken auf alle App-Fenster der obersten Ebene an. Das gleiche gilt für die gängigsten Steuerelemente wie Button und ListView. (Weitere Informationen finden Sie unter Verwenden Sie die neuesten allgemeinen Steuerelemente.)

Windows 11 verwendet drei Rundenebenen, je nachdem, welche UI-Komponente gerundet wird und wie diese Komponente relativ zu benachbarten Elementen angeordnet wird.

Eckradius	Verbrauch
8px	Container auf oberster Ebene wie App-Fenster, Flyouts und Dialogfelder werden mit einem Radius von 8 Pixeln gerundet.
4px	In-Page-Elemente wie Schaltflächen und Listenbackplates werden mit einem 4px-Eckradius gerundet.
0px	Gerade Kanten, die sich mit anderen geraden Kanten schneiden, werden nicht gerundet.
0px	Fensterecke werden nicht gerundet, wenn Fenster angedockt oder maximiert werden.