Geometrie 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
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. |
Windows developer
Feedback
https://aka.ms/ContentUserFeedback.
Bald verfügbar: Im Laufe des Jahres 2024 werden wir GitHub-Issues stufenweise als Feedbackmechanismus für Inhalte abbauen und durch ein neues Feedbacksystem ersetzen. Weitere Informationen finden Sie unterFeedback senden und anzeigen für