Catatan
Akses ke halaman ini memerlukan otorisasi. Anda dapat mencoba masuk atau mengubah direktori.
Akses ke halaman ini memerlukan otorisasi. Anda dapat mencoba mengubah direktori.
Nota
Panduan desain ini dibuat untuk Windows 7 dan belum diperbarui untuk versi Windows yang lebih baru. Sebagian besar panduan masih berlaku pada prinsipnya, tetapi presentasi dan contoh tidak mencerminkan panduan desain kami saat ini .
Visual menyertakan elemen visual selain kontrol. Panduan ini membantu Anda membuat keputusan tentang tata letak, font, warna, ikon, dan sebagainya di aplikasi Anda.
Di bagian ini
| Topik | Deskripsi |
|---|---|
|
Tata Letak |
Tata letak adalah ukuran, penspasian, dan penempatan konten dalam jendela atau halaman. Tata letak yang efektif sangat penting dalam membantu pengguna menemukan apa yang mereka cari dengan cepat, serta membuat penampilan menarik secara visual. Tata letak yang efektif dapat membuat perbedaan antara desain yang segera dipahami pengguna dan yang membuat pengguna merasa bingung dan kewalahan. |
|
Font |
Pengguna berinteraksi dengan teks lebih dari dengan elemen lain di Microsoft Windows. Segoe UI (diucapkan "SEE-go") adalah font sistem Windows. Ukuran font standar telah ditingkatkan menjadi 9 poin. |
|
Warna |
Warna adalah elemen visual penting dari sebagian besar antarmuka pengguna. Di luar estetika murni, warna memiliki arti terkait dan memunculkan respons emosional. Untuk mencegah kebingungan dalam arti, warna harus digunakan secara konsisten. Untuk mendapatkan respons emosional yang diinginkan, warna harus digunakan dengan tepat. |
|
Ikon |
Ikon adalah representasi gambar objek, penting tidak hanya karena alasan estetika sebagai bagian dari identitas visual suatu program, tetapi juga karena alasan utilitarian sebagai singkatan untuk menyampaikan makna yang dirasakan pengguna hampir seketika. Windows Vista memperkenalkan gaya ikonografi baru yang membawa tingkat detail dan kecanggihan yang lebih tinggi ke Windows. |
|
Ikon Standar |
Ikon standar adalah ikon kesalahan, peringatan, informasi, dan tanda tanya yang merupakan bagian dari Windows. |
|
Animasi dan Transisi |
Penggunaan animasi dan transisi yang strategis dapat membuat program Anda lebih mudah dipahami, terasa lebih halus, lebih alami, dan berkualitas lebih tinggi, dan lebih menarik. Tetapi penggunaan animasi dan transisi yang gratut dapat membuat program Anda mengganggu dan bahkan mengganggu. |
|
Elemen Grafik |
Elemen grafik memperlihatkan hubungan, hierarki, dan penekanan secara visual. Mereka termasuk latar belakang, spanduk, kaca, agregator, pemisah, bayangan, dan handel. |
|
Suara |
Sound adalah elemen audio dari pengalaman pengguna. Ketika digunakan dengan tepat, suara dapat menjadi bentuk komunikasi yang efektif yang membangun hubungan non-verbal dan bahkan emosional dengan pengguna Anda. Suara dapat digunakan sendiri atau sebagai suplemen untuk UI visual. Misalnya, menambahkan efek suara ke pemberitahuan akan meningkatkan kemungkinan akan terlihat, terutama jika pengguna tidak melihat layar saat peristiwa terjadi. |