Apakah Anda pernah merasa kewalahan dengan pemikiran merancang sebuah situs
web? Dengan 100.000 font berbeda dan 16,8 juta warna di web, kemungkinannya
hampir tidak terbatas. Bagi sebagian orang, imajinasi Anda mungkin melambung setinggi gedung pencakar langit. Bagi yang lain, Anda mungkin merasa sangat lumpuh, Anda lebih suka
menonton sinetron televisi. Jika pemikiran untuk mendesain situs web membuat Anda kewalahan, Anda tidak
sendirian. Bersama-sama, kita akan melalui panduan langkah demi langkah tentang
tipografi web yang akan memakan waktu 10 menit. Jika Anda mengikutinya langkah
demi langkah, Anda akan menerapkan praktik terbaik tipografi web untuk
memungkinkan komunikasi yang jelas. Anda akan merancang pengalaman membaca yang
indah dan nyaman.
1. Pilih font Setiap kalimat yang Anda baca di layar menggunakan font. Ini mengontrol suasana hati dan penampilan visual. Berikut adalah daftar 7 font web desain flat ui terbaik. 2. Ubah ukuran font Secara tradisional, web telah menyiksa kita dengan font kecil. Studi
penelitian menunjukkan bahwa ukuran font yang besar membangkitkan perasaan yang
lebih kuat dan menyampaikan makna. Jadi bagaimana Anda menentukan ukuran font? Mulailah dengan teks isi, ubah ukuran font menjadi 15–25px. Di sebelah kiri, ukuran font diatur ke default 12px. Ukuran font yang
begitu kecil akan membuat mata Anda menjadi tegang. Setelah menaikkan ukuran
font menjadi 15px, maka pembacaan jauh lebih baik.
Bukankah ukuran font 15px terasa jauh lebih baik di mata Anda?
3. Skalakan judul Anda Judul berfungsi sebagai penunjuk arah bagi pembaca sehingga mereka dapat
dengan cepat mencerna keseluruhan struktur artikel Anda. Batasi diri Anda pada
dua tingkat judul. Ubah judul utama menjadi 180–200% dari teks isi. Jika Anda memiliki judul
sekunder, ubah menjadi 130–150% dari teks isi.
4. Atur spasi baris Terkadang membaca teks sangat menegangkan karena tidak ada ruang kosong
untuk membiarkannya bernafas. Untuk membuat blok teks lebih mudah dibaca, atur spasi baris menjadi
120–145% dari ukuran titik.
5. Tambahkan tracking dan
kerning agar teks terlihat lebih lapang tracking memengaruhi spasi di antara karakter dalam
grup teks, gunakan dua aturan ini: • Gunakan lebih sedikit spasi
untuk ukuran font yang lebih besar • Gunakan lebih banyak spasi untuk tajuk utama Kerning adalah
jumlah spasi antara dua karakter.
6. Tambahkan spasi putih antara header
dan teks isi Ruang negatif memengaruhi cara Anda memusatkan perhatian pada konten. Spasi
antara header dan teks isi harus terasa terbuka dan ringan, tetapi tidak cukup
ketat untuk menandakan hubungan yang jelas antara elemen. Saat Anda mengatur header dan body copy, ruang putih harus 15px, 20px atau
30px. 7. Gunakan panjang garis 45–90
karakter Praktik terbaik lainnya adalah membatasi lebar blok teks. Panjang baris yang optimal untuk satu halaman kolom adalah 45–90 karakter.
Lebar ideal blok teks adalah 66 karakter.
Jika Anda menggunakan lebih dari 90
karakter per baris, pembaca Anda akan merasa kewalahan. Mereka akan
meninggalkan teks yang dibacanya. Secara psikologis, pikiran bawah sadar
Anda menjadi bersemangat setiap kali Anda pindah ke baris berikutnya.
Di awal setiap baris baru, perhatian Anda menjadi terfokus. Namun, fokus perlahan memudar saat Anda membaca kata-kata yang terlampau kecil. |