Mungkin sulit untuk memilih tipografi untuk desain online Anda. Dan terlalu mudah untuk menghabiskan banyak waktu dalam pengembangan desain web, mengganti jenis demi jenis tanpa pernah sampai di sana. Mari kita lihat semua yang perlu Anda ketahui tentang pemasangan font.
Menggabungkan Font dalam Desain Web Anda
Seperti banyak bagian desain lainnya, tipografi memiliki panduan untuk menyederhanakan menemukan pasangan tipografi yang ideal. Kami akan menunjukkan cara mencampur font, dan kami akan memberi Anda beberapa kombinasi hebat untuk bisnis Anda.
1. Gunakan font yang memiliki nada berbeda
Menulis dapat menyampaikan emosi. Tipografi yang kita gunakan untuk mengekspresikan kata-kata mempengaruhi pikiran kita juga. Banyak font yang serius dan profesional, sementara yang lain menyenangkan dan informal. Kepribadian tipografi mengungkapkan makna pada teks yang mereka tampilkan. Saat memilih font situs web, menggabungkan berbagai nada dengan tipografi menciptakan kontras yang menakjubkan secara visual.
Pertimbangkan nada siapa atau apa yang akan diwakili situs web saat memilih kombinasi font. Jenis huruf yang bahagia akan sesuai untuk perusahaan mainan, tetapi mungkin terlihat aneh di situs web perusahaan resmi. Di sisi lain, Serif yang terlalu serius mungkin lebih cocok untuk sesuatu yang ringan.
Salah satu faktor terpenting untuk dipertimbangkan adalah jenis huruf apa yang akan Anda gunakan untuk header dan body copy. Tingkat heading memberikan kelonggaran yang lebih besar dalam gaya tipografi karena mereka memiliki skala yang lebih besar. Font yang enak dilihat diperlukan untuk body copy dalam ukuran teks yang lebih kecil.
Jangan takut untuk menggunakan tipografi yang berlawanan dalam tata letak situs web Anda; kadang-kadang, kontrasnya mungkin menarik minat.
2. Gunakan pasangan jenis huruf yang berbeda, tetapi tidak terlalu banyak
Hindari mencampur tipografi di header yang hampir identik dengan yang digunakan di body copy. Gunakan beberapa tipografi yang berbeda secara visual namun tetap saling melengkapi.
Apa yang terjadi jika kita menggabungkan jenis huruf dengan kaligrafi yang berkembang seperti Great Vibes, misalnya, dan jenis Serif seperti Merriweather? Akibatnya, desainnya kurang seimbang dan memiliki rasa kontras yang tidak menyenangkan.
Perkembangbiakan dan putaran Great Vibes memiliki nuansa yang menenangkan dan sedikit kehalusan. Northwood adalah jenis huruf informal dengan serif dan ekor, sedangkan Merriweather adalah jenis huruf tanpa basa-basi dengan formalitas yang disampaikan oleh bentuk huruf serifnya. Di sini, kontrasnya terlalu kuat agar kombinasi tidak berfungsi.
Mari kita coba kombinasi font yang lebih menyenangkan. Di header, gunakan Vollkorn, font yang agak menyenangkan. Gunakan Open Sans, jenis huruf sans serif yang lebih netral dan polos. Kombinasi ini bekerja dengan baik karena, terlepas dari perbedaan tipografi, kehalusan keduanya membuatnya kompatibel secara visual.
3. Gunakan tiga atau lebih sedikit tipografi yang berbeda
Di sebagian besar desain, Anda akan menerapkan satu jenis huruf web untuk judul dan satu lagi untuk badan. Huruf tangan dan tipografi yang lebih bergaya mungkin juga digunakan dalam tata letak untuk tujuan kreatif. Terlepas dari seberapa tergodanya Anda dengan semua tipografi gratis yang tersedia, Anda hanya perlu tiga tipografi untuk satu situs web.
Banyak desainer menggunakan superfamili tipografi untuk desain mereka. Keluarga super adalah keluarga jenis huruf yang terkait dengan satu atau lebih keluarga lainnya. Ini mungkin termasuk perbedaan gaya seperti versi miring, ringan hingga berat, serif, dan sans serif, antara lain. Hal yang paling menyenangkan tentang superfamilies adalah bahwa mereka menghilangkan permainan tebak-tebakan tentang tipografi yang cocok karena mereka dibuat untuk bekerja sama.
Tipografi tunggal dapat digunakan dalam berbagai cara ketika digunakan oleh keluarga super. Lihatlah opsi superfamili Roboto ini. Perbedaan antara Thin 100 Italic dan Regular 400 tidak terlalu mencolok.
Kebanyakan tipografi diklasifikasikan ke dalam superfamilies, yang berarti Anda memiliki banyak alternatif font untuk bereksperimen sambil tetap menggunakan gaya yang sama.
4. Komunikasikan hierarki visual melalui pemasangan font
Visualisasikan struktur hierarki komunikasi Anda menggunakan desain, ukuran, dan warna jenis huruf yang berbeda. Anda dapat menggunakan tipografi untuk mengomunikasikan informasi visual tentang kepentingan relatif dari bagian lain dari konten Anda. Judul harus paling terlihat, diikuti oleh subjudul dan body copy. Gunakan kombinasi font Anda untuk menambahkan struktur yang jelas pada tulisan Anda.
5. Gunakan ukuran font untuk menyiratkan pesanan
Jenis huruf raksasa mewakili apa yang paling penting, sementara penurunan ukuran font mewakili hierarki informasi. Semua huruf besar adalah cara yang bagus untuk membuat bagian penting seperti ajakan bertindak menonjol. Tidak apa-apa untuk menggunakan semua huruf besar dalam jumlah sedang; namun, hindari membuat teks tampak marah atau bermusuhan.
Kebanyakan desainer pemula mengintegrasikan ukuran font yang berbeda untuk membangun hierarki visual, tetapi ada metode lain untuk menunjukkan skala visual.
6. Bereksperimenlah dengan bobot yang berbeda
Kepentingan relatif ditunjukkan oleh bobot yang lebih besar, sementara bobot yang lebih ringan menunjukkan anak tangga yang lebih rendah dalam hierarki. Seperti yang kita lihat dengan keluarga super Roboto, Anda dapat mencapai banyak hal dengan satu jenis huruf dengan mengubah bobotnya.
7. Variasikan warna font
Meskipun Anda tidak ingin menggunakan kaleidoskop warna kontras dalam desain Anda, memvariasikan nuansa teks Anda mungkin membantu istilah tertentu untuk menonjol. Warna yang lebih intens, seperti merah dan ungu, digunakan untuk headline. Variasi yang lebih terang kontras dengan versi yang lebih gelap, mewakili salinan yang harus dibaca terlebih dahulu. Pastikan warna font yang Anda uji tidak hilang di latar belakang.
8. Serif
Jenis huruf serif, yang dapat dibaca dalam cetakan, berasal dari akhir 1700-an dan pada awalnya ditujukan untuk keterbacaan.
Serif adalah garis tipis atau goresan yang ditambahkan ke huruf. Tipografi sans-serif memiliki banyak isyarat visual yang membantu mata pembaca untuk mengikuti. Tipografi serif meningkatkan efisiensi pemindaian, terutama dalam blok teks yang panjang seperti di buku.
Pada awal komputasi, resolusi layar yang terlalu rendah untuk membuat tipografi berbasis serif secara efektif menyebabkan masalah. Desainer grafis, di sisi lain, sekarang dapat menggunakan banyak serif berkat tampilan resolusi tinggi saat ini.
Selalu gabungkan jenis huruf serif dengan font sans-serif saat menggunakannya. Tipografi serif seringkali terlalu mirip, sehingga menghasilkan kecocokan font yang tidak menyenangkan.
Jenis huruf serif sangat mudah beradaptasi. Berikut ini adalah beberapa jenis font yang paling sering dan membantu terlihat dalam teks tertulis. Mereka mudah dibaca dalam berbagai ukuran, membuatnya ideal untuk body copy dan header.
Ide pemasangan font: EB Garamond dan Montserrat
Gabungkan serif EB Garamond dengan Montserrat untuk headline dan kurangi ukurannya untuk body copy. Saat font serif digunakan untuk blok teks yang panjang, performanya lebih baik saat ukurannya lebih kecil.
Ide pemasangan font: Libre Baskerville dan Raleway
Serif dan angularitas Libre Baskerville yang lebih jelas menyandingkan garis tipis Raleway.
9. Sans serif
Tidak adanya garis tambahan membedakan san serif dari serif. Sans serif dapat digunakan untuk paragraf atau isi teks dengan ukuran yang lebih kecil, atau dapat digabungkan dengan serif pada header.
Ada beberapa tipografi yang perlu dipikirkan dalam hal kombinasi font.
Mari kita lihat jenis tipografi yang paling sering dan beberapa kemungkinan kreatif yang mungkin Anda gunakan hari ini.
Ide pemasangan font: Buka Sans dan Lato
Beberapa desainer mungkin menganggap font seperti Open Sans dan Helvetica kuno, tetapi mereka terkenal. Open Sans adalah tipografi utama namun disambut baik yang bekerja dengan baik dengan berbagai font. Pertimbangkan es krim vanilanya: ini adalah fondasi di mana Anda dapat membuat banyak hal lezat lainnya.
Misalnya, gunakan Open Sans di header dan Lato di body teks. Gunakan jenis huruf sans serif lain di seluruh halaman.
10. Menampilkan font
Jika Anda perlu menarik perhatian orang, font tampilan sangat ideal. Mereka biasanya ditulis dalam bentuk huruf yang indah dan rumit, seperti besar dan tebal atau jarang dan tipis. Gunakan tipografi yang dirancang secara eksplisit untuk ditampilkan jika Anda ingin desain Anda menonjol dan meninggalkan kesan.
Ide pemasangan font: Bubble karet Sans dan Open Sans
Bubble karet Sanc memiliki bentuk huruf cerah yang cocok dengan netralitas Open Sans.
Ide pemasangan font: Poiret One dan Lato
Poiret One adalah font modern yang sangat baik jika Anda mencari sentuhan penyempurnaan. Huruf halus yang terinspirasi art deco dan garis tipis membuatnya menjadi font kontemporer yang bagus. Jenis huruf ini terlihat fantastis dengan jenis huruf yang lebih sederhana, seperti Lato. Kontras semacam ini bekerja dengan baik bersama dengan jenis huruf yang lebih halus seperti Lato.
11. Tipografi monospace
Dalam jenis huruf monospace, semua karakter memiliki lebar yang sama. Untuk tipografi yang memiliki lebar berbeda, pengukuran horizontal standar membedakannya dari tipografi dengan lebar yang bervariasi, memberikan kesan kohesi. Font monospace telah lama populer dalam komputasi karena kesederhanaan dan kemampuan beradaptasinya untuk tampilan resolusi rendah awal.
Ide pemasangan font: IBM Plex Mono dan PT Sans
IBM Plex Mono adalah jenis huruf kontemporer dengan identitas visual yang ideal untuk perusahaan rintisan dan organisasi terkait teknologi lainnya. Itu dibuat sebagai penghormatan kepada IBM. Jenis huruf sans-serif, seperti ini, lebih mudah dilihat dan membuat kontras yang lebih baik bila digunakan dengan PT Sans.
Ide pemasangan font: Roboto Mono dan Roboto
Banyak desainer lebih memilih Roboto karena keterbacaannya yang sangat baik. Kombinasi font yang menggabungkan Roboto Mono dengan versi reguler ini nyaman untuk dilihat.
Tipografi sangat penting untuk desain web
Membuat kehadiran online yang solid tidaklah mudah. Ada beberapa faktor yang perlu dipertimbangkan ketika melakukannya. Berhati-hatilah dalam mencocokkan pasangan font Anda seperti yang Anda lakukan pada palet warna. Tipografi yang Anda pilih, cara Anda menatanya, dan keterbacaannya semuanya berkontribusi pada pengalaman pengguna dengan situs web Anda. Temukan tipografi paling keren yang mencerminkan kepribadian proyek Anda dan tawarkan kepada pengunjung cara paling menyenangkan untuk mengalaminya.
