Pelatihan UI/UX dengan Sertifikasi BNSP: Teknik UI Animation dengan Principle & After Effects

27-Sep-2025

Pembuat : Admin Mobile Faculty

Kategori : Media Pembelajaran

Pelatihan UI/UX dengan Sertifikasi BNSP: Teknik UI Animation dengan Principle & After Effects

Pendahuluan

Animasi dalam UI/UX bukan hanya sekadar estetika, tetapi juga berfungsi untuk meningkatkan pengalaman pengguna (UX). Dengan animasi yang tepat, pengguna dapat memahami alur navigasi, transisi, dan interaksi dengan lebih intuitif.

Dalam pelatihan ini, peserta akan mempelajari teknik UI Animation menggunakan Principle dan After Effects, dua tools yang sangat populer di industri. Principle digunakan untuk prototyping animasi interaktif, sementara After Effects memungkinkan desainer untuk membuat animasi UI yang lebih kompleks dan sinematik.

💰 Harga hanya Rp1.250.000
📍 Pelaksanaan online, fleksibel, dan bisa diikuti dari mana saja!
📜 Sertifikasi resmi BNSP berlaku seumur hidup

Unit Kompetensi yang Dipelajari

1. Dasar-Dasar UI Animation

✅ Prinsip motion design dalam UI/UX
✅ Jenis-jenis animasi mikro untuk meningkatkan UX
✅ Best practices dalam penggunaan animasi

2. UI Animation dengan Principle

✅ Membuat animasi transisi antar layar
✅ Menambahkan interaksi geser, tap, dan scroll
✅ Mengoptimalkan timing dan easing untuk animasi yang smooth

3. UI Animation dengan After Effects

✅ Pengenalan After Effects untuk UI Animation
✅ Membuat animasi loading, hover, dan efek transisi
✅ Menggunakan keyframe & graph editor untuk kontrol animasi lebih baik

4. Studi Kasus & Implementasi

✅ Mendesain animasi UI aplikasi mobile banking
✅ Menggunakan Principle untuk prototyping interaktif
✅ Membuat animasi loading screen dan button hover di After Effects

Studi Kasus dan Penyelesaian

Studi Kasus:

Sebuah tim UI/UX ingin membuat animasi transisi layar & efek hover untuk aplikasi e-commerce mereka.

Solusi:

  1. Menggunakan Principle untuk Transisi Layar

    • Mendesain animasi swipe antara halaman produk dan checkout

    • Mengatur timing & easing untuk pengalaman lebih smooth

  2. Membuat Animasi Hover di After Effects

    • Menggunakan keyframe animation untuk membuat efek hover button

    • Menerapkan graph editor untuk transisi yang lebih natural

Silabus Pelatihan (2 Hari)

Hari Materi Keterangan
1 Prinsip Dasar UI Animation Motion design, micro-interactions
1 Animasi UI dengan Principle Transisi layar, interaksi tap & scroll
1 Studi Kasus: Membuat Prototype Animasi Simulasi animasi aplikasi mobile
2 Pengenalan After Effects untuk UI Animation Dasar-dasar keyframe & motion
2 Membuat Animasi Loading & Hover Studi kasus button animation
2 Finalisasi & Sertifikasi Review hasil desain peserta

Kesimpulan

Pelatihan ini memberikan pemahaman mendalam tentang animasi dalam UI/UX, khususnya menggunakan Principle & After Effects. Dengan pelatihan ini, peserta dapat menciptakan UI yang interaktif, menarik, dan meningkatkan pengalaman pengguna.

✨ Pelaksanaan online, fleksibel, dan bisa diikuti dari mana saja!
✨ Harga terjangkau hanya Rp1.250.000
✨ Sertifikasi resmi BNSP yang berlaku seumur hidup

📌 Daftar sekarang dan lihat detailnya di:
🔗 https://mobilefaculty.com/skema-sertifikasi-bidang-komputer/