Visual
Catatan
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 kita 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.
Topik | Deskripsi |
---|---|
Layout |
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 titik. |
Warna |
Warna adalah elemen visual penting dari sebagian besar antarmuka pengguna. Di luar estetika murni, warna memiliki makna 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 program, tetapi juga karena alasan utilitas sebagai singkatan untuk menyampaikan makna yang dirasakan pengguna hampir seketika. Windows Vista memperkenalkan gaya baru ikonografi 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 syukur 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. |
Suarakan |
Suara 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. |