Cara Membuat Prototype UI Desain Halaman Login Screen 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 Lainnya.

{tocify} $title={ Daftar Isi }

Prototype UI Desain Halaman Login Screen di Figma

Kali ini kita akan membuat sebuah desain UI desain tampilan halaman login menggunakan Softwere editin Figma, dengan membuat tampilan UI desain untuk halaman login dapat memperbagus atau memberikan kesan yang menarik dari sebuah aplikasi.

Sedikit Pembahasan nih seputar UI Desain !!

Prototype UI Desain Halaman Login Screen 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 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 Desain UI Aplikasi Marketplace Olahraga 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 untuk membuat prototype UI Desain halaman login screen adalah membuat sebuah seketsa awal dari sebuah desain UI yang ingin kita buat contohnya sebagai berikut.

sketsa UI Desain Halaman Login Screen di Figma

Kemudian lanjut untuk pemilihan kode warna yang saya gunakan dalam desain kali ini, terdapat 6 kode warna yaitu #79EA99, #2781EB, #414141, #FEBFBF, #F36060 dan #F8F8FA, nah untuk warna yang dihasilkan bisa dilihat pada gambar dibawah ini :

pellet warna UI Desain Halaman Login Screen di Figma

Setelah semua komponen untuk membuat UI desain aplikasi rental sepeda motor berbasis mobile yang berguna untuk mempermudah pengguna dalam proses transaksi sudah siap nah, sekarang saat nya untuk memulai mendesain pada aplikasi Figma. 

Untuk tutorialnya Silahkan ikuti vidio dibawah ini

Bagi sobat K Desain yang menginginkan prototpye project UI desain dari tampilan menu login dapat bergabung pada komunitas Figma, silahkan klik link dibawah untuk bergabung Link komunitas figma : 

Visit a Link

#Login UI Design #Figma #Tutorial

Posting Komentar

Lebih baru Lebih lama