Silabus UI/UX Design Master Class dengan Adobe XD (3 Hari, 9:00 – 16:00)
Total: 3 Hari (18 Jam, dengan istirahat 12:00 – 13:00)
Hari 1: Pengenalan UI/UX & Dasar Adobe XD
⏰ 09:00 – 12:00 (Sesi 1) ✅ Pendahuluan UI/UX Design
-
Pengertian UI (User Interface) dan UX (User Experience)
-
Perbedaan UI vs UX
-
Prinsip Desain UX: Usability, Accessibility, Visual Hierarchy
-
Tren UI/UX terbaru di industri
✅ Dasar-Dasar Adobe XD
-
Mengenal Antarmuka Adobe XD
-
Tools dan fitur utama
-
Artboard dan pengaturan grid
-
Pemilihan warna dan tipografi
⏳ 12:00 – 13:00
⏰ 13:00 – 16:00 (Sesi 2) ✅ Wireframing dan Layouting
-
Konsep wireframing dalam UX
-
Membuat low-fidelity wireframe
-
Struktur tata letak halaman (Grids, Columns, Spacing)
-
Best practice dalam wireframing
✅ Praktik: Membuat Wireframe Aplikasi Mobile
- Hands-on: Membuat wireframe untuk aplikasi e-commerce sederhana
Hari 2: Desain Visual & Prototyping Interaktif
⏰ 09:00 – 12:00 (Sesi 1) ✅ High-Fidelity UI Design di Adobe XD
-
Membuat UI yang menarik dan responsif
-
Pemilihan warna, ikon, dan elemen grafis
-
Membuat komponen reusable (buttons, cards, navbar)
-
Variasi layout untuk mobile vs desktop
✅ Membuat Style Guide & Design System
-
Pembuatan komponen UI yang konsisten
-
Library warna, tipografi, dan ikon
-
Aturan desain untuk menjaga konsistensi



