Web Sitesinde Font Uyumunun Önemi

Doğru anlarsanız, tipografi inanılmaz derecede güçlü olabilir. Tipografik Tarzın Unsurları onlarca yıldır bilgece bir referans metni olarak hizmet eden Robert Bringhurst'ün yazılarına dönün ve zanaatın yüksek fikirli bir ifadesini bulacaksınız. Bringhurst'e göre tipografi "içeriği onurlandırmak için var" ve iyi yapıldığında "her öğeyi, öğeler arasındaki her ilişkiyi ve metnin her mantıksal nüansını ortaya çıkarır."

Bu kelimeleri ilham verici veya korkutucu bulsanız da, gerçek şu ki doğru tipografik seçim her zaman projenin kendisine özgü ihtiyaçlarını yansıtır. Bu ihtiyaçlar sadece estetik değil, aynı zamanda teknik ve işlevseldir - ve Alegreya'dan Zapf Dingbats'a bir açılır menüde gezinirken metin parçacıklarından anlayabileceğiniz çok şey var. Bazı yazı tipleri başlıklarda en iyi sonucu verirken, diğerleri paragraflarda iyi okunur. Bazı yazı tipi aileleri, uluslararası komut dosyalarını ve özel karakterleri içerecek kadar büyüktür. Ve yazı tipi bir dizi farklı stilde (italik veya küçük büyük harf gibi) ve ağırlıklarda (ince çizgiden ultra siyaha kadar) geliyorsa, proje bir araya geldikçe tasarıma ince ayar yapmak için daha fazla araç sunacaktır.

Elbette düşünülecek çok şey var, ancak en önemli hususlardan bazıları projenin pratik ve işlevsel özellikleridir. Halihazırda bildiklerinizle başlayıp aşağıdaki hususları düşünerek ihtiyaçlarınızı karşılayan bir yazı tipi bulacaksınız.

Projenizin kapsamıyla başlayın
Bir dergi gibi birkaç ay hatta yıllarca sürebilecek bir şeye mi başlıyorsunuz yoksa bir slayt destesi, logo veya sunum gibi tek seferlik bir proje mi?

Büyük, uzun vadeli bir projenin (bir süreli yayın veya haber bülteni gibi) zaman içinde çeşitli tipografik ihtiyaçları olması muhtemeldir. Bu farklı ihtiyaçları karşılamak için en iyi seçeneğiniz, çeşitli ağırlıklar, stiller ve küçük büyük harfler ve bitişik harfler gibi değişkenler içeren geniş bir tür aile seçmektir. Geniş aileler markalaşmayı kolaylaştırır çünkü zamanla tek bir yazı tipine bağlı kalmak, karışıma başka bir yazı tipi eklemek zorunda kalmadan farklı durumlarla başa çıkabilmenizi sağlar. Şu örnekleri deneyin: Alegreya , Alegreya SC , Merriweather , Merriweather Sans , Roboto , Roboto Condensed , Work Sans

Ancak bu kısa vadeli bir projeyse (poster, albüm kapağı veya logo gibi), fazladan ağırlıklara veya bir yazı tipinin kısaltılmış ve genişletilmiş sürümlerine ihtiyacınız olmayabilir. Bu özel görev için doğru olduğunu düşünüyorsanız, tek ağırlıklı bir yazı tipi bile seçebilirsiniz. Kısa vadeli bir projede metne ince ayarlamalar yaparken, geniş bir yazı ailesinin çok yönlülüğünün yine de yararlı olabileceğini unutmayın. Şu örnekleri deneyin:  Bubblegum Sans ,  Graduate ,  Scope One ,  Space Mono 

Yazı tipinizin ne söylemesini istiyorsunuz?
Projenizin kapsamı, ihtiyacınız olan aralığa sahip olmayan yazı tiplerini ekarte ederek veya sizi uygun olanlara yönlendirerek aramanızı daraltabilirken, doğru estetiğe sahip yazı tipini belirlemenin zor ve hızlı kuralları olmadığını unutmayın. Bu yazı tipinin kişiliğiyle ilgili bir konu, ancak bir dereceye kadar kişilik aşinalığa bağlı.

Birçok uygulama ve web sitesi hala en yaygın yazı tiplerinin küçük bir seçimini kullanıyor - bunun dijital tipografiye en pratik yaklaşım olduğu bir zamandan kalma. Bir zamanlar sistem yazı tiplerini kullanmanın en güvenli seçim olduğu bir durumdu, çünkü bunların çalışır durumda ve çoğu cihazda kullanılabilir olduğuna güvenebilirsiniz. Bugün, sıradan bir 'iş gücü' yazı tipi seçerek taviz vermeye gerek yok. Web yazı tipleri, sistem yazı tipleri kadar güvenilir olma eğilimindedir, ancak aralarından seçim yapabileceğiniz daha fazla çeşitliliğe sahiptir. Şu örnekleri deneyin:  Proxima Nova, Helvetica, Museo, Futura, Brandon Grotesque (popüler); Arial, Times New Roman, Courier New, Helvetica, Times, Courier, Verdana, Georgia (sistem); Gibson , Gotham ,Klasik Grotesk , Montserrat (web yazı tipleri)

Ancak, projenizin öne çıkmasına yardımcı olacak alışılmadık bir yazı tipi bulmaya hala meraklıysanız, tescilli yazı tiplerini sabit bir ücret veya aylık ücret karşılığında satan düzinelerce ticari tip dökümhane vardır. Tamamen benzersiz, ısmarlama bir yazı tipi istiyorsanız -ki kim istemez ki- bu pahalı ve zaman alıcı olabilir, bu nedenle fiyat teklifi almak için dökümhanelere ulaşarak başlayın. İşin iyi tarafı, işe aldığınız kişi muhtemelen bu kılavuzda listelenen endişelerin çoğuyla ilgilenecektir. Ücretsiz seçenekleriniz arasında her zaman daha az kullanılan bir web yazı tipi arayabilirsiniz. Genel bir kural olarak, daha yeni bir sürüm seçmek, yaygın kullanımda olmayacağı anlamına gelir - en azından henüz değil. Elbette  Google Fonts'a kısmi davranıyoruz. Orada kaç tane ücretsiz web fontu olduğunu anlamak için dizinde bir tur atın ve her bir fontun web'deki kullanım miktarını görüntülemek için aile örnek sayfalarını kullanın. 

Ne kadar metin diziyorsunuz?
Tasarım eleştirmeni Ellen Lupton, "Tasarımcılar, metinleri parçalara ayırarak ve bilgi yığınları arasında kısayollar ve alternatif yollar sunarak, kelime seline giriş ve çıkış yolları sağlarlar" diyor. İyi tasarlanmış düzenler, yazı tipi seçiminizin kişiliğinin ötesinde, okuyucuları doğal olarak yönlendirmek için görsel ipuçları, düzenlilik ve çeşitlilik kullanır. Metnin uzunluğuna göre yazı tipi seçmek, okuyuculara gezinmeye yardımcı olacak birçok ipucu ve kısayol sağlayabilir.

Başlıklar ve alt başlıklar için Görüntülü, Dekoratif, El Yazısı ve Komut Dosyası stilleri dahil olmak üzere etkileyici, benzersiz, hatta kendine özgü bir yazı tipi seçebilirsiniz  . Bu alışılmadık, yüksek kontrastlı tasarımlar, ayrıntıları ve görsel karmaşıklığı dikkat çekmeye yardımcı olduğu için bu bağlamda iyi çalışır. Özellikle büyük boyutlardaki kısa metin parçaları için sans serif yazı tipi kullanmak isterseniz, normal ağırlık biraz yersiz görünebilir. Bunun yerine kalın ve sıkıştırılmış stilleri kullanmayı düşünün. Serifleri tercih ederseniz, Playfair Display  veya  Rufina gibi ince çizgili serif yazı tipleri   , yüksek vuruş kontrastları okuyucunun dikkatini çekme eğiliminde olduğundan kısa satırlarda iyi sonuç verir.

Gevşek bir şekilde üç ila dört paragraf olarak tanımlanan orta uzunlukta metin aslında oldukça esnektir, bu da seçenekleriniz olduğu anlamına gelir. Bir serif yazı tipini tercih ediyorsanız,  Quattrocento gibi eski stilde, Libre Baskerville gibi bir geçiş stilinde  veya Arvo gibi bir slab  serif'i tercih edin . Bir sans serif mi tercih edersiniz? O zaman en iyi seçim, Cabin  veya  Raleway gibi hümanist veya grotesk tarzda bir şey olacaktır  , ancak Montserrat gibi bazı geometrik stiller bile   işe yarayacaktır. Bunlardan birkaçını deneyerek deney yapın ve düzende en iyi neyin işe yaradığını görün.

Beş paragrafı aşan uzun metin bölümlerini dizerken, bir serif yazı tipi önerilir. Bu, kitap tipografisi için geleneksel seçimdir, ancak ekranda da iyi çalışır. EB Garamond  veya  Libre Baskerville gibi Eski Stil veya Geçiş serif yazı tipleri  , haber ve dergi makaleleri gibi daha uzun okumalar için gözleri yorma eğilimindedir. Gövde metninin uzun bölümleri için bir Hümanist sans serif yazı tipi kullanmak mümkün olsa da , daha güvenli olan, okuyucuların hızlı bir şekilde işleyebileceği tanıdık bir serif tasarımıdır.