Pada awal permulaan desain web, tipografi agak terabaikan. Pilihan huruf sangat terbatas sehingga keputusan terbesar yang dibuat seringkali "serif vs sans-serif". Bagaimana pun juga waktu telah berubah.
Web modern menyediakan sejumlah besar font untuk dipilih. Ditambah lagi, desain dan CSS telah berevolusi sampai pada titik dimana tipografi sering berada di depan dan di tengah tampilan situs dan merupakan kunci dari aksesibilitasnya.
Singkatnya, kita menuju dari hampir tidak memiliki pilihan ke pilihan-pilihan palet yang nyaris tak terbatas.Itu berarti kita perlu membuat keputusan yang tepat sejak awal dalam proses perancangan Dengan pemikiran tersebut, inilah beberapa praktik terbaik yang harus dipertimbangkan saat memilih font khusus untuk situs web anda. Sepanjang tiap-tiap tips, kami akan memberikan beberapa contoh menggunakan pilihan font cantik yang tersedia dengan berlangganan di Envato Elements.
1. Mudah dibaca dan Terpenting
Apakah kita sedang membicarakan tipografi untuk judul atau teks isi, kemudahan saat dibaca harus menjadi prioritas utama. Hal ini sangat penting ketika hadir ke dalam perangkat mobile. Meskipun Anda mungkin ingin tampil menarik dan mudah dibaca di layar desktop yang besar, tidak semua font ideal untuk ponsel atau tablet. Cobalah untuk menghindari karakter yang terlalu lebar, kecuali jika anda yakin bahwa judul akan dijaga sampai panjang minimal.
Teks isi haruslah bersih, dengan garis yang cukup dan (jika sesuai) memberikan beberapa spasi karakter untuk ruang bernafas konten. Garis atau karakter yang terlalu berdekatan akan menghasilkan konten yang sulit dibaca.
Secara keseluruhan, tipografi bisa menyenangkan dan memilik gaya, namun memastikannya mudah dibaca adalah yang utama.
Salah satu hal pertama yang harus dilakukan saat membuat situs web adalah memikirkan target audiens anda. Informasi demografis seperti usia, jenis kelamin, tingkat pendidikan dan pendapatan harus menjadi pertimbangan utama. Font mendefinisikan karakter, dan merupakan bagian penting yang menarik bagi orang yang ingin anda jangkau.
Misalnya, sebuah situs web untuk sebuah dealer mobil mewah akan mendapatkan keuntungan dari sebuah font yang mencerminkan kemewahan produk tersebut. Seorang penghibur anak, di sisi lain, akan disarankan untuk memilih sesuatu yang menyenangkan dan informal.
Jika halaman memiliki beberapa bagian konten teks, penggunaan font header yang baik dapat membantu pengguna membedakannya dari yang lain. Terbukti untuk mencapai hal ini dalam menggunakan gaya font yang berbeda untuk teks isi dan header. Seringkali, kita melihat situs web yang menggunakan font bertipe serif untuk tajuk utama dan sans-serif untuk konten. Meskipun sangat dapat diterima untuk menggunakan jenis yang sama untuk teks header dan body, anda mungkin ingin mempertimbangkan tebal font atau warna yang berbeda untuk memastikan bahwa judul dapat lebih menonjol.
Strategi lain yang perlu dipertimbangkan adalah penggunaan glyphs atau icon fonts (meski langsung menggunakan SVG untuk menghiasi halaman web anda memang cenderung memberi kontrol lebih). Misalnya, menggunakan ikon panah next akan membantu header untuk menonjol. Ini dapat dilakukan melalui pseudo-selector CSS untuk ditampilkan sebelum tag heading tertentu.
Salah satu aspek tipografi yang bagus adalah, sementara font yang Anda pilih bisa berbeda, keduanya sesuai dengan beberapa hal. Sebagai contoh, anda mungkin tidak ingin menggunakan dua tipikal serif yang saling berlawanan untuk teks pada heading dan body teks. Cara unik dimana serif dirancang dapat menyebabkan sedikit bentrokan saat beberapa gaya digabungkan.
Namun, ini adalah sedikit area yang subjektif. Kita semua memiliki selera dan komunikasi yang berbeda dengan cara kita sendiri. Saat memilih font, gunakan penilaian terbaik anda untuk mengetahui apa yang terjadi jika digunakan bersamaan.
Memasangkan font bisa menjadi tantangan tersendiri. Memilih dua atau lebih font yang bekerja dengan baik adalah satu hal - memilih dua yang bekerja secara bersamaan untuk mencapai tipografi anda ...
Dengan begitu banyak pilihan menyenangkan, anda mungkin merasa seperti pepatah seorang anak di toko permen saat menentukan font mana yang akan digunakan. Tapi untuk memberi dampak paling besar, anda akan merasa paling baik membatasi desain anda dengan tidak lebih dari dua atau tiga tipografi. Itu akan membantu menciptakan keseimbangan dalam desain anda dan umumnya mempermudah pengguna untuk mengikuti.
Selanjutnya, memuat font khusus tidak memakan sumber daya bandwidth dan server-sesuatu yang dapat berdampak nyata pada waktu muat. Jadi, untuk menjaga agar segala hal terlihat dan tampil di tingkat tinggi, batasi jumlah font yang digunakan di situs Anda.
Berbagai macam font yang tersedia, ditambah dengan metode ampuh untuk menerapkannya, telah membawa tipografi web dari bayang-bayang dan menjadi sorotan. Tipografi memberi desainer kebebasan untuk mengekspresikan kreativitas mereka lebih dari sekadar grafis.
Dan, dengan lebih dari 1.300 font yang tersedia, Envato Elements adalah sumber yang sangat luas untuk pembuat tipografi yang kuat. Untuk harga berlangganan bulanan, Anda memiliki akses tak terbatas ke font dan banyak hal lainnya. Ini adalah cara yang bagus untuk memanfaatkan kreativitas anda.
A professional web designer since 1996, I also write for both consumers and other pros. I’d like to think that I'm a voice of reason in a sometimes irrational industry.
