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

Relasi dalam Laravel

One-to-One Relasi one-to-one adalah relasi sederhana dan paling umum. Contoh...

XAMPP: Aplikasi Web Server Lokal

Apa itu XAMPP? XAMPP adalah aplikasi yang memungkinkan Anda untuk...

Composer: Pengantar dan Cara Menggunakannya

Apa itu Composer? Composer adalah alat untuk manajemen dependensi dalam...

Mailtrap dan Cara Menggunakannya di Laravel

Apa itu Mailtrap? Mailtrap adalah layanan email berbasis web yang...

Bootstrap vs Tailwind: Perbandingan Framework CSS

Bootstrap dan Tailwind adalah dua alat yang paling populer untuk membangun aplikasi...

LEAVE A REPLY

Please enter your comment!
Please enter your name here