Membuat Design Form Login & Register Hi-Fi (Hight-Fidelity)

 

Langkah – langkah membuat Hight-Fidelity pada UI “Login” seperti berikut ini :

  1. Membuat logo coffe menggunakan plugin icontify kalian bisa cari sendiri, lalu buat seperti berikut ini :

2.  Buat text logonya seperti berikut ini :

lalu jadikan group antara text dan icon nya.

3. Ganti colur stroke pada rectangle username dan beri text seperti berikut ini :

4.    Ganti warna stroke pada rectangle password dan import icon mata seperti gambar di bawah ini :

5. Ganti warna check box seperti berikut ini :

6. Selanjutnya ganti ukuran text pada “Forget password?” seperti dibawah ini :

7. Buat button “Login” seperti berikut ini :

8. Buat rectingle di bawah “or login with“ menjadi icon seperti berikut ini :

9. Ganti warna text pada “Register” seperti berikut ini :

Untuk Hi-Fi Register juga sama anda dapat mengikuti langkah – langkah nya seperti diatas.

Subscribe

Related articles

Memahami Microservices dengan Laravel

Microservices adalah pendekatan dalam pengembangan perangkat lunak di mana...

Tailwind CSS: Panduan Lengkap dan Keunggulannya

Tailwind CSS adalah salah satu framework CSS yang semakin...

Bagaimana sih cara menjadi Web Developer?

Memulai Karier sebagai Web Developer Meskipun sudah mengetahui berbagai keterampilan...

Laravel 11 : Send Mail by Gmail SMTP

Mengirim Email Menggunakan Gmail SMTP di Laravel 11 Mengirim email...

Cara mendapatkan Kredensial token email

Mendapatkan Credential Token Email di Laravel Dalam aplikasi web modern,...

LEAVE A REPLY

Please enter your comment!
Please enter your name here