Web Tasarımında Tipografi: Okunabilir ve Karakterli Yazılar

Bir web sitesindeki içeriğin büyük kısmı yazıdır. Bu yüzden tipografi, yani yazıların seçimi ve düzeni, sitenin hem karakterini hem de kullanışlılığını belirler. İyi tipografi fark edilmez; ziyaretçi sadece metni rahatça okuduğunu hisseder.

Az sayıda yazı tipi kullanın

Bir sitede genellikle bir veya iki yazı tipi yeterlidir: biri başlıklar, biri metinler için. Çok sayıda yazı tipi hem karmaşık görünür hem de sayfanın yavaş açılmasına neden olur.

Türkçe karakter desteğini kontrol edin

Seçtiğiniz yazı tipinin ç, ğ, ı, İ, ö, ş, ü harflerini düzgün gösterdiğinden emin olun. Bazı fontlarda bu harfler eksiktir ve yerine başka bir fonttan harf gelir; bu da metinde göze batan tutarsızlıklar yaratır.

Metin boyutu ve satır aralığı

• Gövde metni için masaüstünde 16–18 piksel civarı rahat okunur.
• Satır aralığı yazı boyutunun yaklaşık 1,5–1,7 katı olmalı.
• Mobilde metin küçülmemeli; ziyaretçi yakınlaştırma yapmak zorunda kalmamalı.

Satır uzunluğu

Çok uzun satırlar gözü yorar, çok kısa satırlar okuma ritmini bozar. Bir satırda yaklaşık 60–80 karakter idealdir. Geniş ekranlarda metin alanını sınırlamak okunabilirliği artırır.

Başlık hiyerarşisi

Başlıklar, sayfanın iskeletidir. Ana başlık (H1), bölüm başlıkları (H2) ve alt başlıklar (H3) boyut ve kalınlık olarak birbirinden net şekilde ayrılmalı. Bu hiyerarşi hem ziyaretçinin sayfayı taramasını hem de Google'ın içeriği anlamasını kolaylaştırır.

Hizalama

Web'de metinler genellikle sola hizalı olmalı. İki yana yaslanmış metinler kelimeler arasında düzensiz boşluklar oluşturur; ortalanmış uzun metinler ise okumayı zorlaştırır.

Yazı tipi yükleme performansı

Web fontları doğru yüklenmezse sayfa açılırken metin bir süre görünmez veya kayar. Yalnızca kullanılan kalınlıkları yüklemek ve yükleme sırasında yedek fontla metni göstermek bu sorunu önler.

Sonuç

Tipografi, markanızın sesini sayfaya taşır. Kurumsal web tasarım projelerimizde yazı tiplerini hem marka kişiliğine hem de okunabilirliğe göre seçiyoruz.