Sumber daya untuk menemukan skema / kombinasi font web yang baik


8

Saya sudah mulai melakukan beberapa pekerjaan desain situs web freelance untuk klien bisnis kecil, dan bagian dari pekerjaan saya akan melibatkan pemilihan font untuk digunakan di situs yang akan saya buat.

Mengingat tipografi bukanlah titik terkuat saya, saya bertanya-tanya apakah ada situs web yang menawarkan koleksi skema / kombinasi menggunakan font web. Dengan 'skema', saya maksudkan sesuatu yang sederhana seperti daftar kecil font yang telah diusulkan untuk bekerja bersama-sama, misalnya, Font A untuk header, Font B untuk sub-header, Font C untuk salinan tubuh, dll. Pada dasarnya sesuatu seperti Color Combo , kecuali font web.

Saya pikir situs seperti ini akan menjadi sumber yang bagus untuk orang-orang seperti saya yang bukan yang terbaik dalam memilih font yang bekerja sama dengan baik. Akan lebih bagus jika situs web mengindikasikan skema font mana yang seluruhnya terdiri dari font web gratis, karena ini jelas akan sangat mudah diimplementasikan.

Jadi, apakah ada yang tahu situs web seperti ini?


1
Tidak langsung menjawab pertanyaan Anda, tetapi ini adalah bacaan yang bagus jika Anda ingin memahami cara memasangkan font yang lebih baik: Praktik Terbaik Menggabungkan Jenis Huruf
penasaran

Jawaban:


5

Ini bukan jawaban yang Anda cari, tetapi berikut adalah beberapa pemikiran:

Hoefler & Frere-Jones adalah krim tanaman tipografi. Mereka mengirim e-mail beberapa waktu lalu yang menunjukkan beberapa pasangan font yang sangat bagus (dengan font mereka, tentu saja), tetapi di bagian atas ada aturan yang bagus:

... semua dibangun di sekitar Prinsip Pertama Sangat Tinggi Ilmiah H & FJ dari Menggabungkan Font: menjaga satu hal tetap konsisten, dan biarkan satu hal berbeda.

Mereka terus menunjukkan beberapa kesamaan dan perbedaan yang sangat esoteris (yang bekerja dengan sangat baik), tetapi aturan itu adalah hal yang baik untuk diingat. Jika Anda menggunakan sans-serif untuk teks header, gunakan serif untuk salinan tubuh. Jika Anda memiliki sesuatu dengan sapuan tebal, bedakan dengan sesuatu yang lebih tipis. Seperti yang telah dibahas dalam utas yang agak mirip , Bauhaus dan Bembo tidak memiliki banyak kesamaan sama sekali, tetapi Bauhaus dan Futura berbagi beberapa bentuk huruf geometris dengan ketebalan dan ketebalan yang berbeda secara keseluruhan.

Font yang Digunakan adalah sumber yang bagus untuk inspirasi Anda. Saya ditautkan ke bagian Web. Mereka tidak berurusan dengan font gratis, tetapi mudah-mudahan Anda akan menemukan ini bermanfaat.


4

Saya sangat merekomendasikan situs web ini: http://hellohappy.org/beautiful-web-type/ . Tidak ada begitu banyak kombinasi tetapi mereka menampilkannya sedemikian inspirasional.

Semua font tersedia gratis untuk penggunaan komersial dari Direktori Font Google yang brilian .

Jika Anda ingin mencoba kombinasi Anda sendiri untuk melihat apa yang Anda suka (karena itu yang paling penting, toh), buka http://font-combinator.com/ di mana ada alat yang hebat untuk mengedit beberapa blok teks untuk lihat bagaimana mereka berjalan bersama, juga menggunakan sumber daya Google Font gratis.

Pergi mencari ' Kombinasi Font Google ' untuk inspirasi lebih lanjut.


2

Untuk pemahaman font yang lebih baik, Anda bisa merujuk ke https://typekit.com/

Mereka memiliki koleksi font yang bagus untuk digunakan untuk desain web, dan bahkan font google juga memiliki koleksi font gratis yang bagus.

Bekerja dengan font, mainkan dengan font. Ini satu-satunya cara untuk menjadi baik dalam pemilihan font.


2

Sudahkah Anda mencoba fooont.com ? Ini sepenuhnya terdiri dari pasangan font yang di-host di Google Webfonts.

Cukup unduh file CSS dan gunakan langsung di situs web Anda. Semoga ini bisa membantu :)


1

Mixfont adalah salah satu situs yang menampilkan berbagai pasangan dari Google Fonts dan meminta pengguna untuk meningkatkan versi pasangan favorit mereka.


1

Ada banyak situs yang memberikan pasangan font. Beberapa yang belum disebutkan termasuk

  • Femmebot - Untuk pemasangan Google Font.
  • Pasangan Font - Juga untuk pasangan Font Google.
  • Canva - Pasangan font yang lebih umum.
  • DesignModo - Juga pemasangan font yang lebih umum.
  • FontJoy - Untuk generasi acak dari pasangan font menggunakan pembelajaran yang mendalam.

0

Saya merekomendasikan Typewolf.com . Situs ini dijalankan oleh desainer bernama Jeremiah Shoaf.

Ada dua bagian yang menurut saya sangat membantu:

  1. Rekomendasi Font & Daftar menyertakan beberapa daftar kombinasi font.
  2. Font Web di Wild adalah basis data font yang menyertakan daftar pasangan yang disarankan dan sampel pasangan font dari seluruh web.

Situs ini juga menampilkan indeks font serupa / alternatif yang sangat baik, termasuk dokumen yang tersedia untuk dibeli yang mencantumkan banyak alternatif gratis untuk font berbayar; ini sangat membantu jika Anda memiliki anggaran terbatas.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.