Latihan 3 UI/UX Design

Dalam membuat UI Guideline, warna harus mengacu pada:

• Warna favorit designer

• Warna tema default sistem

• Warna tren saat ini

• Brand color

Mengapa UI Guideline membantu developer dalam implementasi design ke code?

• Karena bisa langsung di-convert menjadi HTML

• Karena UI Guideline berisi class dan ID

• Karena setiap elemen sudah terdokumentasi dengan jelas

• Karena tidak perlu testing lagi

Komponen seperti card, grid, accordion termasuk dalam kategori:

• Komponen Navigasi

• Komponen Informasional

• Komponen Kontainer

• Komponen Input

Penggunaan margin dalam UI Guideline biasanya berbasis:

• Ukuran layar

• Grid fleksibel

• Kelipatan piksel seperti 4px atau 8px

• Ukuran teks

Komponen yang membantu user berpindah antar halaman disebut:

• Komponen Input

• Komponen Navigasi

• Komponen Informasional

• Komponen Visual

Berikut ini adalah contoh komponen input, kecuali:

• Dropdown

• Slider

• Check box

• Radio button

Apa fungsi dari UI Guideline berikut ini yang benar?

• Mengganti semua komponen design secara otomatis

• Memandu penggunaan font, warna, dan elemen desain

• Mengubah semua layout menjadi responsif

• Membuat efek animasi

Kapan UI Guideline sebaiknya dibuat?

• Setelah desain selesai

• Jika hanya satu halaman

• Jika banyak halaman dan banyak designer

• Saat coding dimulai

Salah satu keuntungan dari UI Guideline adalah designer dapat fokus pada:

• Menentukan warna tombol

• Membuat layout dan cara menampilkan informasi

• Menulis kode program

• Menentukan hosting

Apa tujuan utama dari UI Guideline?

• Menyederhanakan tampilan produk digital

• Menambah variasi desain

• Menjaga konsistensi elemen-elemen produk digital

• Mengurangi beban server