Gaya untuk aplikasi Windows

  • Artikel

Gayalah yang membuat aplikasi Anda menonjol. Panduan gaya di bagian ini membantu Anda membuat Desain Fasih melalui warna, tipografi, dan fitur baru seperti bahan akrilik dan mengungkapkan sorotan.

Kami menggunakan Pustaka UI Windows (WinUI) untuk memberikan gaya terbaru di seluruh komponen UI kami. Pastikan untuk menggunakan versi WinUI terbaru untuk menjaga aplikasi Anda tetap terbarui dengan gaya Fluent aplikasi Windows saat ini. Untuk informasi selengkapnya tentang cara melakukannya, lihat gaya XAML.

Image depicting a color gradient.

Warna

Color menyediakan cara intuitif melalui berbagai tingkat informasi aplikasi dan berfungsi sebagai alat penting untuk mengukuhkan model interaksi.

Image depicting typography.

Tipografi

Sebagai representasi visual bahasa, tugas utama tipografi adalah menjadi jelas. Gayanya tidak boleh menghalangi tujuan itu. Panduan berikut berfokus pada cara menggunakan tipografi untuk membantu pengguna memahami konten dengan mudah.

Image depicting icons.

Ikon

Ikon yang bagus selaras dengan tipografi dan dengan bahasa desain lainnya. Mereka tidak mencampur metafora, dan mereka hanya berkomunikasi apa yang diperlukan, secepat dan sesering mungkin.

Image depicting acrylic.

Akrilik

Menciptakan rasa kedalaman dengan akrilik, kuas yang menciptakan permukaan yang menakjubkan dan tembus pandang.

Image depicting reveal focus.

Ungkapkan fokus

Mengungkapkan fokus adalah efek pencahayaan untuk pengalaman 10 kaki, seperti Xbox One dan layar televisi, dan menganimasikan batas elemen yang dapat difokuskan.

Image depicting sound.

Suara

Suara membantu menyelesaikan pengalaman pengguna aplikasi, dan memberi mereka tepi audio tambahan yang mereka butuhkan untuk mencocokkan nuansa Windows di semua platform.

Short movie with a blinking cursor and then the words Writing style being typed out.

Gaya penulisan

Gaya menulis dapat membuat perbedaan besar antara pengalaman pengguna yang mengerikan dan yang lebih baik.

Kuas XAML

Anda dapat menyesuaikan tampilan aplikasi anda dalam banyak cara dengan menggunakan kerangka kerja XAML. Gaya memungkinkan Anda mengatur properti kontrol dan menggunakan kembali pengaturan tersebut untuk tampilan yang konsisten di beberapa kontrol.

Gaya XAML

Anda dapat menyesuaikan tampilan aplikasi anda dalam banyak cara dengan menggunakan kerangka kerja XAML. Gaya memungkinkan Anda mengatur properti kontrol dan menggunakan kembali pengaturan tersebut untuk tampilan yang konsisten di beberapa kontrol.

Jarak

Optimalkan aplikasi Windows Anda dan berikan pengalaman pengguna yang paling sesuai untuk fungsionalitas dan persyaratan interaksi aplikasi Anda.

Radius sudut

Memunculkan kehangatan dan kepercayaan, dan membuat UI lebih mudah bagi pengguna untuk memproses secara visual, dengan sudut bulat.