BELAJAR TUTORIAL ADOBE Xd PEMULA (PART 5)

Salam kreatif teman-teman irhamhalik.com. Mendesain prototype aplikasi berbasis web atau smartphone adalah pekerjaan yang susah-susah gampang, selain membutuhkan keterampilan desain yang baik juga paham tentang alur navigasi dari prototype aplikasi yang dibuat.

Untuk menavigasikan sebuah aplikasi tentu harus berdasar flowchart dari aplikasi tersebut, agar interaksi antara user dengan aplikasi melalui fasilitas navigasi terjadi dengan baik dan konsisten. Adobe Xd menyediakan menu prototype dalam proses mendesain interaktifitas navigasi antara user dan aplikasi.

Setelah kita menyelesaikan tahapan desain Screen Home, Screen Info, Screen Menu, dan Screen Profil. Saatnya kita menavigasikan screen-screen tersebut, menghubungkan screen-screen sehingga terjadi alur interaksi antar screen. Sebelum itu, admin ingin menambahkan satu screen lagi yang berfungsi untuk menampilkan keterangan dari jenis lensa yang ada di Screen Menu, kita sebut saja Screen Penjelasan.

Untuk membuat Screen Penjelasan saya rasa tidak perlu lagi dituliskan langkah-langkahnya, teman-teman bisa kembali ke postingan sebelumnya tentang cara menambah screen di Adobe Xd.

Langkah menghubungkan screen yang sudah kita buat, adalah sebagai berikut :

  1. Pilih Screen Home
  2. Masuk ke tab Prototype
  3. Klik icon tombol Next hingga muncul tanda plus biru, drag menuju Screen Info, sehingga akan tampak sebuah garis penghubung berwarna biru
  4. Lakukan langkah yang sama untuk Screen Info
  5. Klik icon tombol Next hingga muncul tanda plus biru, kemudian drag menuju Screen Home
  6. Beri garis interaksi untuk semua icon tombol yang ada pada screen
  7. Properties kita biarkan default saja
  8. Untuk melihat preview dari interaksi navigasi yang telah kita buat, dapat dengan mengklik tombol Desktop Preview

Sampai tahapan ini, bersama-sama kita telah membuat sebuah prototype aplikasi sederhana menggunakan Adobe Xd. Masih banyak trik yang dapat di gunakan pada Adobe Xd, termasuk diantaranya :

  1. Pindah screen menggunakan timer
  2. Animasi perpindahan screen
  3. Proses publish file

Berkreasi dengan Adobe Xd adalah hal yang sangat menyenangkan, terlebih lagi dunia usaha sangat membutuhkan jasa desain lokal, bisa saja ini akan menjadi hobby sekaligus bisnis yang baik bagi teman-teman sekalian.

Leave a Reply

Your email address will not be published. Required fields are marked *