TUTORIAL BELAJAR ADOBE Xd PEMULA (PART 4)

Salam kreatif teman-teman irhamhalik.com. Postingan sebelumnya kita sudah belajar tahapan mengelola dan membuat Screen pada Adobe Xd. Jumlah Screen yang dapat dibuat tidak terbatas, ini disesuaikan dengan kebutuhan protoype aplikasi yang akan dibuat.

Selanjutnya kita akan mengerjakan Screen Info dan Screen Menu. Screen Info digunakan untuk memberikan petunjuk cara penggunaan aplikasi berikut fitur-fitur apa yang terdapat di dalam aplikasi tersebut, sedangkan Screen Menu digunakan untuk menampilkan konten-konten apa saja dapat dijalankan atau dimainkan pada aplikasi.

Kita beralih ke Sreen Info

  1. Pilih Screen Info
  2. Tambahkan Text dengan menggunakan Text Tools
  3. Tuliskan Info dari aplikasi
  4. Masukkan gambar yang dianggap perlu dan beri keterangan
  5. Terakhir tambahkan navigasi tombol Next di akhir screen

[ Baca Juga ]
Menambahkan Screen di Adobe Xd
Memasukkan gambar ke dalam screen Adobe Xd

Untuk bagian Screen Menu, karena aplikasi yang kita buat ini tentang jenis-jenis lensa kamera, maka admin membuat 7 jenis menu yang berupa Teks tentang jenis-jenis lensa kamera di antaranya ;

  1. Lensa Fix
  2. Lensa Macro
  3. Lensa Tele
  4. Lensa Wide
  5. Lensa Standar
  6. Lensa Zoom
  7. Lensa Fish Eye

Tampilan Screen Menu cukup sederhana berupa tulisan jenis lensa ditambahkan tombol navigasi Next untuk masuk ke penjelasan lensa. Ada satu trik yang dapat kita gunakan untuk mempercepat proses copy-paste objek menggunakan Adobe Xd yaitu fitur Repeat Grid, langkah-langkahnya ;

  1. Pilih objek yang ingin di perbanyak (contoh tombol next)
  2. Pada bagian properties pilih Repeat Grid
  3. Tarik ke arah horisontal atau vertical sesuai jumlah yang diinginkan
  4. Untuk menyesuaikan lebar antar objek cukup klik di antara objek yang berhimpit lalu tarik secara horisontal atau vertical menyesuaikan jarak yang dibutuhkan

Sebagai bahan latihan admin persilahkan teman-teman untuk menyelesaikan Screen Profil menggunakan Adobe Xd. Screen Profil berisi tentang data diri pembuat dan versi aplikasi yang dibuat. Belajarlah memanfaatkan fitur dasar yang telah kita pelajari seperti memasukkan gambar, memberi warna, dan menambahkan teks pada screen di Adobe Xd.

Untuk artikel kita berikutnya, telah masuk ke bagian Menu Protoype yang berfungsi untuk menghubungkan screen-screen yang telah kita buat dan desain di Adobe Xd.

Leave a Reply

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