Cara Membuat Prototype UI Desain Aplikasi Pemesanan Makan Online di Figma | Tutorial Figma

Wellcome Back to K Desain ✋

Channel yang membahas seputar inspirasi desain baik itu Figma desain, Photoshop desain, Adobe Illustrator desain dan lainya.

{tocify} $title={ Daftar Isi }


Prototype UI Desain Aplikasi Pemesanan Makan Online di Figma

Kali ini kita akan membuat sebuah Prototype UI Desain Aplikasi pemesanan makanan berbasis online  menggunakan Softwere Figma, Aplikasi ini berguna untuk mempermudah jual beli barbagai jenis makanan cepat saji secara mobile agar mempermudah user atau pengguna memesan makanan tanpa perlu antre dengan lama untuk membeli sebuah makanan siap saji.

Sedikit Pembahasan nih seputar UI Desain !!

Prototype UI Desain Aplikasi Pemesanan Makan Online di Figma

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 atau UI Desain adalah untuk memberikan interaksi yang baik dan menyenangkan, serta memudahkan pengguna dalam menjalankan aplikasi atau web tersebut.

Baca juga : Cara Membuat Prototype UI Desain Aplikasi Grocery di Figma


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 yang ingin kita buat contohnya sebagai berikut.

Sketsa Prototype Aplikasi Pemesanan Makan Online di Figma

Untuk kode warna yang kita gunakan dalam Membuat Prototype UI Desain Aplikasi Pemesanan Makan Online ini terdapat 6 kode warna yaitu #33A762, #FFFFFF,  #000000, #747474, #F63737 dan #F4F4F4 untuk warna yang dihasilkan bisa dilihat pada gambar dibawah ini

Pellet warna Prototype UI Desain Aplikasi Pemesanan Makan Online di Figma

kemudian untuk komponen gambar seperti diatas dapat di download pada link di bawah ini 

Download

setelah semua komponen untuk membuat UI desain aplikasi pemesanan makanan berbasis online sudah siap nah, sekarang saat nya untuk memulai mendesain mengikuti sketsa yang tadi pada aplikasi Figma. 

Untuk tutorialnya silahkan ikuti vidio dibawah ini

Untuk dapat melihat prototpye project UI desain Aplikasi pemesanan makanan berbasis online dapat bergabung pada komunitas Figma, silahkan klik link dibawah untuk bergabung Link komunitas figma : 

Visit a Link

#Food exploration app UI design, #UI UX DESIGN, #UIUX

Posting Komentar

Lebih baru Lebih lama