FONT SIZE
Dwinawan Hariwijaya
June 20, 2021
• • •
Bagaimana belajar mengenai ukuran font?
Cara paling gampang adalah dengan melihat produk yang sudah ada. Kita akan bahas mengenai ukuran teks yang digunakan di website.
Mari kita lihat website stripe.com dan kita amati ukuran teks yang digunakan
Untuk memudahkan analisa, kita hilangkan dulu elemen elemen di sekitarnya
Lalu kita cari tahu ukuran tiap teks nya menggunakan Inspect Elements dari browser (Untuk Google Chrome - Klik kanan - Inspect).
Setelah kita analisa, berikut hasil nya.
  • Tulisan paling besar menggunakan ukuran 94px
  • Tulisan deskripsi dibawah nya menggunakan ukuran 18px
  • Tulisan di bagian menu atas menggunakan 15px.
Mari kita analisa lagi ukuran teks di bagian lain nya
Setelah kita menganalisa 2 bagian dari website stripe, inilah ukuran ukuran text yang digunakan
  • 94px
  • 38px
  • 24px
  • 18px
  • 15px
• • •
Kenapa ukuran teks berbeda beda?
Setiap teks memiliki fungsi dan prioritasnya masing masing. Teks berukuran besar biasanya sangat penting dan butuh terlihat secara cepat dan jelas.
Mari kita lihat gambar dibawah ini. Teks berukuran paling besar (38px) menginformasikan bahwa stripe adalah perusahaan yang paling terdepan diantara perusahaan sejenis lain nya.
Lalu teks yang besar berikutnya (24px) menginformasikan rating yang dimiliki oleh stripe sehingga bisa disebut sebagai perusahaan yang paling terdepan.
Informasi tadi penting untuk dilihat secara cepat dan jelas, agar orang yang membaca nya menaruh kepercayaan kepada Stripe.
• • •
Bagaimana cara menentukan ukuran font yang tepat untuk desain website yang sedang dibuat?
Bisa dengan mencontoh penggunaan ukuran teks dari website website yang sudah ada. Lalu setelah semua ukuran sudah sama persis tinggal kamu atur sesuai dengan seleramu.
Misalnya, saya mau bikin desain website lalu saya buka helpscout.com untuk melihat ukuran teks yang mereka gunakan.
Setelah itu ukuran ukuran teks tadi saya praktekkan pada desain website yang saya buat
Setelah itu ukuran teks nya saya sesuaikan dengan selera saya.
"Melihat ukuran teks dari website website yang sudah ada menjadi salah satu cara tercepat untuk mempelajari penggunaan ukuran teks yang tepat"
Seberapa suka kamu dengan artikel ini?
Spacing
Mempelajari pengaturan jarak antar huruf pada teks dan jarak antar baris pada paragraf