Tutorial Mini – Panduan untuk Kombinasi Font

“Tipografi adalah arsitektur dua dimensi, berdasarkan pengalaman dan imajinasi, dan dipandu oleh aturan dan keterbacaan.” —Herman Zapfi

Hanya beberapa tahun yang lalu, desainer sangat dibatasi dalam pilihan font web mereka. Opsi umumnya terbatas pada font sistem dan berharap pengunjung situs menginstal font tersebut.

Sementara font web secara teknis dimungkinkan di akhir 90-an, mereka tidak digunakan secara luas hingga 2009, ketika format WOFF tersedia dan menjadi bagian dari standar terbuka W3C. Itu membuka dunia pilihan tipografi yang sama sekali baru bagi para desainer.

Dan di situlah letak dilemanya: sekarang ada ribuan tipografi yang tersedia untuk desainer web, bagaimana cara membuat kombinasi font yang bekerja sama dengan baik dan mendukung konten yang disajikan?

Tipografi yang baik dan menggunakan kombinasi font terbaik meningkatkan desain dari rekan-rekannya dan menciptakan pengalaman pengguna yang lebih menyenangkan. Kombinasi jenis yang efektif menambah minat visual pada desain yang dapat membuat pengunjung tetap berada di halaman lebih lama.

Jenis yang buruk, sebaliknya, dapat membuat konten lebih sulit untuk dibaca dan kurang menyenangkan bagi orang yang membacanya.

Belajar untuk menggabungkan font secara efektif merupakan batu loncatan penting dalam pendidikan seorang desainer, dan salah satu yang harus terus disempurnakan dan ditingkatkan. Desainer yang menguasai tipografi bahkan dapat membuat desain yang paling sederhana menjadi lebih efektif. Mengikuti panduan tipografi dasar untuk menggabungkan font adalah tempat terbaik untuk memulai. Setelah "aturan" tersebut dikuasai, desainer dapat mengembangkan dan bereksperimen untuk membuat kombinasi tipografi yang membengkokkan atau melanggar aturan tersebut.

Jenis Karakteristik

Dengan ratusan ribu tipografi yang tersedia, mencoba mencari tahu dari mana harus memulai bisa sangat melelahkan, bahkan untuk desainer tingkat lanjut. Memahami karakteristik tipografi yang berbeda adalah langkah pertama dalam mempelajari cara menggabungkannya secara efektif.

Mempelajari bagaimana karakteristik ini berhubungan satu sama lain memungkinkan desainer untuk menggabungkan font dengan percaya diri dan bereksperimen dengan kombinasi yang tidak terduga. Eksperimen dan praktik adalah tempat para desainer dapat benar-benar mengasah keterampilan kombinasi font mereka dan membuat desain yang membedakan mereka dari pakar lainnya. Terkadang, mendengarkan intuisi mereka adalah cara terbaik untuk membuat pasangan jenis huruf yang benar-benar bersinar.

Klasifikasi

Klasifikasi jenis huruf adalah salah satu konsep yang paling mendasar untuk dipahami. Ada empat klasifikasi utama untuk dipelajari: serif, sans serif, script, dan dekoratif.

Jenis huruf serif dan sans serif cocok untuk judul dan teks isi. Script (kadang-kadang juga disebut font tulisan tangan) dan tipografi dekoratif, bagaimanapun, umumnya hanya dapat diterima untuk headline dan judul, atau potongan kecil teks lainnya.

Font serif dianggap lebih mudah dibaca untuk potongan teks yang panjang (seperti teks isi), terutama dalam desain cetak, di mana fitur serif dapat membantu mengarahkan mata pembaca di sepanjang setiap baris. Tapi tipografi sans serif juga bisa sangat mudah dibaca dan unggul dalam ukuran yang lebih kecil (seperti yang digunakan untuk keterangan atau informasi meta).

Sans serif juga lebih populer untuk digunakan di web dan secara luas diyakini lebih mudah dibaca daripada tipografi serif. Bagian dari itu berasal dari hari-hari awal komputasi, ketika layar resolusi lebih rendah membuat font serif agak buram, tergantung pada ukurannya. Dengan layar HD dan Retina modern, ini bukan masalah dan tipografi serif dan sans serif dapat digunakan secara efektif.

Menggabungkan tipografi dari klasifikasi yang berbeda seringkali lebih sederhana daripada menggabungkan dalam klasifikasi, karena ada tingkat kontras antara font yang sudah ada di dalamnya. Yang mengatakan, itu juga mungkin untuk secara efektif menggabungkan tipografi di kelas yang sama, selama karakteristik lain dipertimbangkan.

Bobot

Berat mengacu pada ketebalan font dalam jenis huruf. Tipis, teratur, setengah tebal, tebal, dan hitam adalah contoh bobot.

Kontras antara bobot sangat penting saat menggabungkan tipografi. Menggabungkan font yang sangat tebal dengan font yang sangat ringan seringkali terasa tidak seimbang. Tetapi menggabungkan tipografi dengan bobot yang sama juga bisa menjadi tantangan.

Sebagai gantinya, terutama ketika memulai dengan kombinasi font, menemukan tipografi yang memiliki perbedaan berat yang mencolok tetapi tidak ekstrim adalah yang paling mudah. Desainer dapat bercabang dari sana ke perbedaan yang lebih menonjol.

Gaya

Meskipun gaya terkadang digunakan secara bergantian dengan klasifikasi, dalam hal ini, gaya mengacu pada font baik yang normal , miring , atau miring .

Saat menggabungkan font di mana gaya yang berbeda digunakan, penting untuk memastikan bahwa gaya miring atau miring bekerja sama dengan baik seperti gaya normal. Terkadang gaya miring sangat berbeda dari gaya normal font yang sama, yang dapat membuat font yang seharusnya bekerja sama dengan baik tiba-tiba berbenturan.

Kontras

Kontras dalam menggabungkan tipografi bisa jadi rumit. Kontras yang terlalu sedikit dapat membuat font berbenturan, sementara kontras yang terlalu banyak dapat menyebabkan hal yang sama.

Kontras saat menggabungkan font mengacu pada perbedaan font, termasuk klasifikasi, bobot, gaya, dan struktur.

Saat memulai, yang terbaik adalah fokus pada kontras antara hanya satu atau dua hal itu, sambil memastikan yang lain sangat mirip. Berat adalah salah satu cara termudah untuk membuat kontras antara font. Seperti yang telah disebutkan, terlalu banyak kontras dalam berat bisa sama menggelegarnya dengan terlalu sedikit.

Cara mudah lainnya untuk membuat kontras adalah dengan menggabungkan klasifikasi font yang berbeda, seperti sans serif dan serif atau script dan serif, dll. Dalam kasus ini, memastikan mood kedua font cocok adalah penting.

Misalnya, menggabungkan font yang lebih kasual seperti Amatic SC dengan font yang sangat formal seperti Baskerville akan berbenturan daripada kontras. Tetapi menggabungkan sesuatu seperti Amatic SC dengan font kasual lain seperti Josefin Slab bekerja dengan sangat baik.

tinggi X

X-height mengacu pada tinggi karakter individu dalam tipografi, khususnya huruf kecil x . Tipografi dengan tinggi x yang sama akan bekerja lebih baik bersama-sama daripada dengan tinggi x yang bervariasi.

Struktur

Struktur yang mendasari tipografi mencakup semua karakteristiknya, ditambah hal-hal seperti bentuk dasar karakter dan jaraknya. Membuat kontras dengan struktur font adalah metode yang mapan untuk menggabungkan font. Tetapi ada baiknya memilih font yang setidaknya memiliki beberapa elemen struktural yang sama (seperti tinggi-x atau bobot gaya "normal") daripada font yang sangat berbeda.

Suasana hati

Suasana hati adalah salah satu bidang tipografi yang lebih subjektif. Ini mengacu pada seberapa formal atau informal suatu jenis huruf, serta apakah itu menyenangkan, feminin, maskulin, santai, serius, dll.

Misalnya, Comic Sans adalah font yang sangat informal yang tidak pantas untuk digunakan di sebagian besar situasi. Bickham Script, di sisi lain, sangat formal tetapi memberikan kesan yang salah untuk hal-hal seperti korespondensi bisnis.

Saat menggabungkan font, penting untuk menemukan tipografi dengan suasana hati yang serupa. Menggabungkan font yang menyenangkan dengan font yang sangat serius akan sangat menarik perhatian.

Dekorasi, Warna, dan Tekstur

Hal-hal ini bukanlah karakteristik yang melekat pada tipografi, tetapi mereka berguna saat menggabungkan font. Menyatukan (atau menciptakan lebih banyak kontras) melalui warna, dekorasi (seperti menggarisbawahi), dan tekstur bisa menjadi teknik yang sangat efektif.

Kombinasi Font yang Efektif

Ada persediaan situs yang tampaknya tak ada habisnya dengan tipografi yang indah di luar sana, bersama dengan persediaan yang tak ada habisnya dari situs-situs dengan tipe buruk atau hanya loyo. Mempelajari situs yang melakukannya dengan benar adalah cara yang bagus untuk mempelajari cara menggabungkan font ketika desainer memulai atau mencoba meningkatkan keterampilan mereka ke tingkat berikutnya.

Work Notes menggabungkan jenis huruf serif Adobe Caslon Pro dengan sans serif Interstate untuk membuat kombinasi jenis yang memiliki anggukan terhadap tradisi tanpa merasa basi atau kuno. Menggabungkan bobot dan gaya yang berbeda menambah minat visual tambahan dan membuat tipografi terasa lebih kompleks daripada yang sebenarnya.

Adjuvant Capital menggunakan jenis huruf serif modern yang sedikit aneh Orpheus Pro dikombinasikan dengan jenis huruf sans serif GT America modern. Untuk perusahaan jasa keuangan, ini adalah pilihan yang sangat modern tetapi bekerja dengan baik dengan misi mereka untuk investasi global yang bertanggung jawab secara sosial.

Bloomscape menggunakan jenis huruf kasual serif Morion bersama dengan sans serif Raisonne untuk menciptakan desain tipografi modern yang mencolok. Morion tidak selalu menjadi pilihan yang jelas untuk tipe tubuh karena bentuk hurufnya yang lebih dekoratif, tetapi ketika digunakan pada ukuran yang sesuai (seperti di sini), itu bagus untuk potongan teks tubuh yang lebih pendek. Raisonne memiliki bentuk huruf dekoratif yang serupa, yang membuat kedua font web bekerja sama dengan indah.

Vogue menggunakan jenis huruf Savoy serif yang modern dan elegan yang dipasangkan dengan sans serif Franklin Gothic yang aneh, yang awalnya dirancang pada tahun 1902. Kombinasi keduanya menciptakan desain jenis kelas atas yang menarik bagi audiens berbudaya yang menjadi target majalah.

Majalah gaya hidup Selatan Garden & Gun memiliki tipografi yang lebih kompleks di situs mereka daripada yang lain termasuk di sini, yang benar-benar membedakannya. Situs ini menggunakan empat tipografi utama: Judul artikel utama adalah Tampilan Domain serif; teks isi dan beberapa tajuk utama di beranda adalah font serif Domaine Text; informasi meta, navigasi, dan header bagian menggunakan sans serif Avenir Next; dan tajuk bagian tambahan di beranda ada di Tampilan Domaine Sans.

Menggunakan banyak font dari dalam keluarga tipe yang lebih besar adalah cara yang terbukti benar untuk membuat desain tipografi kompleks yang terkoordinasi dengan sempurna. Menambahkan di Avenir Berikutnya memecah segalanya dan menambahkan minat visual tambahan.

Pilihan jenis huruf Anda sama pentingnya dengan apa yang Anda lakukan dengannya.

— Bonnie Siegler

Kesimpulan

Kombinasi font yang efektif adalah ciri khas desain yang baik. Desainer harus menguasai keterampilan ini jika mereka ingin membuat desain luar biasa yang membedakan mereka dari orang-orang sezamannya.

Pertimbangkan panduan yang disertakan di sini sebagai titik awal untuk mengeksplorasi cara menggabungkan tipe secara efektif. Fondasi yang kokoh memungkinkan eksperimen yang lebih efisien, tanpa menghabiskan waktu berjam-jam untuk kombinasi yang sama sekali tidak cocok. Dari sini, desainer dapat berlatih menciptakan gaya dan metode mereka sendiri untuk menggabungkan font secara efektif, menyimpang dari pedoman seperlunya dengan lebih percaya diri bahwa produk akhir mereka akan menyenangkan pengguna.

Bacaan lebih lanjut di Blog Desain Toptal:

• Merancang untuk Keterbacaan – Panduan Tipografi Web (dengan Infografis)
• Memahami Nuansa Klasifikasi Typeface
• Membedah Seluk-beluk Anatomi Tipografi (dengan Infografis)
• Bagaimana Menyusun Hirarki Tipografi yang Efektif
• Gaya Jenis Huruf untuk Desain Web dan Cetak