Mungkin kita semua sudah mengetahui kesederhanaan dan kekuatan dari search engine Google. Hampir semua web design dari jasa yang ditawarkan Google mulai dari Google search, Gmail, Feedburner, Webmaster Tools dsb berkonsep minimalis dengan warna dasar putih, dimana hal ini pada awalnya sangat berbeda dengan desgin web search engine kompetitor Google pada masa itu yang lebih menyukai design yang meriah. Web design Google selain berkonsep minimalis juga memakai konsep typography.
Seperti yang kita ketahui, font yang dapat dipakai untuk web design sangatlah terbatas. Namun bagi seorang web designer yang berpengalaman, dengan pilihan font yang terbatas tersebut banyak sekali hal yang bisa dilakukan dengan typography hanya dengan mengandalkan CSS syntax seperti: serif atau sans-serif, huruf besar atau kecil, Line height, spacing, besar font and padding … dan masih banyak lagi.
Dibawah ini adalah sederetan data dan pattern dari typography yang sering dipakai dalam mendesign sebuah web termasuk juga design web dari search engine Google. Dengan mempelajari pattern atau pola dari web design ini barangkali kita dapat mengambil kesimpulan untuk memudahkan kita dalam mengambil keputusan dalam mendesign web yang terkait dengan masalah typography dalam web design.
1. Serif atau Sans Serif
Apakah para web designer harus memakai serif atau sans serif untuk body copy atau judul adalah hal yang paling sering ditanyakan dalam typography web design. Beberapa web designer lebih memilih judul serif agar memberikan kesan lebih menarik dan apabila ditampilkan dalam ukuran yang sangat besar serif lebih mudah dibaca meskipun dalam jumlah besar serif akan sangat melelahkan untuk dibaca dan memberikan kesan kuno dan ketinggalan zaman. Google sendiri selalu memilih sans serif dalam setiap web designnya.
Berdasarkan situs yang kami amati, sebanyak kurang lebih 44% web designer memilih serif dan 66% memilih sans serif seperti BBC, CNN, Google, National Geographic, New Scientist dsb
- Serif font yang paling popular untuk judul adalah Georgia (28%) dan Baskerville (4%).
- Serif font yang paling popular untuk body copy adalah Georgia (32%) dan Times New Roman (4%).
- Sans serif font yang paling popular untuk judul adalah Arial (28%), Helvetica (20%) dan Verdana (8%).
- Sans serif font yang paling popular untuk body copy adalah Arial (28%), Verdana (20%) dan Lucida Grande (10%).
2. Jenis font yang paling popular
Hal yang paling mengejutkan adalah walaupun dengan bertambah popularnya tehnik font replacement dan semakin banyaknya tersedia jenis font baru yang terinstal pada OS seperti Windows Vista dan Macs, para web designer tetap memilih font yang secara tradisional merupakan hardcore font dari web design.
Arial, Georgia dan Verdana merupakan mayoritas font yang dipakai untuk body copy, hampir 80% dari web desing memakai ketiga jenis font ini. Untuk Web design Google sendiri memakai Arial untuk body copy maupun judulnya sedangkan sisanya memakai Helvetica. Dari data-data yang kami kumpulkan rupanya web designer lebih berani bereksperimen dengan font pada judul daripada untuk body copy.
3. Background warna terang atau gelap.
Untuk hal yang satu ini kita semua mengetahui bahwa dalam web design Google lebih menyukai warna putih dan memakai warna ini pada semua service yang ditawarkan kecuali Blogspot mungkin. Sejauh pengamatan kami tidak ada satu web designer pun yang berani tampil beda dengan memakai warna dasar gelap untuk web design yang murni berorientasi pada typography. Semuanya memilih web design dengan warna dasar putih, mungkin karena ingin meniru kesuksesan Google melalui web designnya.
4. Berapa banyak karakter pada sebuah baris?
Menurut aturan klasik pada typography web design, banyaknya karakter per baris yang paling baik untuk dibaca adalah 55 sampai 75. Untuk hal ini yang kita temui pada kenyataan adalah banyak sekali web designer yang mengabaikan kenyaman pengunjung dalam hal karakter untuk web design yang kebanyakan berkisar pada 75 sampai 85 karakter, yang menurut kami cukup tinggi. Dari pengamatan kami, untuk design webnya Google berada pada kisaran normal aturan klasik typography ini.
5. Besaran ratio font pada web design
Besarnya Line height dalam typography web design selalu bergantung pada besar font dan line length. Sebagai aturan yang umum semakin panjang line length maka line height sebaiknya juga semakin panjang. Berikut ini adalah beberapa ratio yang umum kami temui dalam situs-situs yang kami lihat:
- Rasio line height terhadap besar font untuk body copy adalah 1,48
- Rasio line length terhadap line height adalah 27
- Rasio jarak antara paragraf terhadap line height adalah 0,75
