Bagikan melalui


Pedoman desain

Bagian Pedoman mencakup blok penyusun inti desain aplikasi Windows. Topik-topik ini menentukan pola, aturan, dan perilaku yang memastikan aplikasi Anda terasa intuitif, dipolihkan, dan selaras dengan Desain Fasih. Dari warna dan tipografi hingga gerakan, tata letak, dan materi, setiap fondasi membantu Anda membuat keputusan konsisten yang menskalakan di seluruh halaman, fitur, dan faktor bentuk.

Gunakan dasar-dasar ini sebagai panduan di seluruh proses desain Anda—baik Anda memetakan layar pertama, menyempurnakan pola interaksi, atau memastikan UI Anda cocok dengan konvensi Windows. Menjelajahi fondasi ini lebih awal dapat menghemat waktu pengembangan, mengurangi pengerjaan ulang, dan mengarah pada pengalaman yang lebih baik bagi pengguna Anda.


Ikon warna
Warna
Gunakan warna untuk menetapkan hierarki, mengkomunikasikan makna, dan membuat identitas visual yang kohesif..

Ikon perintah
Komandan
Menyajikan tindakan dalam pola yang jelas dan konsisten yang membantu pengguna memahami apa yang dapat mereka lakukan.

Ikon elevasi
Elevasi
Terapkan kedalaman dan lapisan untuk memandu fokus dan memperkuat struktur antarmuka Anda.

Ikon geometri
Geometri
Gunakan hubungan bentuk, ukuran, dan spasial untuk membuat tata letak yang seimbang dan dapat diprediksi.

Ikon ikonografi
Ikonografi
Komunikasikan tindakan dan konsep dengan cepat dengan ikon yang akrab dan bermanfaat.

Ikon tata letak
Tata letak
Atur konten dengan kisi, penspasian, dan pola perataan yang meningkatkan kejelasan dan alur.

Ikon bahan
Bahan
Tingkatkan UI Anda dengan bahan Fasih seperti Mica dan Akrilik untuk menambah kedalaman dan kehangatan.

Ikon Gerakan
Gerak
Gunakan gerakan untuk memberikan umpan balik, memandu perhatian, dan membuat interaksi yang lancar dan responsif.

Ikon navigasi
Navigasi
Bantu pengguna berpindah melalui aplikasi Anda dengan pola navigasi yang dapat diprediksi dan terstruktur dengan baik.

Ikon suara
Suara
Gunakan petunjuk audio untuk memberikan umpan balik, memperkuat tindakan, dan mendukung aksesibilitas.

Ikon Tipografi
Tipografi
Atur nada dan tingkatkan keterbacaan dengan pilihan dan hierarki jenis yang konsisten.

Ikon kegunaan
Kegunaan
Pastikan aplikasi Anda mudah digunakan melalui interaksi intuitif, keterlibatan yang jelas, dan aksesibilitas.

Ikon Widget
Widget
Perluas aplikasi Anda dengan permukaan interaktif sekilas yang menampilkan informasi dan tindakan utama.

Ikon penulisan
Menulis
Gunakan bahasa yang jelas, ringkas, dan bermanfaat untuk meningkatkan pemahaman dan mengurangi beban kognitif.