Bazı web sitelerindeki metnin tasarımın bir parçası gibi göründüğünü hiç fark ettiniz mi?
Temiz ve ferahtır, minimal bir duyguya katkıda bulunur. Veya şirketin popüler imajına uyan eski bir yazı tipi. Ya da normalden biraz daha büyük, web sitesini biraz daha kullanışlı gösteriyor.
Günümüzde mobil cihazların yaygınlaşmasıyla tipografi daha da önem kazanmıştır. Şu anda, ABD web sitesi trafiğinin %42’sinden fazlası mobil cihazlardan geliyor.
Bu, tipografi için bir sorun çünkü mobildeki kurallar farklı.
Elbette, ekranlar daha küçük. Ancak, daha az dijital alana ek olarak, mobil cihazlar aslında yazı tipi boyutlarını masaüstü bilgisayarlarda göründüklerinden küçültür.
Ve her beş ziyaretçiden ikisini öylece yabancılaştıramazsınız.
Neyse ki, iyi bir tipografi, sitenizin hem masaüstü hem de mobil cihazlarda kullanımını kolaylaştırır. Ve bu kılavuzda, sitenizi öne çıkarmak için güzel metinleri nasıl kullanacağınızı öğreneceksiniz.
Önerilen makale: farklı iş fikirleri hakkında bilgi almak ve güncel iş fikirleri haberlerine ulaşmak için ilgili sayfayı ziyaret edebilirsiniz.
Mesajınızı iletmek için tipografi kullanın
Harf şekillerinin ilk olarak taştan oyulmasının nedeni bir mesaj paylaşmaktı.
Hayır, tipografi HTML 5, artırılmış gerçeklik veya yapay zeka sohbet botları gibi web teknolojileri kadar seksi değil. Hayır, logo gibi markanızın ön saflarında yer almaz.
Ama bu önemli.
Tipografi okunaksız olduğu için bir web sitesine kaç kez sinirlendiniz? Belki çok küçüktü, belki şu anlaşılmaz el yazısı yazı tiplerinden biriydi ya da belki birbirine çok yakın yerleştirilmişti.
Durum ne olursa olsun, ayrıldınız ve sizinle iletişim kurma şansları sonsuza kadar gitti.
Web sitesini oluşturmak için yaptıkları tüm sıkı çalışmalar, yalnızca birkaç kötü tipografi kararı nedeniyle geçersiz oldu.
Aynı şeyin senin başına gelmesine izin verme.
Bir şeker dükkanında bir sürü parlak yeni harf formuna bakan bir çocuk gibi hissedebilirsiniz. “Şundan bir tane alayım, bir tane de bundan, bir tane de şundan alayım…” diye düşünürsünüz ve ne olduğunu anlamadan karnınız ağrır.
Tüm yeni yazı tipi seçenekleriyle çıldırmaktan kaçınmak için birkaç temel tipografi kuralı öğrenin.
Seçimlerinize rehberlik edecek ve web sitelerinizde güzel yazı tipini nasıl ayarlayacağınızı gösterecekler.
En iyi etki için iki yazı tipini birleştirin
Bir sayfada çok fazla farklı yazı tipini birleştirmek görsel olarak dağınık hale gelir. Yalnızca iki yazı tipi seçin: biri başlıklarınız ve alt başlıklarınız için, diğeri ise gövde metniniz için.
Siteniz için yazı tiplerini seçmek üzere Google Yazı Tiplerini kullanırsanız, seçtiğiniz yazı tiplerine göre otomatik eşleştirmeler sağlar.
Gövde metni yazı tipiniz en önemlisidir. Bilgilerinizin büyük kısmı burada iletilecek ve insanların etrafta dolaşmasını istiyorsunuz, değil mi?
Bu nedenle, okunması kolay bir yazı tipi seçin.
Büyük bir x yüksekliğine sahip olanı bulun: bu, temel harflerin oturduğu yer ile b, h ve d gibi küçük harf kaseleri arasındaki boşluktur. Bir yazı tipinin x-yüksekliği ne kadar büyük ve açıksa, okunması o kadar kolay olur.
Bir gövde metni yazı tipi seçerken, ekrandaki metin boyutundaki örneklere baktığınızdan emin olun. Gövde metni yazı tipinizi 48 pt’ye göre seçmeyin. örnek. Küçük görün ve okunabilir olduğundan emin olun.
Başlıklarınız ve alt başlıklarınız daha kısa olacak, bu nedenle onlar için seçtiğiniz yazı tipi biraz daha gösterişli olabilir. Bir ekran yazı tipi seçerseniz, gideceği yer burasıdır.
Süslü yazı tipleri genellikle ideal tasarım seçenekleri olmasa da, dekoratif bir yazı tipi bile büyük, okunabilir bir başlıkta kullanılabilir.
En iyi yazı tipi kombinasyonları nasıl seçilir
Birlikte kullanmak için iki yazı tipine baktığınızda, harf biçimlerini kontrol edin. Biçim olarak çok benzer veya çok farklı yazı tiplerini birleştirmek en iyisidir.
Yukarıda bahsedilen görüntü tipi yazı tiplerinin ara sıra istisnası dışında, hemen hemen tüm yazı tipleri ya serif ya da sans seriftir. Serif yazı tipleri, harflerin sonunda küçük süslemelere sahiptir ve daha klasik ve geleneksel görünmektedir.
Bu arada, sans serif yazı tipleri (“serifsiz” anlamına gelir) daha temiz ve daha moderndir.
Bir serif ve sans serif yazı tipini birleştirmek popüler bir kombinasyondur, ancak bu temel tasarımın ötesinde pek çok alan vardır.
Web standardı yazı tipleriyle bir örnek kullanmak gerekirse, gövde metninizi Georgia’da ve başlık metninizi Arial Black’te ayarlamak çalışır.
Açıkça farklıdırlar ve aralarındaki zıtlık ilgiyi artırır ve okuyucunuzun başlıktan başlığa göz atmasını kolaylaştırır.
Gövde metni için Georgia ve manşetler için Times New Roman ile aynı sayfayı ayarlamak büyük bir hata olur. Times New Roman, Georgia’ya çok benzeyen ve yeterli kontrast sağlamayan bir serif yazı tipidir.
Farklılar ama yeterince farklı değiller.
Öte yandan, gövde metniniz için Georgia’yı ve daha büyük başlıklar için Georgia Bold’u kullanmak işe yarar. Birlikte gidecek kadar benzerler.
Ses çok mu karmaşık? Merak etme. Yardımcı olacak birçok araç var.
Bir DIY örneği, seçtiğiniz bir yazı tipinden eşleşen bir çift elde edebileceğiniz Canva’nın yazı tipi kombinasyonları aracıdır.
Ancak nereden başlayacağınızı bilmiyorsanız FontPair’e gidin. Bir sonraki projenize çekmeye hazır düzinelerce seçilmiş kombinasyonu listeliyorlar.
Pek çok temel kombinasyona ek olarak, yaratıcı projelerde kullanmak üzere daha ilginç yazı tipi kombinasyonlarını bulabileceğiniz yer burasıdır.
Diğerleri daha önce kombinasyonu kullandığından, riskin bir kısmını ortadan kaldırır.
Okunabilirliğe odaklanın
Yeni yazı tiplerinizi seçtikten ve sayfanıza yerleştirmeye hazır olduğunuzda, okuma deneyimini olabildiğince keyifli hale getirmek için birkaç tipografik kuralı unutmayın.
Daha Büyük Daha İyidir: Hedef pazarınızı düşünün. Siteniz 40 yaşın üzerindeki insanlara hitap ediyorsa, türünüzü düşündüğünüzden daha geniş bir şekilde ayarlamayı düşünün. Okuması daha kolay ve bu şekilde sunmanın size hiçbir maliyeti yok.
Dark on Light: Rahat okuma için açık renkli zemin üzerine koyu renkli yazı tipi kullanın. Siteniz bir gece kulübü veya bir müzisyen içinse, insanlar sitenizi okumak için ziyaret etmiyorlar, bu yüzden devam edin ve gerekiyorsa karanlık bir zeminde açık renkli yazı tipi kullanın. Yine de ziyaretçilerimizin okumasını isteyenler için, açık renkli bir arka plan üzerinde koyu yazı tipi en iyisidir.
Yaslamadan Kaçının: Yaslanmış yazı, sol ve sağ taraflar boyunca hizalanır. En çok sütun genişliklerinin dar olduğu gazetelerde kullanılır. Yazı satırlarını iki yana yaslamak için, kelimelerin arasına boşluklar konularak her iki tarafa da itilir.
Pek çok insanın haklı tip görünümünden hoşlandığını biliyorum. Gerekçelendirmeyi sevmememin nedeni, eklenen boşlukların rastgele olması ve satırdan satıra değişmesidir. Bu, eşit olmayan bir okuma deneyimi sağlar.
Yazı satırlarınız için eşit, öngörülebilir bir “ritim” oluşturmak her zaman en iyisidir ve sola yaslı tipografi, pürüzsüz, eşit bir okuma sunma konusunda üstün bir iş çıkarır.
Çözüm
Düzgün, eşit, tahmin edilebilir dizgi, okuyucunuzla en iyi şekilde iletişim kuracağı için hedeflemeniz gereken şeydir.
Akılda kalıcı bir görsel stil oluşturmak için ikiden fazla yazı tipi seçmeyin. Benzer veya zıt tarzlardan yararlanın ve seçiminizi belirginleştirin. Tipinizi okunabilirliği göz önünde bulundurarak ayarlayın.
Elbette tipografi ustalığında çok daha fazlası var. Birçok profesyonel web sitesi tasarımcısının konuyla ilgili birkaç eksiksiz kitabı vardır.
Ama bu başlamanıza yardımcı olacaktır. Öncelikli endişeniz okuyucunuzla iletişim kurmaksa, bu ipuçları metninizin net ve okunması kolay olmasını sağlayacaktır.
Ve gerçekten, en önemli olan da bu.