Akses kelas selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Mastering Figma: User-Interface Design Animation
Kelas Online
Mastering Figma: User-Interface Design Animation
Learn to Make Interaction UI Prototype
Release date January 2021
Last updated October 2024
Member
1,104 enrolled
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Figma adalah alat desain populer yang memungkinkan desainer membuat prototype, sebuah mockup interaktif untuk mengevaluasi desain produk yang akan dikembangkan. Melalui proses Animation dan Microinteraction, kita dapat menciptakan momen yang menarik dan menyenangkan untuk pengguna aplikasi maupun website. Dengan kita paham proses tersebut, kita dapat membuat prototipe lebih mudah dan mendapatkan feedback desain lebih cepat.
Dalam proses pembuatan UI/UX Design, prototyping merupakan langkah penting yang harus dilakukan. Hal ini bertujuan untuk melakukan Usability Testing kepada pengguna, sehingga dapat mendapatkan umpan balik (feedback) dari pengguna terkait tampilan yang telah dibuat. Dengan demikian, hasil desain dapat ditingkatkan dan disesuaikan dengan kebutuhan dan preferensi pengguna.
Selain itu, dalam pembuatan prototipe, penggunaan UI Animation juga sangat penting untuk meningkatkan keterlibatan pengguna terhadap interface yang dibuat. Animasi yang tepat dapat memperjelas fungsi dan tindakan yang dapat dilakukan oleh pengguna, sehingga pengguna dapat dengan mudah berinteraksi dengan antarmuka yang telah dirancang. Dalam proses prototyping, penting untuk mempertimbangkan penggunaan UI Animation dengan tepat dan bijaksana agar antarmuka yang dibuat dapat lebih mudah dipahami dan digunakan oleh pengguna.
Dalam kelas ini, kita akan membahas berbagai fungsi UI Animation secara lebih detail, seperti memperjelas fungsi elemen UI. Selain itu, kita juga akan membahas bagaimana cara menggunakan UI Animation dengan baik dan benar dalam proses desain user-interface.
Dengan bergabung di kelas ini, diharapkan peserta dapat memahami pentingnya penggunaan UI Animation dalam desain user-interface, serta mampu mengaplikasikan teknik dan prinsip-prinsip yang telah dipelajari untuk meningkatkan kualitas desain UI.
Tidak perlu khawatir jika kamu belum memiliki pengalaman,dalam kelas ini, karena kita akan belajar materi dari dasar. Versi Figma yang digunakan dalam kelas ini adalah versi 116.7.103. Selama kelas, kamu akan belajar bagaimana menggunakan tools Figma ini untuk membuat desain UI yang baik dan sesuai dengan kebutuhan pengguna. Tunggu apalagi? Jangan ragu untuk bergabung dalam kelas ini. Kami menunggu kehadiran kamu di kelas!
Sneak Peek
Key Points
Mempelajari Fungsi UI Animation Pada Proses Design
Memahami Jenis Transisi dan Animasi Pada Prototype
Memahami Berbagai Fitur-Fitur pada Tools Design Figma
Membuat UI Animation Menggunakan Figma
Designed For
Cocok untuk yang ingin mempelajari Microinteraction
Cocok untuk designer yang ingin belajar membuat prototype
Cocok untuk yang ingin mempelajari UI/UX Design
Course Lessons
Learn With Expert
.jpg)
Dhimas Prio
Product Designer
(51K)
.png)
Angga Risky S
Full-Stack Developer
(414.1K)
Aldi Maulana
Quality Assurance
Penyampaiannya bagus, materinya bagus mudah mudahan ada tambahan trik animation lagi masih terasa kurang soalnya wkwkw read more
Yemima Priscilla Esmerald
UI Designer
suka banget sama penjelasannya mas dimas! jelas dan mudah dipahami xx read more
Tri Bayu priangga
Lifetime Learner
Sangat membantu, belajar membuat prototype dengan animasi yng keren read more
Muthia Nurul S
Lifetime Learner
materi yang dikasih bener2 detail dan jelas, pelan2 tidak terburu2 jadi sangat baguss untukk pemula yang mau belajar tentang animasi di figma read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 260,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
(416)
.png)
Complete Web Designer in with Figma
Rp 550,000
(1,508)
Mastering Blender 3D: Character Set Design
Rp 400,000
(531)
.png)
(609)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
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 BuildWithAngga.
Silakan 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.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
Mastering Figma: User-Interface Design Animation
Learn to Make Interaction UI Prototype
-
Introduction UI Animation3 minutes
-
Seberapa Penting UI Animation4 minutes
-
Daftar dan Fitur Figma3 minutes
-
Pengenalan Figma6 minutes
-
Jenis Transisi Animasi Figma Part 15 minutes
-
Jenis Transisi Animasi Figma Part 24 minutes
-
Download dan Import Project2 minutes
-
UI Animation Home (Horizontal Scrolling)7 minutes
-
UI Animation Home (Vertical Overlay)9 minutes
-
UI Animation Search Null (Smart Animate Keyboard)5 minutes
-
UI Animation Search (Animate Typing)5 minutes
-
UI Animation Search Result (Horizontal Overlay)7 minutes
-
UI Animation Details (Button Hovering)4 minutes
-
UI Animation Book Seats (Select Seat Animation)11 minutes
-
UI Animation Book Seats (Updating Seat and Price)6 minutes
-
UI Animation Book Seats (Button Bounce Animation)4 minutes
-
UI Animation Success (Overlay Animation)6 minutes
-
Mengkoneksikan Semua Screen7 minutes
Develop Your Skills
Figma adalah alat desain populer yang memungkinkan desainer membuat prototype, sebuah mockup interaktif untuk mengevaluasi desain produk yang akan dikembangkan. Melalui proses Animation dan Microinteraction, kita dapat menciptakan momen yang menarik dan menyenangkan untuk pengguna aplikasi maupun website. Dengan kita paham proses tersebut, kita dapat membuat prototipe lebih mudah dan mendapatkan feedback desain lebih cepat.
Dalam proses pembuatan UI/UX Design, prototyping merupakan langkah penting yang harus dilakukan. Hal ini bertujuan untuk melakukan Usability Testing kepada pengguna, sehingga dapat mendapatkan umpan balik (feedback) dari pengguna terkait tampilan yang telah dibuat. Dengan demikian, hasil desain dapat ditingkatkan dan disesuaikan dengan kebutuhan dan preferensi pengguna.
Selain itu, dalam pembuatan prototipe, penggunaan UI Animation juga sangat penting untuk meningkatkan keterlibatan pengguna terhadap interface yang dibuat. Animasi yang tepat dapat memperjelas fungsi dan tindakan yang dapat dilakukan oleh pengguna, sehingga pengguna dapat dengan mudah berinteraksi dengan antarmuka yang telah dirancang. Dalam proses prototyping, penting untuk mempertimbangkan penggunaan UI Animation dengan tepat dan bijaksana agar antarmuka yang dibuat dapat lebih mudah dipahami dan digunakan oleh pengguna.
Dalam kelas ini, kita akan membahas berbagai fungsi UI Animation secara lebih detail, seperti memperjelas fungsi elemen UI. Selain itu, kita juga akan membahas bagaimana cara menggunakan UI Animation dengan baik dan benar dalam proses desain user-interface.
Dengan bergabung di kelas ini, diharapkan peserta dapat memahami pentingnya penggunaan UI Animation dalam desain user-interface, serta mampu mengaplikasikan teknik dan prinsip-prinsip yang telah dipelajari untuk meningkatkan kualitas desain UI.
Tidak perlu khawatir jika kamu belum memiliki pengalaman,dalam kelas ini, karena kita akan belajar materi dari dasar. Versi Figma yang digunakan dalam kelas ini adalah versi 116.7.103. Selama kelas, kamu akan belajar bagaimana menggunakan tools Figma ini untuk membuat desain UI yang baik dan sesuai dengan kebutuhan pengguna. Tunggu apalagi? Jangan ragu untuk bergabung dalam kelas ini. Kami menunggu kehadiran kamu di kelas!
read more
Learn With Expert
Key Points
-
Mempelajari Fungsi UI Animation Pada Proses Design
-
Memahami Jenis Transisi dan Animasi Pada Prototype
-
Memahami Berbagai Fitur-Fitur pada Tools Design Figma
-
Membuat UI Animation Menggunakan Figma
Created For
-
Cocok untuk yang ingin mempelajari Microinteraction
-
Cocok untuk designer yang ingin belajar membuat prototype
-
Cocok untuk yang ingin mempelajari UI/UX Design
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
1,104
Happy Students
Happy Students
Aldi Maulana
Quality Assurance
Penyampaiannya bagus, materinya bagus mudah mudahan ada tambahan trik animation lagi masih terasa kurang soalnya wkwkw
Agusnadi
UI Designer
Step by step penjelasannya mudah dipahami.
Yemima Priscilla Esmeralda M
UI Designer
suka banget sama penjelasannya mas dimas! jelas dan mudah dipahami xx
Tri Bayu priangga
Lifetime Learner
Sangat membantu, belajar membuat prototype dengan animasi yng keren
Sulthan Muzakki
UI Designer
Kelas ini sangat membatu saya dalam membuat prototype
Muthia Nurul S
Lifetime Learner
materi yang dikasih bener2 detail dan jelas, pelan2 tidak terburu2 jadi sangat baguss untukk pemula yang mau belajar tentang animasi di figma
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
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 BuildWithAngga.
Silakan 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.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
