10 Alat Pemasangan Font Teratas untuk Desainer Web

Diterbitkan: 2021-02-24

Memilih jenis huruf yang tepat tidak diragukan lagi merupakan langkah penting untuk menciptakan desain yang hebat. Terutama ketika Anda berencana untuk menggunakan lebih dari satu font, Anda perlu memastikan mereka menyatu dengan baik dengan koherensi dan keseimbangan.

Seperti yang kami jelaskan secara ekstensif di Blogpost kami 'Panduan untuk Memasangkan Font untuk Desainer Web + 30 Contoh Menakjubkan', ada ilmu yang lengkap untuk memasangkan font bersama-sama. Mereka harus selaras dengan merek Anda, menciptakan kontras yang diinginkan tanpa mengikuti prinsip desain yang berlawanan, dan menciptakan perasaan fluiditas dan harmoni secara keseluruhan.

Dengan ribuan font yang Anda inginkan, proses ini bisa sangat kacau dan memakan waktu, dan kemungkinan Anda akan berakhir dengan sakit kepala. Jadi, di mana Anda bahkan mulai?

Untuk membantu Anda dalam prosesnya, kami telah menyusun daftar alat pemasangan font terbaik untuk desainer. Alat-alat ini akan menyarankan kombinasi font yang berbeda yang terlihat sangat baik satu sama lain, dan memberi Anda templat online, sehingga Anda dapat melihat pratinjau bagaimana font Anda akan terlihat di alam liar. Mereka pasti akan membuka inspirasi Anda dan membantu Anda membuat keputusan yang tepat.

Lihat di bawah dan tandai favorit Anda!

1. Fontjoy

Sebagian besar alat pemasangan font akan memberi Anda koleksi atau alat yang dikuratori untuk membantu Anda mempratinjau pasangan font dan menilai mana yang bekerja paling baik bersama-sama. Fontjoy di sisi lain, melakukan semua kerja keras untuk Anda, dengan kecerdasan buatan. Dibuat oleh desainer dan insinyur Jack Qiao, alat ini menggunakan teknik pembelajaran mendalam untuk menganalisis fitur visual utama font dan menghitung mana yang paling cocok digunakan bersama.

Ini berarti Anda tidak perlu memiliki keterampilan desainer tingkat lanjut untuk menghasilkan pasangan font yang seimbang. Tekan saja tombol "Hasilkan" dan telusuri beberapa kombinasi font yang mengagumkan. Atau, Anda dapat memilih font dan sistem akan menghasilkan kombinasi potensial yang bekerja dengan baik dengan yang dipilih. Anda dapat memasangkan hingga tiga font, satu untuk judul, satu untuk subjudul, dan satu untuk konten atau paragraf utama, dan mempratinjaunya di latar belakang gelap atau terang.

2. Ketik Koneksi

Jika Anda mencari alat yang unik dan menyenangkan untuk berlatih memasangkan font dan mempelajari cara kerja font, Anda baru saja menemukannya! Type Connection dibuat sebagai proyek tesis oleh Aura Weiner, dan menggambarkan dirinya sebagai "permainan kencan tipografi". Dan itu benar-benar!

Anda mulai dengan memilih tipe "protagonis" utama yang ingin Anda temukan pasangan yang cocok. Pada langkah kedua Anda disajikan dengan kemungkinan strategi kencan, masing-masing berdasarkan strategi yang berbeda untuk pasangan font, seperti memilih font yang sama atau menjelajahi sesuatu yang berbeda. Setelah Anda memilih strategi Anda, Type Connection akan menyarankan "tanggal" potensial untuk font yang Anda pilih.

Setelah masing-masing "tanggal" ini dianalisis dan dievaluasi oleh sistem, Anda mendapatkan umpan balik tentang apakah kecocokan ini buruk, sedang, atau bagus dan mengapa.

Detail yang saya sukai secara pribadi? Setiap font dilengkapi dengan deskripsi kecil yang cocok dengan "kepribadiannya". Secara keseluruhan, Type Connection adalah alat pendidikan yang hebat untuk menjelajahi pasangan font dan memahami prinsip-prinsipnya.

3. Ketik

Typotheque menawarkan cara unik untuk menemukan kombinasi font berdasarkan gayanya dan bagaimana Anda berencana menggunakannya. Anda mendapatkan akses ke berbagai filter untuk membantu Anda mempersempit hasil pencarian Anda, seperti gaya, tujuan, kategori, dan bahasa yang didukung. Ini membantu Anda memfilter pasangan font.

Jika Anda ingin bereksperimen lebih jauh, Anda dapat menggunakan Font Combinator dan tipografi drag and drop sederhana untuk melihat tampilannya. Pastikan Anda menggunakan penggeser ukuran untuk memperbaiki ukuran setiap font sampai Anda menemukan keseimbangan yang sempurna.

4. Jenis Google

Proyek kolaboratif yang sedang berlangsung ini, yang disebut Google Type, menawarkan inspirasi menggunakan kombinasi Google Font yang bagus. Dibutuhkan pendekatan yang sangat menarik untuk menampilkan pasangan font dengan menggunakannya untuk menampilkan bagian-bagian dari Fabel Aesop. Semua desainer dapat berkontribusi untuk proyek ini dan kombinasi pemenang digunakan untuk membuat halaman arahan yang indah.

Hal terbaik tentang situs web ini adalah seberapa baik kombinasi font disajikan. Setiap bagian didedikasikan untuk pasangan font tertentu dan menyoroti kepribadiannya mengikuti orientasi, perataan, dan gaya yang berbeda. Anda juga mendapatkan gambar latar belakang untuk menonjolkan pengalaman. Secara keseluruhan, Google Type adalah alat yang hebat, tidak hanya untuk menjelajahi pasangan font yang menakjubkan, tetapi juga untuk mendapatkan inspirasi untuk tata letak, palet warna, dan penggunaan tipografi secara kreatif di situs web.

5. Pasangan Font

Jika Anda kewalahan dengan jumlah font Google yang tersedia di luar sana, alat yang mempersempitnya menjadi kombinasi yang indah adalah yang Anda butuhkan. FontPair dimulai oleh Hayden Mills sebagai cara untuk membantu orang memasangkan font sumber terbuka gratis dan masih diperbarui setiap minggu.

Ini menampung banyak koleksi contoh luar biasa yang menjanjikan untuk meningkatkan inspirasi Anda dan membantu Anda menemukan kecocokan font yang sempurna untuk proyek Anda berikutnya. Anda dapat menelusuri pasangan yang indah dan digabungkan dengan baik, mengunduh font dan bahkan melihatnya beraksi karena setiap pasangan dilengkapi dengan serangkaian contoh sebenarnya dari font ini digunakan bersama. Plus, jika Anda mencari jenis pasangan tertentu, seperti Tampilan dengan font Serif, ada kategori terpisah untuk sebagian besar kombinasi yang mungkin Anda inginkan.

6. Ketik.io

Hal yang hebat tentang Typ.io adalah ia menemukan pasangan font yang indah dengan menyelami situs web yang dirancang dengan baik dan tipografi yang mereka gunakan. Di beranda, Anda dapat memperoleh inspirasi dengan menampilkan situs yang memanfaatkan berbagai font dengan baik.

Jika Anda ingin memasangkan font tertentu, Anda dapat mencari dan memilihnya dan melihat contoh bagaimana font tersebut digunakan dengan indah, baik dengan sendirinya atau dikombinasikan dengan font lain. Setiap pasangan font dilengkapi dengan satu set tag, yang menjelaskan karakteristik font atau gaya dan kepribadiannya. Selain itu, Anda dapat menjelajahi beberapa daftar font yang telah ditentukan sebelumnya yang mungkin cocok dengan kriteria Anda, seperti “Font serif untuk header dan konten”.

7. Kanvas

Canva adalah aplikasi desain canggih yang terkenal yang menawarkan berbagai fitur dan template canggih untuk membantu Anda membuat desain yang mengagumkan. Tapi tahukah Anda bahwa Anda juga bisa menggunakannya untuk kombinasi font juga?

Generator Canva memungkinkan Anda memilih font yang diinginkan, kemudian menghasilkan berbagai opsi kombinasi di mana Anda dapat menggunakan salinan Anda sendiri dan juga memiliki contoh pasangan font yang digunakan di alam liar.

8. font campuran

Mixfont menawarkan cara mudah bagi Anda untuk memvisualisasikan ratusan ribu pasangan font sehingga Anda dapat menemukan sesuatu yang paling sesuai dengan proyek Anda. Muncul dengan tombol khusus, yang dapat Anda klik untuk menghasilkan pasangan font baru, Jika Anda menyukai jenis huruf tertentu, Anda dapat "mengunci" dan membiarkan generator menukar font lain untuk membantu Anda menemukan pasangan yang cocok.

Namun, tidak semua kombinasi dikuratori dengan baik dan seimbang secara visual, jadi Anda harus memiliki setidaknya beberapa keterampilan pemasangan font dasar untuk memilih kombinasi yang sukses.

9. Serigala tipe

Pilihan tipografi cantik lainnya yang dipasangkan bersama dengan contoh-contoh dari seluruh web, Typewolf memberi Anda pilihan font populer, situs hari ini, dan berbagai rekomendasi untuk membantu Anda menemukan pasangan ideal Anda.

Sama seperti di kebanyakan platform pasangan font, Anda dapat memilih font tertentu dan melihat banyak saran font lain yang cocok dengan pilihan Anda, semua berdasarkan contoh nyata dari web. Plus, Anda dapat menelusuri buku tampilan yang dikuratori dengan palet pasangan tipe siap pakai yang menunjukkan cara mendapatkan tampilan tertentu dengan menggunakan font dari font Google, font Adobe, dan sumber lainnya.

10. Tipespirasi

Typespiration adalah alat yang luar biasa, dibuat oleh Rafal Tomal dan menampilkan kombinasi font yang disumbangkan desainer dan palet warna. Anda dapat menentukan font heading dan melihat bagaimana font tersebut menyatu dengan saran font body yang berbeda atau sebaliknya.

Atau, Anda dapat membiarkan kedua bidang tidak ditentukan dan menelusuri semua kemungkinan kombinasi. Di bawah setiap contoh, Anda dapat menemukan tautan untuk mengunduh font yang digunakan, kombinasi warna, dan bahkan beberapa elemen UI dasar, seperti tombol primer dan sekunder.
Saat ini, alat tersebut hanya memiliki akses ke perpustakaan font Google, tetapi lebih banyak perpustakaan diharapkan akan ditambahkan di masa mendatang.