MEMBUAT UI LOGIN DENGAN FIGMA
Membuat Design Menggunakan Figma
- Halaman Awal
sebelum kita membuat tampilan login, kita akan membuat halaman awal terlebih dahulu. untuk membuat tampilan awal kalian memerlukan objek LOGIN dan DAFTAR.
masukan layers halaman awal dan atur sesuka hati kalian.
jika sudah, tampilannya akan seperti ini, untuk gambar dan judul bisa bebas kalian ganti.
- Tampilan Login
setelah membuat tampilan awal, sekarang kita membuat tampilan login.
seperti cara sebelumnya, masukan layer dan atur sesuka hati kalian.
disini, kita menggunakan 2 RECTANGEL yang masing-masing berisi USERNAME dan PASSWORD.
- TAMPILAN DAFTAR
langkah selanjutanya, kita akan membuat tampilan daftar.
lakukan cara yang sama, masukan layers dan atur sesuka hati kalian
berbeda dengan yang sebelumnya, kini kita menggunakan 4 RECTANGEL yang masing-masing berisi number, email, password dan re-password.
setelah kalian melakukan semua cara tersebut, maka tampilannya akan seperti ini.
Komentar
Posting Komentar