NEW
Font size
WorksheetsQuiz Desain UI
Total questions: 20
Worksheet time: 10mins
Apa saja prinsip dasar desain UI?
Kecepatan, keamanan, responsif
Warna, ikon, tipografi, ruang putih
Monokrom, triadic, complementary, analog
Keseimbangan, proporsi, tatanan, kontras
Elemen UI yang berperan kunci dalam penyusunan antarmuka yang efektif adalah...
Background dan animasi
Tombol, ikon, bidang teks
Font size dan line height
Kontras warna dan palet
Apa tujuan utama dari penggunaan pattern dalam UI?
Membuat desain lebih unik
Menjaga konsistensi pengalaman pengguna
Mempermudah coding
Menambah jumlah elemen desain
Apa yang termasuk dalam konsep Visual Hierarchy dalam UI?
Ukuran, warna, tipografi, white space, proximity
Mode gelap, mode terang, feedback warna
Animasi, ilustrasi, skala, kejelasan ikon
Warna primer, sekunder, tersier, aksen
Warna dalam desain UI memiliki pengaruh terhadap...
Aksesibilitas dan branding
Sistem dan jaringan
Struktur kode dan bahasa pemrograman
Kecepatan loading halaman
Dalam pemilihan warna UI, skema warna yang menciptakan harmoni adalah...
Grayscale
Complementary, triadic, monokrom, analog
Sekunder, primer, aksen, background
Satu warna dominan tanpa variasi
Peran utama tipografi dalam desain UI adalah...
Memberikan efek animasi
Meningkatkan keterbacaan dan kejelasan pesan
Memudahkan pembuatan ilustrasi
Mengatur ikon dan animasi
Elemen yang mempengaruhi keterbacaan tipografi dalam UI adalah...
Font size, font weight, line height, letter spacing
Kontras warna dan animasi
Ikon dan skala
Feedback visual dan icon
Warna status dalam UI biasanya digunakan untuk...
Menunjukkan informasi hierarki
Memberikan umpan balik pada pengguna
Meningkatkan estetika tanpa makna tambahan
Mengganti teks dengan ikon
Mengapa konsistensi warna penting dalam UI?
Agar desain terlihat lebih mewah
Supaya lebih menarik bagi semua orang
Untuk membangun identitas merek dan mempermudah navigasi
Menghindari penggunaan ikon yang berlebihan
Apa tujuan utama dari Rule of Third dalam desain UI?
Menentukan skema warna
Memudahkan navigasi pengguna
Menciptakan komposisi visual yang seimbang
Meningkatkan responsivitas UI
Apa manfaat utama dari penggunaan white space dalam UI?
Menambahkan lebih banyak elemen desain
Mengurangi ukuran font
Meningkatkan keterbacaan dan fokus pengguna
Mempercepat loading website
Mengapa aksesibilitas penting dalam desain UI?
Untuk meningkatkan estetika desain
Agar lebih mudah dikembangkan oleh programmer
Agar UI dapat digunakan oleh semua pengguna, termasuk yang memiliki keterbatasan
Agar terlihat lebih modern
Apa tujuan utama dari animasi dalam desain UI?
Menambah kompleksitas desain
Mempercepat performa aplikasi
Mengurangi penggunaan ikon
Meningkatkan interaksi dan memberikan feedback visual
Apa saja elemen utama dalam UI Typography?
Background, icon, white space, contrast
Typography, color scheme, animation, branding
Hierarchy, grid system, shadow, proximity
Font size, font weight, line height, letter spacing, alignment
Apa fungsi utama dari icon dalam desain UI?
Menggantikan semua teks pada UI
Mengurangi ukuran file aplikasi
Menambah kompleksitas desain
Membantu pengguna memahami dan berinteraksi dengan UI secara visual
Bagaimana cara memilih warna yang tepat untuk branding dalam UI?
Memilih warna yang sedang tren
Menggunakan warna yang konsisten dengan identitas merek
Menggunakan warna yang kontras tinggi
Menghindari warna primer
Apa tujuan utama dari feedback visual dalam UI?
Meningkatkan estetika tanpa fungsi tambahan
Mengurangi jumlah elemen UI
Mengubah warna tema UI
Memberikan umpan balik kepada pengguna tentang tindakan yang dilakukan
Apa yang dimaksud dengan microinteractions dalam desain UI?
Desain tombol dengan efek hover
Background warna gelap pada UI
Ikon yang berubah warna saat ditekan
Animasi kecil yang memberikan feedback atau membimbing pengguna
Mengapa penting melakukan uji dan iterasi dalam desain UI?
Untuk meningkatkan jumlah elemen desain
Agar UI terlihat lebih artistik
Mengurangi kompleksitas pengkodean
Agar desain dapat diperbaiki berdasarkan umpan balik pengguna
