Mendesain sumber daya untuk aplikasi Windows

Topik ini menyediakan berbagai desain dan sumber daya terkait UI untuk membuat aplikasi Windows yang menarik dan mudah digunakan secara visual.

Font

Sistem jenis Windows membantu Anda membuat struktur dan hierarki dalam konten Anda untuk memaksimalkan legibilitas dan keterbacaan di UI Anda (untuk detail selengkapnya, lihat keluarga font UI Segoe).

Font berikut disarankan:

• Variabel UI Segoe (lihat Tipografi di Windows)
• Segoe Fluent Icons (lihat font Segoe Fluent Icons)
• Segoe MDL2 (lihat ikon Aset Segoe MDL2)

Windows UI Kit

Kit Desain Windows untuk Figma menyediakan toolkit komprehensif untuk membantu pengembang dan desainer membuat aplikasi Windows yang konsisten secara visual dan menarik

Kit Desain Windows adalah pustaka Figma yang mencakup:

• komponen UI: Elemen bawaan seperti tombol, tombol, penggerak, dan banyak lagi.

• Pola desain: Templat untuk navigasi, dialog, dan tata letak.

• Gaya dan token: Warna, tipografi, dan spasi yang telah ditentukan sebelumnya.

Windows UI Kit untuk Figma

Galeri WinUI

Bagian Panduan Desain dari Galeri WinUI menawarkan praktik dan alat terbaik untuk membantu Anda memilih dan menerapkan warna, tipografi, dan ikon yang tepat untuk aplikasi Anda. Bagian Aksesibilitas mencakup cuplikan kode dan tips untuk membuat aplikasi Anda lebih inklusif dan dapat diakses oleh semua pengguna.

Panduan Desain di Galeri WinUI

Sampel

Lihat halaman Sampel dan sumber daya untuk daftar lengkap semua sampel aplikasi Windows kami.