Cara Membuat Prototype UI Desain Aplikasi Grocery di Figma | Figma Design

Wellcome Back to K Desain ✋

Channel yang membahas seputar inspirasi desain baik itu Figma desain, Photoshop desain, Adobe Illustrator Desain Dan Lainnya.

{tocify} $title={ Daftar Isi }

Kali ini kita akan membuat sebuah Prototype UI Desain Aplikasi Grocery di Figma. Aplikasi Grocery adalah sebuah aplikasi marketpalce yang menjual berbagai macam kebutuhan pokok baik itu buah-buahan, sayur-sayuran dan berbagai macam kebutuhan pokok lainnya.

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.

Baca juga : Cara Membuat Prototype UI Desain Aplikasi Marketplace Sederhana di Figma 

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 Grocery yang ingin kita buat untuk contohnya bisa ikuti pada gambar dibawah ini.

Untuk kode warna yang kita gunakan dalam Membuat Prototype UI Desain Aplikasi Grocery ini terdapat 5 kode warna yaitu #34C75D, #D5E5DE0, #F8EBD5, #FFFFFF, #29AC60, #FAFAFA dan #424242 untuk warna yang dihasilkan bisa dilihat pada gambar dibawah ini

Setelah semua komponen untuk membuat UI desain aplikasi Grocery sudah siap nah, sekarang saat nya 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 Grocery, silahkan klik link dibawah ini Link Prototype figma : 

Buy Now

#Flight Ticket Booking App UI design, #UI UX DESIGN, #UIUX