Wellcome Back to K Desain ✋
Channel yang membahas seputar inspirasi desain baik itu Figma desain, Photoshop desain, Adobe Illustrator Desain Dan Lainnya.
Kali ini kita akan membuat sebuah Prototype UI Desain Aplikasi Pemutar musik di Figma. Aplikasi ini berguna untuk orang banyak yang ingin mencari rekomendasi musik pilhan dengan cepat dan mudah.
Sedikit Pembahasan nih seputar UI Desain !!
User Interface atau biasa disebut dengan UI desain adalah sebuah sistem yang merupakan bagian terpenting dari program apapun karena sangat menentukan seberapa mudah program tersebut merespon perintah dari si pengguna.
Tujuan User Interface adalah untuk memberikan interaksi yang baik dan menyenangkan, serta memudahkan pengguna dalam menjalankan aplikasi atau web tersebut.
UI Designer lebih fokus pada visualisasi, coloring, dan hal-hal yang berkaitan dengan kreativitas dari interface yang akan digunakan oleh user.
Karena User interface berhubungan dengan layar, oleh karena itu desain yang baik merupakan indikator yang sangat penting bahwa pengguna tertarik untuk menggunakan website tersebut. Selain itu, estetika, waktu respons, dan isi adalah bagian terpenting dalam menciptakan antarmuka pengguna yang baik.
Oke Kita Lanjut ke Project Desain !!
Untuk tahap awal yang perlu dilakukan adalah membuat sebuah seketsa awal dari sebuah desain UI dari Prototype UI Desain Aplikasi Pemutar Musik yang ingin kita buat untuk contohnya bisa ikuti pada gambar dibawah ini.
Untuk kode warna yang kita gunakan dalam Membuat Prototype UI Desain Aplikasi Pemutar Musik ini terdapat 3 kode warna yaitu #9668EF, #6886EF, #100A1C, #322251, dan #7368EF untuk warna yang dihasilkan bisa dilihat pada gambar dibawah ini.
Setelah semua komponen untuk membuat UI desain aplikasi Pemutar Musik sudah siap nah, sekarang saatnya untuk memulai mendesain mengikuti sketsa yang tadi pada aplikasi Figma.
Untuk tutorialnya silahkan ikuti vidio dibawah ini
Bagi sobat K Desain yang menginginkan prototpye project UI desain Aplikasi Pemutar Musik, silahkan klik link dibawah ini Link Prototype figma :