ui-ux

#Guideline

Jadi apa itu UI Guideline?

Sebuah dokumen yang berisi aturan aturan dalam mendesain suatu produk digital. Aturan aturan tersebut diantaranya:

• Daftar warna warna yang bisa digunakan
• Daftar font yang bisa digunakan
• Ukuran font yang bisa digunakan
• Bentuk, warna dan ukuran tombol
• Bentuk input teks
• Bagaimana menampilkan pesan error pada input teks
• Bagaimana warna button jika di hover atau saat di klik
• Bagaimana ukuran font saat digunakan sebagai heading atau saat digunakan sebagai teks di suatu paragraf
• Bagaimana jarak antar elemen
• Dan masih banyak lagi…

Mengapa harus menggunakan UI Guideline?

 Alasan yang paling utama adalah menjaga konsistensi elemen elemen dari sebuah produk digital. UI Guideline bisa dikatakan sebagai Single Source of Truth atau sebuah pedoman. Jika seorang designer menemukan beberapa design yang tidak konsisten, designer tersebut bisa membuka UI Guideline untuk mencari tahu mana yang benar.

Margin

Apa itu Margin?

Adalah jarak antar elemen.

• Jarak tombol dengan teks di dekatnya
• Jarak Title dengan deskripsi
• Jarak gambar dengan judul
• dll

Kenapa margin harus diberi aturan?

terdapat beberapa keuntungan dengan membuat aturan ataupun guideline untuk margin:

• Konsistensi
• Mempercepat proses design, karena seorang designer tidak perlu lagi mempertimbangkan akan menggunakan margin 16px, 15px ataupun 17px
• Mempercepat proses development, karena seorang developer tidak perlu mencari tahu jarak margin yang digunakan oleh sang designer. Jika aturan penggunaan margin telah di definisikan, maka seorang developer cukup dengan melihat design dan bisa langung menentukan akan menggunakan margin yang mana.