Mengapa Tipografi Penting untuk Situs Web Anda

Memasarkan konten seseorang adalah strategi utama dalam menarik klien baru, mempertahankan pelanggan, serta menghasilkan konversi, baik dalam bentuk suka, langganan, prospek, atau penjualan.

Konten dapat eksis sebagai pesan itu sendiri, karena kita semua cenderung berpikir bahwa pesan itu tidak berubah, tidak peduli apa fontnya, atau bagaimana mengemasnya.

Atau apakah itu?

Mari kita pikirkan bagaimana pesan itu dibuat. Dari sudut pandang linguistik dan semantik, ide utama muncul di benak, dan kata-kata kemudian dipilih dengan cermat untuk membingkai pesan. Untuk berkomunikasi secara efektif, Anda perlu mengenal audiens Anda dan dapat mengantisipasi bagaimana mereka akan merespons kata-kata yang Anda pilih.

Kata-kata ini harus dibaca untuk selanjutnya dipahami, diproses, dan dicerna. Tetapi untuk membuat audiens Anda membaca, Anda harus menyajikan pesan Anda dengan cara yang tepat dan efektif.

Presentasi sangat penting. Kebanyakan orang akan mengharapkan cincin berlian berada di dalam kotak dari toko perhiasan, bukan kantong kertas cokelat kusut, dan tidak ada yang mau repot mencari yang terakhir hanya untuk menemukannya. Tipografi adalah tentang menyajikan dan mengemas konten, yaitu pesan yang Anda coba sampaikan kepada audiens Anda.

Apa itu Tipografi?

Tipografi hanyalah cara di mana teks diatur pada dokumen, atau untuk tujuan artikel ini, pada halaman web. Ini sering dianggap sebagai seni, terutama karena tipografi terkait erat dengan kreativitas dan inovasi. Tipografi memiliki banyak tujuan, mulai dari menggarisbawahi tema, mendefinisikan kepribadian, menekankan ide, menampilkan emosi, membangkitkan minat, dan membangun estetika desain secara keseluruhan. Ini adalah persimpangan tata letak dan konten dan merupakan bagian integral dari desain web untuk situs web apa pun.

Elemen Tipografi yang Layak Dipertimbangkan

Tipografi mencakup sejumlah elemen yang mempengaruhi dan dipengaruhi oleh desain web, termasuk pilihan font, palet warna, ukuran, panjang garis, tata letak, dan integrasi dengan desain. Penting untuk mengetahui semua faktor ini agar dapat menggunakan tipografi secara efektif.

1. Tipografi: adalah hal pertama yang terlintas dalam pikiran ketika kita berpikir tentang tipografi. Beberapa bahkan menggunakan istilah "font" dan "tipografi" secara bergantian, namun font hanya terdiri dari subset dari apa yang membentuk tipografi. Tipografi hanya merujuk pada nama gaya teks yang sedang digunakan. Contohnya termasuk Helvetica, Times, Papyrus dan Arial.
2. Font: Kebanyakan orang menggunakan "font" dan "jenis huruf" secara bergantian juga, tetapi jika kita spesifik, font mengacu pada gaya jenis huruf tertentu, yang menunjukkan ukuran, tinggi, lebar, dan gaya. Arial Narrow, ukuran 14, huruf miring adalah font. Begitu juga Myriad Pro Regular, ukuran 12.
3. Pelacakan: Ini adalah ruang antara karakter atau kelompok karakter dalam blok teks. Sementara pelacakan cenderung relatif standar, dapat disesuaikan untuk mempengaruhi kepadatan teks.
4. Kerning: Sedangkan pelacakan adalah istilah yang lebih umum, kerning mengacu secara khusus pada jarak antara huruf dan karakter individu, biasanya di bidang horizontal.
5. Panjang Baris: ini mengacu pada panjang teks yang berjalan dari kiri ke kanan melintasi halaman. Ini dapat diubah dengan menyesuaikan margin, kerning, dan ukuran font. Semakin panjang garis, semakin sulit untuk dibaca.
6. Memimpin: Memimpin adalah ukuran ruang antara tempat huruf berada dalam kaitannya dengan baris teks tepat di atas dan di bawah.

Elemen-elemen ini penting dalam memengaruhi cara halaman dibaca. Kebanyakan orang hanya fokus pada font dan tipografi saja sementara mengabaikan bagaimana penyesuaian kecil dalam pelacakan, kerning, panjang garis dan memimpin dapat memiliki hasil yang dramatis dan berharga.

Mengapa?

Tipografi Menggarisbawahi Kepribadian Visual Situs Web

Pada pandangan pertama, pengunjung situs web Anda harus dapat menentukan tentang apa itu semua. Ada banyak psikologi yang berperan di sini, dan banyak subteks dikembangkan hampir secara instan.

Dengan mengambil isyarat dari warna, tata letak, dan tipografi, mereka dapat merasakan nada, suasana hati, pesan, dan tema yang menyeluruh bahkan tanpa harus mempelajari konten tertulis atau melihat gambar. Dalam beberapa detik, pengunjung akan memutuskan apakah mereka adalah anggota audiens target atau mengabaikan situs web tersebut karena bukan untuk mereka.

Tipografi membantu mencapai tujuan ini, karena interaksi elemen visual individu bekerja secara sinergis satu sama lain untuk memperoleh respons emosional yang diinginkan.

Tipografi Membantu Menentukan Merek Anda

Merek Anda lebih dari sekadar logo. Sama seperti merek dagang Nike Swoosh, atau Siren Starbucks, tipografi untuk nama merek yang sebenarnya sama-sama dapat dikenali dan berkontribusi pada persepsi merek.

Ambil merek terkenal apa pun dan cukup ubah fontnya menjadi yang lain. Bahkan jika merek menggunakan font yang digunakan dalam banyak konteks lain, kombinasi tipografi dan logo berkontribusi pada bagaimana orang mengidentifikasi dan memandang merek sedemikian rupa sehingga keduanya tidak dapat dipisahkan.

Tak perlu dikatakan bahwa jika Anda memiliki logo ikonik dan dilengkapi dengan tipografi yang tepat, kombinasi tersebut menonjol di benak pelanggan Anda, membawa merek Anda ke depan.

Tipografi Memfokuskan Perhatian Pembaca Anda

Seperti yang kami singgung sebelumnya, konten di situs web Anda mungkin kaliber tertinggi, tetapi jika tidak disajikan secara efektif, upaya Anda akan sia-sia. Salah satu cara untuk membuat pembaca Anda terjun langsung adalah dengan menggunakan tipografi untuk keuntungan Anda. Semua elemen yang disebutkan di atas berkontribusi pada bagaimana konten Anda tidak hanya dirasakan tetapi juga dialami.

Tanyakan kepada siapa pun apakah mereka pernah membaca sesuatu yang diterbitkan di Comic Sans dan menganggapnya serius. Kemungkinannya adalah, mereka mungkin menganggap pesan itu basi atau sepele. Lebih baik lagi, berikan mereka "dinding teks" yang ditakuti, di mana setiap kata memiliki font yang sama dan setiap baris dibenarkan. Mereka mungkin mengalami kesulitan untuk melewati paragraf pertama, bahkan jika topiknya adalah sesuatu yang benar-benar mereka minati.

Perubahan kecil dalam jenis huruf dan ukuran, tata letak, dan warna dapat membuat perbedaan besar dalam keterbacaan artikel, membantu menekankan poin-poin penting dari pesan Anda, dan pembaca Anda akan menghargai usaha Anda.

Tipografi Menjaga Konsistensi Situs Anda Tetap Utuh

Tipografi adalah perekat yang mengikat berbagai elemen situs web Anda bersama-sama.

Pengunjung situs web Anda mencari konsistensi; dan itu tidak selalu berarti tampilan cookie-cutter generik ke situs web Anda yang membuatnya terlihat seperti milik orang lain. Elemen harus bekerja dengan baik secara internal satu sama lain, dari bagian atas halaman hingga tombol Ajakan Bertindak. Mesin telusur cenderung menyukai konten yang disajikan dengan baik, dan kinerja situs web Anda di Analytics akan mencerminkan konsistensi. Selain itu, pengguna Anda harus dapat menemukan apa yang mereka cari dan tidak perlu menghabiskan beberapa menit berkeliaran di situs web Anda, menjadi frustrasi di setiap langkah.

Tipografi dapat memperkuat keseragaman situs Anda, atau mengekspos kekurangannya, dan tingkat konversi Anda akan menunjukkan pengalaman pengguna yang dimiliki pembaca Anda saat mereka berkunjung.

Cara Membuat Tipografi Bekerja Untuk Anda

Font, Tipografi dan Variasinya

Sangat penting untuk mengetahui jenis tipografi yang Anda miliki, atau setidaknya terbiasa dengan yang ingin Anda gunakan. Font datang dalam berbagai variasi, dan beberapa perbedaannya tidak kentara. Namun nuansa ini dapat berdampak pada presentasi, jadi kenali pilihan Anda saat Anda mengembangkan kepribadian dan keberadaan situs web Anda.

Ribuan Font dalam Beberapa Kategori

Anda dapat menghabiskan berjam-jam, berhari-hari, atau bahkan berminggu-minggu mencari font untuk digunakan, dan masih belum yakin bahwa Anda telah menemukan apa yang Anda cari. Untungnya, font mudah diklasifikasikan ke dalam kategori rapi dengan sedikit tumpang tindih.

1. Serif : Serif adalah penonjolan kecil pada akhir goresan, biasanya terlihat di bagian bawah, tetapi juga di bagian atas atau tepi paling kanan atau kiri huruf. Sebagai contoh, huruf kecil "m" atau "n" dari font ini tampaknya memiliki "kaki" di atasnya. Contoh font serif termasuk Times, Baskerville, dan Cambria.
2. Sans Serif : Font ini tidak memiliki goresan terminal, atau "kaki" di atasnya. Mereka memiliki tampilan yang bersih, ramping atau minimalis, tetapi terkadang lebih sulit dibaca pada ukuran yang lebih kecil. Contoh font ini termasuk Arial, Helvetica, dan Calibri.
3. Script : font dekoratif ini populer karena penampilannya yang elegan, dan sering ditemukan pada undangan pernikahan, sertifikat, dan dokumen serupa. Untuk menggunakannya secara efektif, gunakan dengan hemat, dengan banyak ruang, dan pada ukuran yang cukup besar untuk menghargai karya seni mereka.
4. Tampilan : Jenis font ini sering terlihat pada poster film, papan nama, dan headline surat kabar. Mirip dengan font skrip, gunakan ini hanya untuk penekanan, karena terlalu banyak bisa membuat Anda kewalahan.
5. Hand Lettering : Sesuai dengan namanya, font ini memiliki tampilan yang dibuat dengan tangan, menirukan tulisan tangan seorang anak; atau coretan informal dan tergesa-gesa di papan tulis. Keuntungan dari font ini adalah mereka membawa elemen manusia yang tidak dimiliki kategori lainnya.

Konten yang Dapat Dibaca Akan Dibaca

Keterbacaan memiliki sejumlah faktor. Selain konten itu sendiri, pertimbangkan semua elemen tipografi, terutama penggunaan ruang. Kerning dan pelacakan dapat membuat perbedaan besar dalam kemampuan seseorang untuk memindai teks isi.

Berikan konten tertulis Anda banyak ruang bernapas, tambahkan jarak yang cukup antara huruf, kata, baris, dan bagian individual untuk dapat memproses unit dengan cara yang bermakna.

Pertahankan panjang baris antara 50 dan 75 karakter per baris. Ini berarti menggunakan sekitar 10 sampai 15 kata, apakah garis itu dibenarkan atau tidak.

Pemilihan Font

Font yang Anda pilih untuk proyek Anda, apakah itu branding situs web, produk individu, lini produk, atau seluruh perusahaan, dapat memengaruhi dan mengarahkan perilaku audiens Anda untuk mendukung atau menolak proyek sama sekali. Pastikan untuk mempertimbangkan dampak dari pilihan Anda pada bagaimana mereka memanggil audiens Anda untuk bertindak.

Ini menjadi semakin penting jika merek Anda memiliki identitas yang mapan, dan audiens Anda dapat mengenali merek Anda hanya dengan font yang digunakan dalam merek Anda. Mengubah hal-hal dapat berdampak negatif pada audiens Anda, dari hilangnya kepercayaan pada merek Anda, atau kecurigaan bahwa kualitas produk Anda telah berubah menjadi lebih buruk.

Menguasai Kehalusan

Tipografi membawa karakter dan makna hanya dengan menambahkan variabilitas dalam penampilan. Menemukan tipografi dengan keseimbangan kepribadian yang tepat bisa sangat sulit. Isyarat visual dan karakteristik font menambahkan elemen emosi, nada, dan daya tarik yang dapat menutupi kata-kata yang sebenarnya.

Saat bekerja dengan desainer grafis untuk mengembangkan situs web atau merek Anda, pastikan untuk bertanya kepada mereka mengapa mereka memilih font tertentu untuk proyek Anda. Desainer yang baik akan sangat akomodatif dalam menjelaskan pilihan mereka, dan Anda juga dapat memperoleh wawasan tentang pemikiran mereka.

Kesimpulan: Temukan Apa yang Berhasil (Dan Patuhi Itu)

Dibutuhkan banyak waktu dan upaya untuk menetapkan tipografi yang sesuai untuk situs web Anda, dan Anda mungkin membuat beberapa kesalahan di sepanjang jalan. Font dan tipografi baru sedang dibuat dan dirilis setiap hari, dan tata letak serta tema yang saat ini efektif pada akhirnya akan menjadi basi dan ketinggalan zaman. Tetapi begitu Anda menemukan apa yang cocok untuk Anda, tetaplah menggunakannya, dan perhatikan konversinya naik.