web-gelistirme-sc.com

Tasarım Başına Yazı Tipi Sayısı

Bir web sitesinde çalışıyorum ve hangi noktada çok fazla yazı tipi kullandığımı ve kesmem gerektiğini merak ediyorum. Şu anda, site adı için kullanılan bir el yazısı yazı tipi (HF1), sayfa başlığı için oldukça farklı bir el yazısı yazı tipi (HF2) ve - serif font (SF1) gövde metni için kullanılıyor.

Şu anda başlıklara bakıyorum ve Gürcistan'ın (SF1) cesurca görünmesini gerçekten sevmiyorum: Karakterler büyük ve cesur olduğunda dengesiz ve çok ağır görünüyor. Arasında parçalandım ...

  1. Onları kalın yapmamak, onları gövde metninden başka bir şekilde ayırmak.
  2. Onları farklı bir serif yazı tipi (muhtemelen Adobe'nin Jenson Pro) yapmak ve kalınlaştırmak.

Jenson Pro Güzel görünümlü bir yazı tipi, ancak şu anda sayfada çok fazla yazı tipi olup olmadığını merak ediyorum. Daha genel olarak, tipografik olarak kaçmayı ümit edebilir?

10
ehdv

Bununla minimalist olurdum.

  1. Tek bir font ailesiyle başlayın. Yani, koyu, yoğunlaştırılmış vb. Bir kombinasyon. Demek istediğim örneğin Google Yazı Tipi API'sından PT Sans adresine bakın.
  2. Daha fazla eklemeyi planlıyorsanız, bunu açıkça haklı çıkarın. Yani, sadece asetetik değil, ek yazı tipi için fonksiyonel bir neden olduğuna kendinizi ikna edin.
  3. Belirgin fonksiyonel varyasyonlar code ve belki de logonuzda kullanılan yazı tipini içerir.
  4. Tüm bunları söylememin nedeni, yazı tipleriniz bir şekilde tutarlıysa genel bir uyum duygusu taşımanın daha kolay olmasıdır - yazı tipi aileleri sizin için her şeyi yapar.

Son olarak, aynı renk ve boyut kullanımı için de geçerlidir - bunların sınırlı bir alt kümesini de deneyin ve saklayın. Web Stil Kılavuz web için tipografi ile ilgili bazı iyi şeyler vardır.

11
Julian H

Grafik tasarım eğitimim sırasında ifade edilen genel kural tasarım başına 3 yazı tipi idi.

Buna logonun yazı tipi de dahildi. Gotham'la bir logonuz varsa, bu 1 demek. Beden kopyası ... Lucida, bu 2 ve League Gothic kullanan Başlıklar veya Başlıklar, bu sizin 3'ünüz.

Zaten böyle yapıyorum.

5
Aubrey Johnson

Sadece kendi zevkim: HF1'i isteseydim, HF1'e sadık kalacağım ve HF2'yi unutacağım. Bana göre, bilmediğiniz iki özel yazı tipiyle yüzleşmek şaşırtıcı. Vücuda gelince, dikkat çekmeyen, fark edilmeyen bir sans-serif yazı tipi seçerdim: IBM ^ h ^ h ^ h Helvetica'yı seçtiği için kimse kovulmadı.

3
pete142

Arasında seçim yapmak:

  1. Sadece bir yazı biçimi
  2. Başlıklar için serif yazı biçimi, diğer her şey için sans-serif yazı biçimi - veya tersi

Bu tipografiyle çalışmak için basit ama etkili bir kural. Tabii ki, tipografi hakkında ne kadar çok şey öğrenirseniz, seçimi ince bir şekilde yapmanıza (ve başparmak kuralını kırmanıza) izin verir, ancak bu başlamak için iyi bir temeldir.

Ayrıca şunu da düşünün:

  • Logo bir istisnadır (ve yalnızca bir tane kalmalıdır), ancak kullandığınız iki yazı tipinden biri logonun yanında iyi görünmelidir. Uygun bir logonuz yoksa bu ipucu dikkate alınmaz.
  • Sayfada okunabilirliği ve dengeyi hedefleyin.
  • Varyasyonları tutarlı bir şekilde kullanın: örneğin, web sitesinin her yerinde aynı "anlamı" olan kalın kullanın.
  • Sayfada ne boyut ne de italik/kalın olarak çok fazla varyasyon kullanmayın.
  • Farklı tarayıcılardaki takma ad farklılıklarına dikkat edin.
3
Folletto

Arayüz amacıyla, tipografide sert ve hızlı bir kuraldan ziyade tutarlılığa doğru çaba göstereceğim. Kullandığınız yazı tipleri tutarlı yerlerde tutarlıysa, bir sorun olmamalıdır. Kurallara göre okunabilirliği, netliği ve tutarlılığı tercih edin.

İyi görünmesini sağlayın ve mükemmel olacaksınız.

Olduğu söyleniyor, referans için Google, Apple ve bu gibi sitelere gidin.

1
DexterW

Başlangıç ​​olarak: Çok fazla yazı tipi kullanmamaya dair önceki önerileri kabul ediyorum ve muhtemelen her iki kullanım için de aynı 'el yazısı' yazı tipini bulmaya çalışıyorum! Sayfa başına 2-3 yazı tipi maksimum olmalıdır.

Tercihiniz olan 'Gürcistan' serifinin çok dengesiz göründüğünden şikayet ettiğinizde, şimdiye kadar birkaç seçeneğin göz ardı edildiğini düşünüyorum:

  1. üstbilgiler için farklı bir harf aralığı kullanabilirsiniz. Ben 'harf aralığı: 0.2em; (veya benzer bir değer) CSS'mde başlıkların gövde metnine göre daha iyi görünmesini sağlar.

  2. farklı bir yazı tipi yığını kullanın! Şimdi 'font-family: "Didot", "Bodoni MT", "Century Schoolbook", "Niagara Solid", "Utopia", "Georgia", "Times", "Times New Roman", serif; başlıklar için - bunların tümü yaygın olarak desteklenen yazı tipleridir. (Başkalarını bulmak için Google 'yazı tipi yığınları').

  3. yukarıdakilerin tümü başarısız olursa: Başlıklarınız için Sistem Yazı Tipi'nde yerel bir 'kalın' sürümü olan bir yazı tipi kullanın, örneğin 'Arial + Arial Black' veya 'Century Gothic' varyasyonları. Kalın yazı tipiyle tasarlanan yazı tiplerinin, 'güçlü' veya 'kalın' olarak CSS'de biçimlendirilmiş normal yazı tiplerinden daha az karakter aralığı sorununa sahip olduğunu düşünüyorum, bu nedenle daha dengeli görünüyor.

0
webbeetle

Projeniz için bir serif ve bir sans seçin. Seçiminiz sırasında bunların dengesini oluşturmaya dikkat edin, bu zorunludur.

Dengeli yazı tipi seçimi, dengeli düzen tasarımı anlamına gelir.

0
zetareticoli

Gerekli miktarda yazı tipi kullanın. Bunun için iyi bir grafik tasarımcı kiralamaktan başka bir 'kural' yoktur.

0
DA01

Onları olduğu gibi tutmak için zorlayıcı bir neden yoksa veya zaten oldukça benzer görünüyorlarsa, iki HW yazı tipini birleştirmede ehdv'ye katılıyorum.

Başlıklarınız için, başlıklarınızı öne çıkarmak için başka bir şey yapmanızı öneririm. Eğer cesur sevmiyorsanız belki daha büyük bir boyut ve italik? Gürcistan'ın ekranlarda nasıl göründüğünün büyük bir hayranıyım - ancak web sitenizin tarzına uyan bir şey seçin.

Tipografi çalıştığı sürece istediğiniz her şeyden kurtulabilirsiniz. Benzer ailelerden bir sürü farklı yazı tipiniz varsa ve hiçbir şey garip bir şekilde göze çarpmıyorsa, işe yarar. Metin -> başlık -> metinden giderken okuyucuyu engellemeyen yazı tiplerini seçmeniz yeterlidir.

0
Andrew Shipe