Cara menggunakan adobe xd sebenarnya mudah loh, yuk simak penjelasan yang akan kami berikan di dalam artikel ini.
Adobe Creative Cloud belum mempunyai alat bagi desainer untuk membuat prototipe layout dengan cepat dan juga efisien, atau mendapatkan feedback tim sebelum membuat desain UI akhir.
Kesenjangan yang hilang saat ini diisi oleh Adobe Experience Design CC (Adobe XD). Aplikasi ini diperkenalkan sebagai “Project Comet” selama Adobe MAX 2015 sudah tersedia untuk diunduh sebagai versi beta yang ada dari Adobe Creative Cloud.
Ini merupakan sebuah aplikasi desktop yang memungkinkan para perancang untuk bisa membuat prototipe antarmuka untuk web, ponsel, dan juga perangkat tablet.
Adobe XD merupakan salah satu alat bantu atau perangkat lunak gratis paling banyak digunakan untuk web design ataupun mobile design UI / UX dan juga prototyping untuk berbagai platform misalnya web, ponsel, tablet, dan lain sebagainya.
Beberapa bagian yang ada dari Adobe Creative Cloud, eXperience Design di dalamnya menawarkan banyak opsi dan antarmuka yang lebih intuitif. Kamu bisa membuat dan menguji pengalaman kamu sambil melihat dulu interface lengkap aplikasi kamu.
Kwtika membuka aplikasi tersebut, layar pembuka memberi kamu beragam template ukuran layar standar dan juga kemampuan untuk menambahkan ukuran dokumen kustom kamu sendiri.
Selain itu, layar yang mencakup akses pada sejumlah aset yang bisa digunakan sebagai titik awal untuk bisa mempelajari lebih lanjut tentang aplikasi, elemen desain UI untuk berbagai perangkat seluler misalnya iOS dan Android, dan akses pada sumber daya online contohnya tutorial, dan banyak lagi.
Daftar Isi
Persiapan sSebelum Menggunakan Adobe XD
Pertama tama kamu unduh terlebih dahulu aplikasi Adobe XD pada website resmi Adobe. Sebelum kamu mengunduh, kamu diwajibkan untuk melakukan login dan juga menginstall Creative Cloud Desktop App.
Cara Menggunakan Adobe XD
Setelah kamu mengunduh Adobe XD maka langkah selanjutnya yaitu cara menggunakan Adobe XD. Disini kamu akan tunjukkan proses langkah demi langkah untuk membuat prototipe UI pertama pada Adobe XD.
1. Buat Prototype
Setelah Adobe XD sudah dibuka, layar Selamat Datang nantinya akan muncul dan memungkinkan kamu untuk memilih jenis proyek. Pilihlah Web (1920 × 1080px).
Setelah artboard kamu buat, klik dua kali nama artboard, dan silahkan ubah menjadi “Beranda”. Ubah juga nama file nya diatas sesuai keinginan kamu sendiri.
2. Buat Header Website
Setelah kamu mengubah nama artboard, langkah selanjutnya yaitu cara membuat header website terlebih dahulu. Header website terdiri dari bagian menu bar dan juga slider banner. Berikut ini langkah- langkahnya:
Langkah 1 : Tambahkan Gambar
Kamu dapat mengambil gambar apapun yang kamu butuhkan atau inginkan pada pexels atau unsplash.
Langkah 2 : Tambahkan Shape berwarna Hitam
Apabila gambar telah ditambahkan maka selanjutnya tambah shape berwarna hitam. Ubahlah opacity shapenya menjadi 60% agar nanti backgroundnya akan sedikit terlihat.
Langkah 3 : Buat Slider Banner dan juga Menu Bar
Buat tulisan logo yang ada disebelah kiri atas dan tulisan ‘Home’, ‘Layanan’, ‘Kontak’, ‘Blog’ disebelah kanan atas layar. Buat semua tulisan tersebut menjadi warna putih.
3. Buat Konten Website
Setelah kamu selesai membuat menu bar dan slide banner. Langkah selanjutnya membuat konten halamannya. Berikut ini langkah- langkahnya:
Konten 1
Buat sebuah text untuk judul kontennya misalnya ‘Mengapa Memilih Jasa Kami’. Setelah itu buat 3 kotak yang berwarna putih untuk keperluan content box yang ada didalamnya ada heading, icon dan juga text.
Konten 2
Konten kedua kali ini membuat pricing table. Buatlah 4 kotak dan isi kotak tersebut dengan tulisan, warna dan ukuran font dapat kamu sesuaikan sendiri.
Konten 3
Ini konten terakhir cobalah untuk menambahkan sebuah section untuk artikel. Terlebih dahulu buat heading nya lalu beri bold untuk judulnya.
Konten 4
Ini bagian konten terakhir, coba buat sebuah bagian komentar untuk pelanggan dan juga logo klien yang sudah pernah menggunakan jasa kamu.
Akhir kata
Demikian penjelasan mengenai bagaimana cara menggunakan adobe xd, semoga penjelasan di atas dapat bermanfaat ya. Selamat mencoba!
