FONT WEIGHT
Dwinawan Hariwijaya
• • •
Artikel ini akan membahas penggunaan weight atau ketebalan teks pada design UI
Umumnya terdapat 4 jenis ketebalan pada teks yang biasa digunakan yaitu Regular, Medium, Bold, Black. Kita akan membahas beberapa penggunaan ketebalan teks di website yang sering kita akses.
• • •
Teks pada Tweet
Pada gambar di bawah ini terdapat beberapa jenis ketebalan teks yang digunakan. Mari kita analisa satu persatu.
- Nama Pengguna - Bold
Pengguna Twitter biasanya menulis nama asli. Elemen ini penting untuk terlihat secara sekilas dengan cara menggunakan teks bold, berukuran besar dan berwarna hitam - Username - Reguler
Username twitter adalah nama alias, dari sisi prioritas lebih penting nama pengguna (nomor 1), sehingga elemen ini dibuat tidak terlalu terlihat dengan cara menggunakan teks regular berukuran kecil dan berwarna abu abu - Isi Tweet - Reguler
Elemen paling penting dan ditonjolkan dengan cara menggunakan font yang lebih besar diantara elemen yang lain. Kenapa menggunakan font regular? Jika menggunakan font bold akan terlalu tebal dan kurang nyaman dibaca karena jumlah kata nya ada banyak - Waktu - Reguler
Informasi yang bersifat nice to have atau sekunder dibuat tidak terlalu terlihat - Tweet Activity - Reguler
Informasi yang bersifat nice to have atau sekunder dibuat tidak terlalu terlihat - Jumlah Retweets dan Likes - Bold
Penting untuk user melihat jumlah Retweets dan Likes secara cepat sehingga pada bagian angka dibuat bold dan besar - Keterangan - Reguler
Informasi keterangan, dibuat tidak terlalu mencolok agar angka di depan nya lebih terbaca
• • •
Teks pada pencarian penginapan
Mari kita lihat dan analisa ketebalan teks yang digunakan pada design dibawah ini
Coba kita lihat nomor 1 dan 2. Nomor 1 menggunakan teks bold karena menginformasikan harga dan penting untuk terlihat secara cepat dan nomor 2 adalah keterangan sehingga dibuat tidak terlalu mencolok dengan menggunakan teks reguler.
• • •
Takeaways
- Penggunaan ketebalan teks yang berbeda beda ditujukan untuk menonjolkan informasi yang lebih penting
- Tidak semua informasi penting harus menggunakan teks bold. Semuanya tergantung dengan elemen di sekitarnya. Bisa saja informasi penting menggunakan teks reguler, tetapi informasi yang lain atau disekitarnya menggunakan teks reguler dengan ukuran teks lebih kecil dan berwarna abu abu.
• • •
Seberapa suka kamu dengan artikel ini?
