Tutorial Complete UI Design - Wahidev Academy

Complete UI Design Figma : Holiday App

Pada materi kali ini, kita akan belajar membuat desain User Interface. Mulai dari belajar cara memilih font, menentukan warna, membuat komponen desain yang sesuai, belajar menggunakan figma, membaca design brief hingga dapat membuat UI yang menarik.

tampilan aplikasi mobile

Tentang Kelas

Complete UI Design Figma : Holiday App

Yang Anda Akan Pelajari :
Teori Dasar Visual Design
Belajar Figma Dari Dasar
Menyusun Konten,User Flow Hingga Wireframe
Membaca Design Brief
Menyusun State Warna Hingga Membuat Mockup
  1. Mendapatkan Video Tutorial dan File Figma
  2. Mendapatkan akses Video Tutorial dan File Figma SELAMANYA
  3. Gratis Konsultasi mengenai Tutorial dengan Mentor Selamanya
  4. Mendapatkan Free UI Kit Job Finder
  5. Mendapatkan Update Materi, jika ada update materi terbaru
  6. Mendapatkan Sertifikat Kelulusan bagi yg sudah menyelesaikan Kelas

Daftar Materi & Pembelian

Complete UI Design Figma : Holiday App

1. Perkenalan Kelas
2. Apa itu UI Design?
1. Apa itu Typography?
2. Tipe-tipe font
1. Warna & Psikologi Warna
2. Jenis Jenis Warna
3. Color Wheel
4. Teknik Menggabungkan Warna
5. Komposisi Menggabungkan Warna
6. Website Penyedia Warna
1. Button & Text Field
2. Card & Progress Indicator
3. Apa itu Wireframe ?
4. Install Figma Browser
5. Tools Dasar Figma
6. Mengenal Fitur fitur di figma
7. Belajar Menggunakan Shortcut di Figma
1. Design Brief
2. Flow Daftar Aplikasi
3. Flow Masuk Aplikasi & Lupa Password
4. Flow List Traveliing
5. Flow Booking Travelling
6. Menyusun Konten Screen Daftar
7. Menyusun Konten Screen Login
8. Menyusun Konten Detail Travelling
9. Membuat Wireframe
10. Wireframe screen login
11. Wireframe screen home
12. Wireframe detail screen
13. Moodboarding Login & Register
14. Moodboarding Home screen
15. Moodboarding Login & Register
16. Menentukan Warna Brand
17. Menentukan state colors
18. Desain Splash Screen
19. Desain Login Screen
20. Desain Login Kondisi Aktif
21. Login Register Error
22. Grouping Komponen
23. Desain Home Screen Part 1
24. Desain Home Screen Part 2
25. Desain Home Screen Part 3
26. Desain Home Screen Part 4
27. Desain Home Screen Part 5
28. Desain Home Screen Part 6
29. Desain Detail Screen
30. Desain Detail Screen Part 2
31. Desain Metode Pembayaran
32. Desain Sukses Screen
33. Desain Activity Screen
34. Menambahkan illustrasi
35. Desain Screen Promo
36. Desain Akun Screen Part 1
37. Desain Akun Screen Part 2
38. Desain Akun Screen Part 3
39. Penutup
1. Perkenalan
2. Import UI Mobile
3. Menjalankan Prototype
4. Menambahkan koneksi antar screen
5. Fix Position & Horizontal Scrolling
6. SmartAnimate
7. Menggunakan Open Link
8. Transisi antar screen
9. Menambahkan Gifs
10. Bonus: Playing with gifs
11. Figma Mirros & Sharing File
12. Penutup

Biaya Pendaftaran :

Rp. 179,000

Rp. 99,000

(DISKON Rp. 80.000 sampai tgl 25 Desember 2021)

Akses Selamanya
Video Tutorial dan File Figma
Free UI Kit Job Finder
Konsultasi dengan Mentor & Grup Kelas
Sertifikat Kelulusan
Free Update Materi