Jumlah Font per Desain
Saya sedang mengerjakan sebuah situs web dan bertanya-tanya pada titik apa saya menggunakan terlalu banyak font dan perlu mengurangi. Saat ini, saya memiliki font tulisan tangan (HF1) yang digunakan untuk nama situs, font tulisan tangan (HF2)) yang sangat berbeda untuk judul halaman, dan - font serif (SF1) yang digunakan untuk teks isi.
Saat ini saya sedang melihat judul, dan saya benar-benar tidak suka cara Georgia (SF1) terlihat ketika dicetak tebal: Karakternya terlihat tidak seimbang dan terlalu berat ketika besar dan tebal. Saya terpecah antara ...
- Membuat mereka tidak berani, membedakannya dari teks tubuh dengan cara lain.
- Jadikan mereka font serif yang berbeda (mungkin Adobe's Jenson Pro) dan cetak tebal.
Jenson Pro adalah font yang terlihat bagus, tetapi saya bertanya-tanya apakah saya terlalu banyak menggunakan font-bijaksana pada halaman sekarang. Secara umum, berapa banyak yang bisa diharapkan dari tipografi?
Saya akan minimalis dengan ini.
- Mulailah dengan satu keluarga font tunggal. Yaitu, kombinasi huruf tebal, kental dll. Misalnya apa yang saya maksud lihat PT Sans dari Google Font API.
- Jika Anda berencana untuk menambah lagi, maka benarkan secara eksplisit. Artinya, yakinkan diri Anda bahwa tidak hanya ada alasan, tapi alasan fungsional untuk font tambahan.
- Variasi fungsional yang jelas termasuk
codedan mungkin font yang digunakan dalam logo Anda. - Alasan mengapa saya mengatakan semua ini adalah karena lebih mudah untuk menyampaikan rasa harmoni keseluruhan jika font Anda konsisten dalam beberapa cara - keluarga font akan melakukan semua yang bekerja untuk Anda.
Akhirnya, hal yang sama berlaku untuk penggunaan warna dan ukuran - coba dan simpan juga subset yang terbatas. Panduan Gaya Web memiliki beberapa hal bagus tentang tipografi untuk web.
Selama pendidikan desain grafis saya, aturan umum yang diungkapkan adalah font per desain.
Ini termasuk font logo. Jadi, jika Anda memiliki logo dengan Gotham, itu 1. Salinan tubuh di katakan ... Lucida, itu 2. dan Judul atau Header menggunakan League Gothic, itu ke-3 Anda.
Begitulah cara saya melakukannya.
Hanya selera saya sendiri: Saya pikir jika saya ingin HF1, saya akan tetap dengan HF1 dan melupakan HF2. Bagi saya, sangat sulit dihadapkan dengan dua font khusus yang tidak dikenal. Sedangkan untuk tubuh, saya akan memilih font sans-serif biasa-biasa saja: tidak ada yang pernah dipecat karena memilih IBM Helvetica.
Pilih diantara:
- Hanya satu jenis huruf
- Jenis huruf serif untuk tajuk, jenis huruf sans-serif untuk segala sesuatu yang lain - atau sebaliknya
Ini adalah aturan praktis yang sederhana, tetapi efektif untuk bekerja dengan tipografi. Tentu saja, semakin banyak Anda belajar tentang tipografi, Anda bisa membuat pilihan dengan baik (dan melanggar aturan praktis), tetapi ini adalah dasar yang baik untuk memulai.
Pertimbangkan juga:
- Jenis logo adalah pengecualian (dan harus tetap satu-satunya), tetapi salah satu dari dua tipografi yang Anda gunakan harus terlihat bagus di samping logo itu sendiri. Kiat ini tidak masuk hitungan jika Anda tidak memiliki logo yang tepat.
- Tujuan untuk keterbacaan dan keseimbangan di halaman.
- Gunakan variasi secara konsisten: misalnya, gunakan huruf tebal dengan "makna" yang sama di seluruh situs web.
- Jangan gunakan terlalu banyak variasi pada halaman, baik ukuran atau miring/tebal.
- Watch out for aliasing perbedaan pada browser yang berbeda.
Untuk keperluan antarmuka, saya lebih mengusahakan konsistensi daripada aturan yang keras dan cepat tentang tipografi. Jika font yang Anda gunakan konsisten di tempat yang konsisten, seharusnya tidak ada masalah. Mendukung keterbacaan, kejelasan, dan konsistensi atas aturan.
Buat itu terlihat bagus dan Anda akan sempurna.
Yang sedang berkata, buka situs seperti Google, Apple, dan yang ini untuk referensi.
Untuk mulai dengan: Saya setuju dengan saran sebelumnya untuk tidak menggunakan terlalu banyak font, dan mungkin mencoba menemukan font 'tulisan tangan' yang sama untuk kedua penggunaan! 2-3 font per halaman harus maksimal.
Ketika Anda mengeluh bahwa preferensi Anda, serif 'Georgia', terlihat terlalu tidak seimbang, saya pikir beberapa opsi lain telah diabaikan sejauh ini:
anda bisa menggunakan spasi huruf berbeda untuk Header Anda. Saya menemukan bahwa 'spasi huruf: 0.2em;' (atau nilai yang serupa) di CSS saya cukup sering membuat header terlihat lebih baik dibandingkan dengan teks isi.
gunakan tumpukan font yang berbeda! Saya lebih suka 'font-family: "Didot", "Bodoni MT", "Century Schoolbook", "Niagara Solid", "Utopia", "Georgia", "Times", "Times New Roman", serif;' untuk heading - ini adalah font yang umumnya didukung. (Google 'tumpukan huruf' untuk menemukan yang lain).
jika semua hal di atas gagal: gunakan font untuk judul Anda yang memiliki versi 'berani' asli yang disertakan dalam Font Sistem, mis. variasi 'Arial + Arial Black' atau 'Century Gothic'. Saya menemukan bahwa font yang dirancang dalam huruf tebal cenderung memiliki masalah kerning kurang dari font biasa bergaya CSS dengan 'kuat' atau 'tebal', sehingga terlihat lebih seimbang.
Pilih satu serif dan satu sans untuk proyek Anda. Perhatikan untuk membentuk keseimbangan mereka selama pilihan Anda, ini wajib.
Pilihan font yang seimbang berarti desain tata letak yang seimbang.
Anda menggunakan jumlah tipografi yang dibutuhkan. Tidak ada 'aturan' untuk ini selain mempekerjakan seorang desainer grafis yang baik.
Saya setuju dengan ehdv dalam mengkonsolidasikan kedua font HW kecuali ada alasan kuat untuk mempertahankannya, atau jika mereka sudah terlihat cukup mirip.
Untuk judul Anda, saya sarankan melakukan sesuatu yang lain untuk membuat judul Anda menonjol. Mungkin ukuran yang lebih besar dan miring jika Anda tidak suka huruf tebal? Saya penggemar berat tampilan Georgia di layar - tetapi pilihlah sesuatu yang sesuai dengan gaya situs web Anda.
Anda bisa lolos dengan tipografi apa pun yang Anda inginkan selama itu berhasil. Jika Anda memiliki banyak font berbeda dari keluarga yang sama, dan tidak ada yang aneh, maka itu berfungsi. Pilih saja font yang tidak menggoncangkan pembaca ketika pergi dari teks -> heading -> teks.