Hallo sobat 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 Mobile Banking di Figma, Aplikasi ini berguna untuk mempermudah proses transaksi bagi pengguna tanpa harus pergi ke bank terlebih dahulu karena softwere telah dibuat secara mobile.
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 atau UI Desain 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 Pesan Tiket Pesawat Menggunakan 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 dalam membuat Prototype UI Desain Mobile Banking adalah membuat sebuah seketsa awal dari sebuah desain ui yang ingin kita buat contohnya sebagai berikut.
Untuk kode warna yang kita gunakan dalam Membuat Prototype UI Desain Mobile Banking ini terdapat 9 kode warna yaitu #6437E9, #2E178A, #4479FF, #141F6D, #000116, #6437E9, #FCFCFC, #6270FF, #A7B4FA untuk warna yang dihasilkan bisa dilihat pada gambar dibawah ini
Setelah semua komponen untuk membuat Prototype UI Desain Mobile Banking sudah siap nah, sekarang saat nya untuk memulai mendesain pada aplikasi Figma.
Langkah-langkah untuk membuat prototype UI Desain Mobile Banking silahkan ikuti vidio dibawah ini
Untuk melihat prototype project figma desain UI Aplikasi Mobile Banking silahkan kunjungi komunitas Figma pada link dibawah ini Link Project :
#Mobile Banking, #UI UX DESIGN, #UIUX