Web Tasarımında Kullanacağınız Yazıtipleri Üzerine 7 İpucu
İletişim tasarımda hayati bir rol oynar; web sitesi ile kullanıcı arasında net bir bağlantı kurmak. Ve kullanıcılarınızın hedeflerine ulaşmasına yardımcı olmak çok önemlidir. Web tasarımı bağlamında iletişim hakkında konuştuğumuzda, genellikle metinden bahsediyoruz. Tipografi bu süreçte hayati bir rol oynar:
Web’deki bilgilerin yüzde 95’inden fazlası yazılı dil biçimindedir.
İyi yazıtipi seçimi, okuma eylemini zahmetsiz hale getirirken, zayıf tipografi kullanıcıları kapatır.
Yazıtipinizi optimize etmek, okunabilirliği, erişilebilirliği, kullanılabilirliği(!), genel grafik dengesini optimize etmektir.
Başka bir deyişle: yazıtipinizi optimize etmek, kullanıcı arayüzünüzü de optimize eder. Bu makalede, metin içeriğinizin okunabilirliğini ve okunabilirliğini geliştirmenize yardımcı olacak bir dizi kural sunacağım.
1. Kullanılan Yazı Tipi Sayısını Minimumda Tutun
3’ten fazla farklı yazı tipi kullanmak, bir web sitesinin yapılandırılmamış ve profesyonelce görünmesini sağlar. Aynı anda çok fazla yazı tipi boyutu ve stilinin de herhangi bir düzeni bozabileceğini unutmayın.
Genel olarak, yazı tipi ailelerinin sayısını minimumla sınırlayın (ikisi çoktur, biri genellikle yeterlidir). Ve tüm web sitesi boyunca aynı ailelere bağlı kalın. Birden fazla yazı tipi kullanıyorsanız, yazı tipi ailelerinin karakter genişliklerine göre birbirini tamamlamasını sağlayın. Aşağıdaki yazı tipi kombinasyonları örneğini alın. Georgia ve Verdana (solda) kombinasyonu, uyumlu bir eşleşme yaratan benzer değerleri paylaşır. Bunu, Impact’in ağırlığının Baskerville’i büyük ölçüde gölgede bıraktığı Baskerville ve Impact (sağda) eşleştirmesiyle karşılaştırın.
2. Standart Yazı Tiplerini Kullanmaya Çalışın
Yazı tipi gömme hizmetleri ( Google Web Yazı Tipleri veya Typekit gibi ), tasarımlarınıza yeni, taze ve beklenmedik bir şey verebilecek birçok ilginç yazı tipine sahiptir. Peki ne yanlış gidebilir? Aslında, bu yaklaşımın ciddi bir sorunu var: ilginç yazı tipleri, kullanıcıların okumasını engelleyebilir. Kullanıcılar, metni okumak yerine tasarımcıların kullandığı yazı tiplerini düşünerek zaman harcayabilir.
Web siteniz, marka bilinci oluşturma veya sürükleyici bir deneyim oluşturma gibi özel bir yazı tipine zorunlu bir ihtiyaç duymuyorsa, genellikle sistem yazı tiplerine bağlı kalmak en iyisidir. İyi bir tipografinin okuyucuyu yazının kendisine değil içeriğe çektiğini unutmayın.
3. Sınır Çizgi Uzunluğu
Her satırda doğru miktarda karakter olması, metninizin okunabilirliğinin anahtarıdır. Metninizin genişliğini belirleyen şey tasarımınız olmamalı, aynı zamanda bir okunabilirlik meselesi olmalıdır. Okunabilirlik ve satır uzunluğu ile ilgili bu tavsiyeyi göz önünde bulundurun :
“İyi bir okuma deneyimi istiyorsanız, satır başına yaklaşık 60 karaktere sahip olmalısınız. Her satırda doğru miktarda karakter olması, metninizin okunabilirliğinin anahtarıdır.”
Mobil cihazlar için satır başına 30-40 karakter kullanmalısınız . Aşağıda, bir mobil cihazda görüntülenen iki siteye bir örnek verilmiştir. İlki satır başına 50–75 karakter kullanır (baskı ve masaüstü için satır başına optimum karakter sayısı), ikincisi ise optimum 30–40 karakter kullanır.
Web tasarımında, em veya piksel kullanarak metin bloklarınızın genişliğini kısıtlayarak satır başına en uygun sayıda karakter elde edebilirsiniz .
4. Çeşitli Boyutlarda İyi Çalışan Bir Yazı Tipi Seçin
Kullanıcılar sitenize farklı ekran boyutlarına ve çözünürlüklere sahip cihazlardan erişecektir. Çoğu kullanıcı arabirimi, çeşitli boyutlarda metin öğeleri (düğme kopyası, alan etiketleri, bölüm başlıkları vb.) gerektirir. Her boyutta okunabilirliği ve kullanılabilirliği korumak için birden çok boyut ve ağırlıkta iyi çalışan bir yazı tipi seçmek önemlidir.
Seçtiğiniz yazı tipinin daha küçük ekranlarda okunaklı olduğundan emin olun ! Vivaldi (aşağıdaki örnekte) gibi bitişik el yazısı kullanan yazı tiplerinden kaçınmaya çalışın: güzel olmalarına rağmen okunması zordur.
5. Ayırt Edilebilir Harflerle Yazı Tiplerini Kullanın
Birçok yazı tipi, özellikle “i” ve “L” ile benzer harf biçimlerini karıştırmayı çok kolaylaştırır. Bu nedenle, türünüzü seçerken, kullanıcılarınız için bir soruna neden olmayacağından emin olmak için türünüzü farklı bağlamlarda kontrol ettiğinizden emin olun.
6. Tüm Büyük Harflerden Kaçının
Tüm başlık metinlerinde – tüm harfleri ile metinleri büyük yazabilirsiniz ancak mesajınız okumasını güç hale getirir, metni okumak için kullanıcıların zorlamayın.
7. Satırlar Arasındaki Boşluğu Küçültmeyin
Tipografide, iki metin satırı arasındaki boşluk için özel bir terimimiz vardır – satır başı (veya satır yüksekliği). Satır aralığını artırarak, metin satırları arasındaki dikey beyaz boşluğu artırarak ekran alanı karşılığında genellikle okunabilirliği iyileştirirsiniz. Kural olarak, iyi okunabilirlik için satır aralığı karakter yüksekliğinden yaklaşık %30 daha fazla olmalıdır.