Cara Membuat Prototyping Aplikasi Android di Figma Tutorial Figma Part 2

• Kategori
• Desain
• Terbit: 2022-04-11

Arus dan titik awal

Dengan pembuatan prototipe di Figma gratis, Anda dapat membuat beberapa alur untuk prototipe Anda dalam satu halaman untuk melihat pratinjau perjalanan dan pengalaman penuh pengguna melalui desain Anda.

Aliran adalah jaringan bingkai dan koneksi dalam satu halaman. Prototipe dapat memetakan seluruh perjalanan pengguna melalui aplikasi atau situs web Anda, atau dapat berfokus pada segmen tertentu melalui alurnya sendiri. Misalnya: prototipe Anda mencakup semua kemungkinan interaksi di situs eCommerce. Dalam prototipe, Anda memiliki alur untuk membuat akun, menambahkan item ke troli, dan check out.

Figma membuat titik awal aliran saat Anda menambahkan koneksi pertama Anda di antara dua bingkai. Ada beberapa cara lain untuk menambahkan titik awal aliran ke prototipe Anda:

Dengan bingkai awal yang dipilih, klik di bagian Titik awal aliran di bilah sisi kanan.
Klik kanan pada bingkai, lalu klik Tambahkan titik awal.
Gandakan bingkai dengan titik awal yang ada.

Saat tiba waktunya untuk menguji desain Anda, Anda dapat membagikan seluruh prototipe atau menyalin tautan ke titik awal aliran.

Buat koneksi

1. Pilih hotspot untuk koneksi.
2. Klik untuk membuat koneksi.
3. Tarik ke tujuan.
4. Jika tidak ada koneksi yang ada, Figma akan menjadikan frame pertama sebagai titik awal.

Buat interaksi dan animasi :

1. Buka tab Prototipe di bilah sisi kanan
2. Tambahkan interaksi
3. Setel detail interaksi
4. Terapkan animasi
5. Pratinjau animasi Anda

Sesuaikan pengaturan prototipe :

A. Pilih Perangkat dan Model
B. Pratinjau prototipe Anda
C. Pilih warna latar belakang
D. Atur Bingkai Awal prototipe