UI Design

User Interface
Mekanisme komunikasi
antara pengguna (user)
dengan sistem. Antarmuka
pengguna (User Interface)
dapat menerima informasi
dari pengguna (user) dan
memberikan informasi
kepada pengguna (user)
Figma Sketch Adobe Xd
Figma
Pros Cons
✅ Ringan dioperasikan ❗ Connection issue
✅ Online cloud ❗ Server maintenance
✅ Open-sourced plugin
✅ Prototyping
✅ Multi-platform
UI Design Fundamental
1. Typography
2. Spacing
3. Coloring
Typography
 Hirarki
Ukuran Font
 Untuk membuat UI Design
cukup gunakan 1 sampai 2 typeface
Spacing

Spacing (Jarak) sangat penting

dalam membuat desain UI
Jarak dapat bermanfaat dalam membuat desain
UI lebih cantik & clean
Coloring

Complementary Analogous Triad Rectangle (Tetradic)

Warna yang berseberangan Warna turunan yang Kombinasi warna yang Kombinasi warna yang
dari color wheel sehingga diambil bersebelahan membentuk segitiga untuk mengambil 2 warna yang
warna yang dihasilkan dari color wheel menghasilkan warna saling berseberangan &
sangat kontras yang lebih Vibrant membentuk persegi Empat