Premium Edition

UI Design: Micro Interaction

Learn how to build a real project from scratch

Member

120 enrolled

Tingkatan
Sertifikat
Konsultasi

Develop Your Skills

Dalam merancang suatu aplikasi atau website yang lebih memberikan kesan interactive kepada pengguna adalah tugas utama seorang UI Designer. Di kelas UI Micro Interaction Design kali ini kita akan belajar menggunakan software Framer untuk membuat Interaction Design yang menarik dan useful untuk pengguna.

Goal utama kita sebagai Designer adalah membantu para pengguna untuk menyelesaikan masalahnya dengan mudah dan less effort, dan hal tersebut akan kita pelajari pada kelas ini. Silakan bergabung dan kami akan tunggu di kelas ya.

Demo Project

Key Points

Membuat UI Animation & Micro Interaction dengan Framer

Mempelajari Dasar-Dasar Framer

Mempelajari Materi Micro Interaction

Import Design ke Framer

Learn With Expert

Syahidina Alif

Full-Stack Developer

Profile Mentor

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Prologue

play_circle

Materi Micro Interaction

3 mins

play_circle

Tips Membuat Micro Interaction

3 mins

play_circle

Perkenalan Framer

3 mins

2

Warming Up!

lock

Basic-Basic Framer

3 mins

lock

Analisis Design dan Import Design ke Framer

3 mins

3

Implement Micro Interaction on Starter Screen

lock

Membuat Micro Interaction pada halaman Onboarding Screen

3 mins

lock

Membuat Micro Interaction pada halaman Login Screen

3 mins

4

Implement Micro Interaction on Homepage Screen

lock

Membuat Micro Interaction pada halaman Homepage - Part 1

3 mins

lock

Membuat Micro Interaction pada halaman Homepage - Part 2

3 mins

5

Implement Micro Interaction on Course Details Screen

lock

Membuat Micro Interaction pada halaman Course Details - Part 1

3 mins

lock

Membuat Micro Interaction pada halaman Course Details - Part 2

3 mins

6

Implement Micro Interaction on Chat Screen

lock

Membuat Micro Interaction pada halaman Chat - Part 1

3 mins

lock

Membuat Micro Interaction pada halaman Chat - Part 2

3 mins

7

Implement Micro Interaction on Final Screen

lock

Membuat Micro Interaction pada halaman Saved Courses

3 mins

lock

Membuat Micro Interaction pada halaman Profile

3 mins

8

Finishing

lock

Mempersiapkan Prototype untuk Presentasi

3 mins

lock

Closing

3 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Figma

Software Gratis

Download Now

Framer

Software Gratis

Download Now

120 Happy Members

Review setelah bergabung di kelas UI Design: Micro Interaction

Rony Noor Saroni

Full-Stack Developer

Pertama belajar...., Mantap..., Semoga tambah banyak inovasi nya...

Rivaldi Pratama

UI Designer

Materinya terarah, mungkin sedikit saran untuk memberi penjelasan fungsi tools/component yang digunakan saat membuat proses Interaction.

Muhammad Suseno ri

Full-Stack Developer

alhamdulillah sudah menyelesaikan kelas ini, jadi tau gimana cara membuat micro interaction

Cendekia Luthfieta

Full-Stack Developer

Terima kasih banyak kak, Easy to learn.

Adven Rey Pangarib

Full-Stack Developer

Luar Biasa kelas nya.

Aldi Ryan

UI Designer

Kelasnya keren banget, materi-materi yang disampaikan daging semua isinya.

Satria Pradika

UI Designer

mangtips sekali kelasnya! saya berharap kelas UI/UX ke depannya belajar dari awal, dari mulai membuat desain UI. terima kasih!

Gunawan Setia Wigu

UI Designer

Mudah dipahami, saran pelajaran di bagian finishing di update, karena sekarang componentnya sudah tak ada. lalu untuk tools boleh dijelaskan definisi serta artinya. Terimakasih dan kelas ini menyenangkan

Featured Projects

0 Hasil karya terbaik di kelas UI Design: Micro Interaction

Belum ada hasil karya.

#BeyondPremium

Start to Invest 100%

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Selamanya

Rp 123,321

Miliki kelas Premium secara permanen
dan bangun sebuah projek nyata

Akses kelas selamanya

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Beli Kelas Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

WhatsApp Admin

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Kami telah menyediakan kelas yang terstruktur dan well-designed oleh mentor yang berpengalaman sehingga akan sangat mudah untuk dipahami oleh siapa saja.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWith Angga. Silahkan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
arrow_upward