DESAIN FIGMA

 Hai guys, disini saya akan memberikan contoh desain menggunakan figma.

 Sebelumnya apa sih figma itu?

Figma adalah tool desain berupa website yang terhubung dengan cloud sehingga bisa digunakan kapanpun dan dimanapun melalui internet. Tool ini berbasis vector, sehingga akan lebih cocok untuk mendesain UI website atau mobile dan aset ilustrasi.Dan fungsi figma ini yaitu dapat membantu para penggunanya berkolaborasi dalam suatu project atau pekerjaan dengan banyak pengguna secara real-time dan di mana saja.

Baik, langsung saja ke screen yang saya desain. disini saya mendesain tampilan login akun di suatu game.

1. Pertama, buat home screen semenarik mungkin seperti contoh dibawah ini (gambar1)

beri teks dijudul untuk tampilan "HOME SCREEN"

beri logo gambar dan beri rectangle untuk teks "Start game"

2. Jika teks Start game di klik maka tampilan langsung ke bagian kedua yaitu "Sign up"

caranya anda klik prototype dan interactions tap > sign up dan tarik garis dari home screen ke tampilan sign up (gambar2)

gambar1

gambar2

2.Kedua, Tampilan sign up.

 1. Untuk login ke aplikasi, jika belum mempunyai akun anda wajib me sign up(daftar) terlebih dahulu. tampilan sign up seperti gambar dibawah ini(gambar1). Caranya beri logo gambar sign up lalu beri teks untuk judul "sign up" . beri 4 rectangle dan 4 teks untuk : nomor,gmail.password,dan re-password. kemudian beri  1 rectangle dan beri teks "sign up"

2. Dibawah itu beri teks "anda sudah punya akun?" sampingnya pun beri teks "log in" tujuannya jika anda sudah punya akun anda bisa langsung mengklik "log in" berwarna biru. caranya klik prototype dan interactions tap > log in dan tarik garis dari sign up ke tampilan log in maka nanti jika anda klik "log in" berwarna biru anda langsung masuk ketampilan "log in" (gambar2)

gambar1

gambar2

3. Ketiga tampilan login

 1. jika anda sudah punya akun anda akan berada ditampilan log in

tampilan desain login seperti gambar dibawah ini(gambar1)

caranya beri logo gambar "log in" lalu dibawahnya beri teks "log in"

beri 4 rectangle dan beri 4 teks : nomor,gmail,password,dan bawahnya teks "log in"

lalu bawahnya beri teks "login with"dan dibawahnya diberi logo gambar Fb dan Google (hanya suatu logo foto, tidak bisa di klik) 

2. Jika anda sudah mengklik teks "log in" yang paling bawah maka anda berada ditampilan welcome. caranya  klik prototype dan interactions tap > welcome dan tarik garis dari log in ke tampilan welcome(gambar2)

gambar1

gambar2

4. Terakhir, tampilan welcome

desain tampilan welcome yang saya buat sangat sederhana seperti gambar dibawah ini. (gambar1)

caranya beri teks "Welcome to gamepad" dan langkah terakhir beri logo gambar game tersebut.

gambar1

Nahhh itu tutorial dan hasil ss an desain tampilan login akun di suatu game yang saya buat.

Semoga bermanfaat dan Terima kasih:)