Prinsip desain Windows 11

Berbagai elemen desain Windows 11

Windows 11 menandai evolusi visual sistem operasi. Kami telah mengembangkan bahasa desain kami seiring dengan Fluent untuk menciptakan desain yang berpusat pada manusia, universal, dan benar-benar terasa seperti Windows.

Prinsip-prinsip desain di bawah ini telah memandu kami sepanjang upaya kami dalam mewujudkan Windows sebagai implementasi Fluent terbaik di kelasnya.

Mudah

Windows 11 lebih cepat dan lebih intuitif. Sangat mudah untuk melakukan apa yang saya inginkan, dengan fokus dan presisi.

Tenang

Windows 11 terasa lebih lembut dan rapi; tampil lebih di latar untuk membantu saya tetap tenang dan fokus. Pengalaman ini terasa hangat, halus, dan ramah.

Pribadi

Windows 11 beradaptasi dengan mulus dengan cara saya menggunakan perangkat saya. Ini dapat ditekuk dan lentur sesuai dengan kebutuhan dan preferensi saya sehingga saya benar-benar dapat mengekspresikan diri saya.

Terbiasa

Windows 11 menyeimbangkan tampilan dan nuansa baru yang disegarkan dengan keakraban Windows yang sudah saya ketahui. Tidak perlu banyak belajar; saya bisa langsung menggunakannya.

Lengkap + Koheren

Windows 11 menawarkan pengalaman yang mulus secara visual di seluruh platform. Saya dapat bekerja di banyak platform dan masih memiliki pengalaman Windows yang konsisten.

Pengalaman tanda tangan Windows 11

Pengalaman khas adalah elemen desain yang digunakan Windows 11 untuk mengekspresikan bahasa visualnya, sekaligus mempertahankan tampilan dan nuansa yang konsisten di seluruh pengalaman Fluent.

Sebuah jendela dan dialog modal dalam mode terang di sebelah kiri dan mode gelap di sebelah kanan

Warna

Warna membantu pengguna fokus pada tugas mereka dengan menunjukkan hierarki visual dan struktur antara elemen antarmuka pengguna. Windows 11 menggunakan warna untuk memberikan fondasi yang menenangkan, meningkatkan interaksi pengguna secara halus, dan menekankan item yang signifikan hanya jika diperlukan.

Jendela aplikasi dengan area konten tunggal

Elevasi dan pelapisan

Elevasi dan lapisan adalah konsep tumpang tindih satu permukaan dengan permukaan lain, menciptakan dua atau lebih area yang dibedakan secara visual dalam permukaan yang sama. Windows 11 menggunakan elevasi dan lapisan sebagai fondasinya untuk hierarki aplikasi.

Ikon kelir belanja

Ikonografi

Ikonografi adalah sekumpulan gambar visual dan simbol yang membantu pengguna memahami dan menavigasi aplikasi Anda. Ikonografi Windows 11 telah berkembang selaras dengan bahasa desain kami. Setiap glyph dalam font ikon sistem kami telah dirancang ulang untuk merangkul geometri yang lebih lembut dan metafora yang lebih modern.

Permukaan UI yang terbuat dari akrilik

Bahan

Bahan adalah efek visual yang membuat permukaan UI menyerupai artefak kehidupan nyata. Windows 11 menggunakan bahan untuk menjaga antarmuka pengguna tetap terhubung ke lingkungannya. Bahan menghidupkan permukaan dan membantu kami membedakan antara aplikasi yang berfokus dan tidak fokus.

Beberapa elemen UI menyoroti geometri baru di Windows 11

Bentuk dan geometri

Geometri menjelaskan bentuk, ukuran, dan posisi elemen UI di layar. Elemen desain mendasar ini membantu pengalaman terasa koheren di seluruh sistem desain. Windows 11 menampilkan geometri yang diperbarui yang menciptakan pengalaman yang lebih mudah didekati, menarik, dan modern.

Beberapa kata yang dirender dalam Variabel UI Segoe

Tipografi

Sebagai representasi visual bahasa, tugas utama tipografi adalah mengkomunikasikan informasi. Sistem jenis Windows 11 membantu Anda membuat struktur dan hierarki dalam konten Anda untuk memaksimalkan legibilitas dan keterbacaan di UI Anda.

Gambar animasi yang menunjukkan beberapa contoh gerakan di UI Windows.

Gerakan

Gerakan menjelaskan cara antarmuka menganimasikan dan merespons interaksi pengguna. Gerakan di Windows reaktif, langsung, dan sesuai konteks. Ini memberikan umpan balik untuk input pengguna dan memperkuat paradigma spasial yang mendukung temuan cara.