Bir Sonraki Web Tasarım Projeniz için 30 İnanılmaz Okunabilir Serif Yazı Tipi


Tipografi, web tasarımının önemli bir bileşenidir ve projelerinizde hangi yazı tipinin kullanılacağının seçimi, genellikle göz ardı edilse de, ne kadar iyi karşılandıkları üzerinde büyük bir etkiye sahip olabilir.

Popüler tasarım bilgeliği, farklı yazı tiplerinin, basılı işler için daha iyi olması ve yüksek etkili başlıklar söz konusu olduğunda mükemmel olmayan sans serif gibi belirli amaçlar için daha uygun olduğunu ortaya koymaktadır. Bugün, web tasarımında okunabilirliğe odaklanıyoruz ve bu nedenle, yalnızca (insan gözüyle daha kolay tanımlanabilen) sans serif karşılıklarından daha okunaklı kabul edilen serif yazı tiplerini ele alacağız.

Lafı fazla uzatmadan WordPress yazı tipi kurulum sürecini hızlıca gözden geçirelim, ardından seçimlerimizi tek tek gözden geçirelim.

WordPress Web Sitenize Yazı Tipleri Nasıl Eklenir?

WordPress repertuarınıza yazı tipi eklemenin iki yolu vardır. İlki, bazı basit CSS değişiklikleri yapmayı içerir, ancak bir demet denemek isterseniz can sıkıcı olabilir.

İkinci yol, elbette, eklentileri içerir. Bu dava için kişisel seçimimiz Herhangi Bir Yazı Tipi Kullan:

Herhangi Bir Yazı Tipi Kullan eklenti başlığının ekran görüntüsü.

Bu kullanışlı küçük eklenti, sunucunuza basit bir arayüz aracılığıyla üçüncü taraf yazı tiplerini yüklemenize ve bunları herhangi bir ek kurulum yapmadan WordPress düzenleyicisi aracılığıyla kullanmanıza olanak tanır. Hem TTF hem de OTF dosya uzantılarını destekler ve kullanımı tamamen ücretsizdir.

Bir Sonraki Web Tasarım Projeniz için 30 İnanılmaz Okunabilir Serif Yazı Tipi

1. Takvimler Artı

Calendas Plus başlığının ekran görüntüsü.

Calendas'ın tarihi, bir takvim projesi için tasarlandığı (tahmin ettiğiniz gibi) 2010 yılına kadar uzanıyor. Küçük boyutlarda kullanıldığında bile okunabilir kalacak şekilde tasarlanmış klasik, zarif bir yazı tipidir ve ücretsiz olarak kullanılabilir.

2. Acı Ht

Bitter Ht başlığının ekran görüntüsü.

Bitter Ht, cesur bir tasarıma sahip bir serif yazı tipidir. E-Kitaplar için kullanılmak üzere tasarlanmıştır, yani düşük çözünürlüklerde bile okunabilirlik için optimize edilmiştir. En iyi kısım? Tamamen ücretsizdir.

3. Fritz

Fritz başlığının ekran görüntüsü.

Gördüğünüz gibi, Fritz benzersiz bir serif yazı tipidir. Harfleri, parantezsiz seriflere sahip ince gövdelere ve kollara sahiptir ve onlara göz alıcı, mekanik bir görünüm verir. Yazı tipi, birden fazla ağırlıkta dört varyasyonda gelir ve tüm ana yazı tipi formatlarında mevcuttur.

4. Cinzel

Cinzel yazı tipi örneği.

Cinzel, tasarımına modern ve çağdaş bir dokunuş katan, Latin alfabesinin kökenlerinden ilham alan klasik bir yazı biçimidir. Yazı tipi, özellikle Google Yazı Tipleri kitaplığına dahil edilmek üzere tasarlanmıştır (böylece iyi olması gerektiğini bilirsiniz) ve tamamen ücretsizdir.

5. Modum

Modum yazı tipi örneği.

Modum, çağdaş bir his veren bir serif yazı tipidir ve Nisan 2014'te MyFonts Ayın Yazı Tipi Ödülü'nün yanı sıra HiiBrand Uluslararası Tipografi Yarışması'ndan bir Başarı Ödülü'nün sahibidir.

6. Margot

Margot başlığının ekran görüntüsü.

Margot küçük baskılarda iyi çalışırken, posterler ve büyük tabelalar söz konusu olduğunda parlıyor; bu da onu okunabilirliğe önem veren büyük tasarımlar için mükemmel hale getiriyor. Ayrıca, yumuşak kıvrımlara yaptığı vurgu, ona samimi ve erişilebilir bir his verir.

7. Orta

Medio başlığının ekran görüntüsü.

Medio, ince ve geniş çizgilerin ve gövdelerin bir karışımını birleştirerek çekici bir görsel efekt oluşturan zarif bir serif yazı tipidir. Kontrast, küçük boyutlar kullanıldığında o kadar kolay fark edilmez, ancak yazı tipini başlıklarda veya başlıklarda kullanırken kolayca görünür hale gelir.

8. Ainslie

Ainslie başlığının ekran görüntüsü.

Ainslie aslında yaratıcıları Insigne Design'dan türünün ilk örneği olan bir 'yarı serif' yazı tipidir. Aslen 2013'te Canberra Avustralya Yüzüncü Yıl Yazı Tipi Yarışması için yaratıldı ve şimdi web sitelerinde 42 varyasyonda (okunabilirlik açısından hepsi harika) satışa sunuldu.

9. Korneuburg Levhası

Korneuburg Slab başlığının ekran görüntüsü.

Korneuburg Slab, farklı bir serif yazı tipi olan Korneuburg Display'in yumuşatılmış bir versiyonudur. Bir dönem projesi olarak yapıldı ve tasarımında kısmen Korneuburg'un ünlü kemerlerinden ilham alındı.

10. Aleo

Aleo başlığının ekran görüntüsü.

Aleo, çok fazla kişiliğe sahip olmakla birlikte yüksek oranda okunabilir olan şık bir levha serif yazı tipidir. Bu ücretsiz yazı tipi altı farklı stilde gelir ve kalın versiyonu, yüksek etkili başlıklar ve başlıklar için çok uygundur.

11. Klinik Döşeme

Klinic Slab yazı tipi örneği.

Yine başka bir levha serif yazı tipi, bu sadece bir adam tarafından el yapımı olmasına rağmen. Toplam sekiz yazı tipi için dört farklı ağırlıkta gelir ve hem baskı hem de ekran tasarımı için çok uygundur. Bu yazı tipini kişisel kullanım için 'istediğiniz kadar öde' lisans anlaşması kapsamında edinebilirsiniz.

12. Bandera Metni

Bandera başlığının ekran görüntüsü.

Bandera Text, hem normal baskı işlerinde hem de büyük başlıklarda öne çıkabilen çok yönlü bir yazı tipidir. Yine de eskimiş hissettirmeyen çok klasik bir tasarıma sahiptir ve altı farklı ağırlıkta gelir.

13. Deneme

Tryst yazı tipi örneği.

Tryst, 18. yüzyıl tipografisinden ilham alan zarif bir tiptir. Harfleri yumuşak ve yüksek vuruş kontrastı nedeniyle gözleri yormaz, bu da onu dijital ekranlar için ideal bir seçim haline getirir.

14. Fenix ​​STD

Fenix ​​STD yazı tipi örneği.

Fenix ​​STD, uzun okumalar düşünülerek tasarlanmış, kaba kaligrafik vuruşlardan oluşan ve güçlü seriflere sahip bir yazı tipidir. Ayrıca, 'istediğiniz kadar öde' lisansı kapsamında tamamen ücretsizdir.

15. Gazpare

Gaspar yazı tipi örneği.

Gaspar, yoğun editoryal kullanım için oluşturulmuş bir levha serif yazı tipidir. Yaratıcısı Carlos Alonso Costa, bu yazı tipini tasarlarken aklında basit bir hedef vardı: göze çok yoğun görünmeyecek okunaklı bir yazı tipi.

16. Uşak

Butler başlığının ekran görüntüsü.

Butler, ekstra bir şablon ailesi ekleyerek serif yazı tiplerinin stilini modernleştirmeyi amaçlıyor. Bu yazı tipi çok yönlüdür ve yüksek kontrastları sayesinde posterlerde, kitaplarda veya dijital ekranlarda yerinde görünmez.

17. Ethos

Ethos yazı tipi örneği.

Ethos, tek bir yazı tipinden daha fazlasıdır – toplamda 36 stili olan bir serif yazı tipi ailesidir. Bu çok çeşitli türler, Ethos'un kendisini herhangi bir tasarım durumuna ayarlamasını sağlar. Ayrıca, küçük büyük harfler ve bitişik harfler gibi birkaç OpenType özelliğine sahiptir.

18. Voga

Voga başlığının ekran görüntüsü.

Voga seksi (evet, kelime seçimimizin arkasındayız) ve zarif Didone yazı tipidir. Yüksek ve zarif harfleriyle bir moda dergisinde veya blogunda yersiz görünmez.

19. Titiz Ariel

Titiz Ariel başlığının ekran görüntüsü.

Zaten bir moda vuruşunda olduğumuza göre, Titiz Ariel'e bir göz atalım. Voga kadar zarif olmasa da, Titiz Ariel, klasik Avrupa dokunuşları ve güçlü türleri sayesinde kesin bir üst düzey his veriyor.

20. Rüya

Recia başlığının ekran görüntüsü.

Recia, Carlos del Toro tarafından baskı ve teşhirde kullanılmak üzere tasarlanmış beş stile sahip bir serif yazı tipidir. Göze çarpan x-yüksekliklerine sahiptir, yazı tipi biraz yoğundur ve tüm stillerinde çok okunabilir.

21. Henry

Henry yazı tipi örneği.

Henry, Matthieu Cortat tarafından tasarlanan klasik, hoş oranlara sahip bir serif yazı tipidir. Yüksek kapak yüksekliğine, güçlü, köşeli seriflere sahiptir ve baskı işleri veya e-Kitaplar için mükemmeldir.

22. Stuart

Stuart yazı tipi örneği.

Stuart, Matthieu Cortat'ın bir başka yazı tipidir. Bu, daha yumuşak vuruşlara ve x yüksekliği ile kapak yüksekliği arasında hoş bir dengeye sahip olup, çeşitli tasarım türleri için çok uygundur.

23. Andada

Andada yazı tipi örneği.

Andada, sağlam bir his ve orta vuruş kontrastı olan bir levha serif yazı tipidir. Ibero-Amerika Tasarım Bienali'nde ödül aldı ve aslen Carolina Giovagnoli tarafından tasarlandı.

24. Borgia Pro

Borgia Pro yazı tipi örneği.

Borgia Pro, basılı eserler gibi yüksek yoğunluklu tasarımlarda harika görünen sekiz yazı tipi bir serif ailesidir. Harfleri, kısmen kaselerinin inceliği nedeniyle göze hoş gelen bir yumuşaklığa sahiptir.

25. Kaluna

Calluna yazı tipi örneği.

İşin garibi, Calluna kısmen tesadüfen yaratıldı. Yazarı, farklı bir yazı tipi üzerinde çalışmaya ara verirken oyalanmak yerine tam levha serif tasarımıyla oyalanmaya karar verdi ve Calluna böylece doğdu.

26. Lora

Lora yazı tipi örneği.

Lora, çok sayıda metin içeren tasarımlar için iyi bir seçim yapmak için kaligrafik kökleri ve yeterli kontrastı olan modern bir seriftir. Baskıda iyi çalışmasına rağmen, orijinal olarak dijital ekranlar düşünülerek tasarlandı.

27. Roboto Döşeme

Roboto Slab yazı tipi örneği.

Roboto Slab, çok sayıda karaktere sahip bir yazı tipidir. Tasarımı esas olarak geometrik şekillerden oluşur ve ona bir şekilde dost kalmayı başaran mekanik bir görünüm verir. Biraz teknik bir görünüm elde etmeye çalışırken yine de arkadaşça bir his veriyorsanız bu mükemmel.

28. Merriweather

Merriweather yazı tipi örneği.

Merriweather, Eben Sorkin tarafından tasarlanan bir serif yazı tipidir. Bu yazı tipi, bol miktarda x-yüksekliği, yoğun harfler ve sağlam serifler içerir; bu da onu yüksek düzeyde okunabilir olması gereken tasarımlar için iyi bir seçim haline getirir.

29. Arvo

Arvo yazı tipi örneği.

Arvo, dört farklı ağırlık içeren geometrik bir levha serif yazı tipidir. Kuyrukları, dirsekli seriflerinin yanı sıra tasarımlarınıza sağlam bir hava katacak olan güçlü bir eğime sahiptir.

30. Vollkorn

Vollkorn yazı tipi örneği.

Vollkorn, Friedrich Althausen'in tasarladığı ilk yazı karakteriydi ve 11 küsur yıl sonra hala kullanımda. Althausen'e göre, yazı tipini hem basılı hem de web projelerinde günlük kullanım için mütevazı, sağlam bir metin yüzü olacak şekilde tasarladı.

Çözüm

İyi bir yazı tipi tek başına tasarım projelerinizi başyapıtlara dönüştürmese de, kesinlikle izleyicilerinizin dikkatini çekmenize (ve tutmanıza!) yardımcı olabilir. Okunabilirliği göz önünde bulundurarak bir yazı tipi seçmek, özellikle gözleri yorduğundan, çok fazla okumanın söz konusu olacağını bildiğiniz senaryolar için çok önemlidir.

Bu serif yazı tipleri, düşünebileceğiniz her türlü projeyi hemen hemen kapsamalıdır, ancak bunun için bizim sözümüze güvenmeyin – herhangi bir yazı tipiyle düğümü bağlamadan önce etrafa bakın ve orada başka neler olduğunu görmekten çekinmeyin.

Tasarımlarınıza serif mi yoksa sans serif mi uygulayacağınızı nasıl seçersiniz? Aşağıdaki yorumlar bölümüne abone olun ve sürecinizi bizimle paylaşın!

Neuevector / Shutterstock.com'dan makale küçük resmi

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir