Perancangan UI dan UX melalui Adobe XD

Rizki Firdaus Mulya
2 min readSep 14, 2020

--

Membangun desain aplikasi yang interaktif dan menarik

NIM : 205410144
NAMA : RIZKI FIRDAUS MULYA
MATA KULIAH : PERANCANGAN ANTARMUKA
KAMPUS : STMIK AKAKOM YOGYAKARTA

Adobe XD adalah alat desain pengalaman pengguna berbasis vektor untuk aplikasi web dan aplikasi seluler , dikembangkan dan diterbitkan oleh Adobe Inc. Ini tersedia untuk macOS dan Windows , meskipun ada versi untuk iOS dan Android untuk membantu mempratinjau hasil kerja langsung di perangkat seluler. Adobe XD mendukung wireframing situs web dan membuat prototipe klik-tayang.

Perancangan Desain

Proses Perancangan Desain Aplikasi

Hal yang paling penting ketika melakukan perancangan aplikasi ini adalah membuat desain yang semenarik mungkin. Sebagai contoh mulai dari pemilihan tampilan warna, text, gambar, hingga layout yang telah direncanakan sebelumnya.

Layering Desain Aplikasi yang Benar
Layering Desain Aplikasi yang Salah

Saat memasukkan gambar, harus diperhatikan layer pada gambar tersebut agar tidak terjadinya gambar yang bentrok / hilang ketika dimasukkan.

Hasil Perancangan Desain Aplikasi

Halaman Utama

Halaman Utama

Halaman Detail Produk

Halaman Detail Produk

Sebagai contoh diatas yang telah saya buat, ini merupakan desain perancangan pada aplikasi penjualan furniture seperti meja, kursi, lampu, dll. Desain yang diharapkan adalah aplikasi memiliki tampilan yang menarik dan terhindar dari kesan jadul. Sehingga dengan menampilkan desain yang menarik hingga interaktif dapat menarik pengguna dalam menggunakan aplikasi ini.

Referensi :

--

--

No responses yet