Tutorial UI/UX: Coba Bikin UI di Figma #2

OKEGUYS – Ini adalah tutorial lanjutan dari coba bikin UI di Figma bagian kedua ya Guys, yang akan membuat kamu lebih matang dalam proses pembuatan web desain!

Kalau pada tutorial bagian pertama kamu sudah memasukkan beberapa konten gambar atau teks, sekarang kamu akan coba mengkostumisasi lebih detail lagi ya Guys.

Bikin Fitur UI di Figma

Membuat tombol Call To Action

Atau yang biasa disingkat CTA, apa CTA ini? CTA adalah tombol di web untuk pengguna melakukan kontak langsung, dengan produk atau personal dari si pemilik web tersebut ya Guys. pasti kamu sering banget kan menemukan tombol CTA ini yang ada di berbagai web atau aplikasi.

Caranya cukup mudah, kamu tinggal memasukkan teks aja yang ada di kotak sebelah kanan. Untuk membuat kotak ini menjadi seperti ada efek frost glassnya pada bagian tengah, kamu tinggal menghapus fillnya yang ada pada bagian kanan dan tambahkan fitur stroke.

Membuat Konten Review

Untuk kategori ini pasti udah gak asing lagi, buat kamu yang sering lagi cari produk dari suatu barang dan kamu akan menemukan konten review ini.

Cara membuatnya cukup mudah, kamu tinggal memasukkan teks untuk judulnya. Dan nanti lingkarannya akan diisi untuk foto dan teks deskripsinya ya Guys.

Membuat Footer

Ini adalah final step dari web desain. Kamu harus membuat 2 kotak dengan warna yang berbeda. Contohnya dengan menggunakan warna gelap dan terang sebagai pembanding yang kontras di mata. Ini hanya untuk memanjakan pengguna aja sih Guys.

Yang biasanya pada kotak bagian atas bisa kamu gunakan untuk widget. Sedangkan, pada bagian bawahnya kamu isi dengan deskripsi lainnya dari pemilik si konten atau web desain tersebut.

Dari cara tutorial sebelumnya, dan fiturnya ini harusnya sih kamu udah bisa membuat web desain yang sederhana ini Guys. Kalau kamu masih bingung, silahkan kamu pelajari dulu dasar-dasarnya yang ada pada artikel OKEGUYS lainnya ya.

Yang penting kamu harus coba bikin UI di Figma, hasilnya belakangan Guys!