UI/UX Design Dasar

Pelajari dasar-dasar UI dan UX design, merancang tampilan dari website maupun aplikasi hingga melakukan prototyping menggunakan Figma

4.9

dari 9003 peserta

Materi disusun oleh: Daffa Azhar

38 Modul

5 Jam

Tingkat Dasar

Rp 199.000

Apa yang akan Dipelajari?

Mempelajari cara merancang UI/UX dari website maupun aplikasi dengan menggunakan Figma
Mempelajari cara membuat prototype secara realistis beserta micro interactionnya
Mempelajari best practice design dalam UI/UX yang digunakan oleh perusahaan besar
Mempelajari cara memilih color palette, font, trend UI, hingga line height dari sebuah font
Mempelajari cara membuat sebuah design system yang akan membantu Developer dalam implementasi aplikasi/website ke code
Mempelajari cara merancang wireframe (low-fidelity) design yang baik, sehingga aplikasi dapat memiliki UX Flow yang baik

Silabus Kelas

Materi-materi di bawah ini adalah alur belajar yang akan kamu dapatkan

Getting Started!
- Mengenal perbedaan UI dan UX 7 Menit
- Instalasi software Figma 2 Menit
- Pengenalan User Interface dari Figma 5 Menit
Wireframing Low Fidelity
- Apa itu wireframe? 3 Menit
- Cara membuat wireframe di Figma 8 Menit
- Membuat wireframe dari aplikasi eCommerce 9 Menit
Pengenalan Warna dan Icon
- Dasar warna dan button 5 Menit
- Menggunakan icon secara gratis dengan Iconify 6 Menit
- Menambahkan footer pada aplikasi eCommerce 5 Menit
Mencari Inspirasi Design
- Bagaimana cara agar mendapatkan inspirasi yang tepat? 6 Menit
- Bagaimana cara menentukan trend UI sesuai dengan tema aplikasi? 4 Menit
Mengenal Spacing dan Grid
- Apa itu Grid? 2 Menit
- Dasar dari grid 4 Menit
- Membuat grid yang responsive 3 Menit
- Grid guidelines 3 Menit
Membuat Design System untuk Developer
- Mengelompokkan design berdasarkan nama elemen 6 Menit
- Cara memberi nama elemen pada Design System 4 Menit
- Menentukan jenis dari setiap elemen 9 Menit
Membuat Prototype
- Membuat mockup menggunakan Figma 4 Menit
- Menambahkan iPhone & Android status bar 4 Menit
- Membuat micro-interaction 8 Menit
User Testing dan Prototype Feedback
- User Testing menggunakan Maze 4 Menit
- Mempelajari data dari user testing 4 Menit
- Melakukan revisi pada UI maupun UX 8 Menit
- Tips agar sukses dalam membuat design UI/UX 6 Menit

Tools yang Dibutuhkan

Persiapkan tools berikut sebelum belajar

Software Gratis

Software Gratis