Geometrie in Windows 11

Abgerundete Ecken und Elementabstand in Windows 11

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

Die Windows 11-Geometrie wurde überarbeitet, um moderne App-Erfahrungen zu unterstützen. 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.

Abgerundete Ecken

Dialog mit abgerundeten Ecken

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

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

Eckradius Verwendung
8px Container der obersten Ebene wie App-Fenster, Flyouts und Dialoge werden mit einem Eckradius von 8 Pixeln abgerundet.
4px Seiteninterne Elemente wie Schaltflächen und Listenbackplates werden mit einem 4px-Eckradius gerundet.
0px Gerade Kanten, die sich mit anderen geraden Kanten überschneiden, werden nicht gerundet.
0px Fensterecken werden nicht gerundet, wenn Fenster angedockt oder maximiert werden.