Avatar
Avatar
Avatar menampilkan representasi visual dari pengguna, entitas, atau organisasi untuk membantu mengenali identitas dengan cepat di antarmuka.
Penggunaan
Section titled “Penggunaan”Gunakan Avatar untuk menampilkan identitas visual pengguna atau entitas seperti organisasi, layanan, atau produk. Komponen ini bisa berupa foto profil, inisial nama, atau ikon yang berfungsi sebagai pengenal utama di antarmuka.
Komponen ini sering muncul di elemen seperti header, komentar, daftar pengguna, atau kartu profil.
Avatar membantu pengguna untuk:
- •Mengenali identitas secara visual.
- •Mempercepat pencarian informasi dalam daftar atau interaksi sosial.
- •Memberikan kesan personal dalam antarmuka digital.
Kategori
Section titled “Kategori”Image Avatar
Menampilkan foto atau ilustrasi pengguna. Ideal digunakan saat identitas visual penting, seperti pada halaman profil atau daftar tim.
Initials Avatar
Menampilkan inisial nama pengguna jika foto tidak tersedia. Biasanya menggunakan dua huruf pertama dari nama depan dan belakang.
Placeholder Avatar
Menampilkan ikon default atau area kosong berwarna netral untuk menggantikan foto atau inisial yang tidak tersedia.
Cara Penggunaan yang Disarankan
Section titled “Cara Penggunaan yang Disarankan”Avatar
- Jika gambar tersedia, tampilkan foto.
- Jika gambar tidak tersedia, gunakan inisial.
- Jika keduanya tidak ada, tampilkan placeholder default.
Pemotongan Gambar
Gunakan gambar dengan rasio 1:1 agar proporsional.
Gunakan ukuran avatar yang sudah tersedia dalam sistem.
Hindari membuat ukuran avatar baru di luar panduan.
Gunakan huruf kapital untuk inisial default.
Hindari menggunakan huruf kecil untuk inisial default.
Penerapan
Section titled “Penerapan”Halaman FAQ
Menampilkan foto dan nama pengguna untuk menciptakan kesan personal dan mendorong keterlibatan dalam aplikasi.
Menu Fitur
Digunakan untuk menampilkan ikon yang memudahkan pengguna mengenali fungsi setiap menu di antarmuka.
Spesifikasi
Section titled “Spesifikasi”