Bagikan melalui


Geometri di Windows 11

Sudut bulat dan penspasian elemen di Windows 11

Geometri menjelaskan bentuk, ukuran, dan posisi elemen UI di layar. Elemen desain mendasar ini membantu pengalaman terasa koheren di seluruh sistem desain.

Geometri Windows 11 telah dibuat untuk mendukung pengalaman aplikasi modern. Sudut bulat progresif, elemen berlapis, dan selokan yang konsisten digabungkan untuk menciptakan efek yang lembut, tenang, dan mudah didekati yang menekankan kesatuan tujuan dan kemudahan penggunaan.

Lengkung

Dialog dengan sudut bulat

Windows 11 menerapkan sudut bulat ke semua jendela aplikasi tingkat atas. Hal yang sama berlaku untuk kontrol yang paling umum seperti Tombol dan ListView. (Untuk informasi selengkapnya, lihat Gunakan kontrol umum terbaru.)

Windows 11 menggunakan tiga tingkat pembulatan tergantung pada komponen UI apa yang dibulatkan dan bagaimana komponen tersebut diatur relatif terhadap elemen tetangga.

Radius sudut Penggunaan
8px Kontainer tingkat atas seperti jendela aplikasi, flyout, dan dialog dibulatkan menggunakan radius sudut 8px.
4px Elemen dalam halaman seperti tombol dan backplate daftar dibulatkan menggunakan radius sudut 4px.
0px Tepi lurus yang bersinggungan dengan tepi lurus lainnya tidak dibulatkan.
0px Sudut jendela tidak dibulatkan ketika jendela di-snap atau dimaksimalkan.