Tasarım

Okunabilir Arayüzler İçin Tipografi Rehberi

444 SEO Ekibi1 dk okuma
Okunabilir Arayüzler İçin Tipografi Rehberi
İçindekiler
  1. Gövde metni boyutu
  2. Satır yüksekliği ve uzunluğu
  3. Kontrast
ℹ️ Bu yazı, blog kurulumunda otomatik oluşturulan örnek içeriktir. Yönetim panelinden düzenleyebilir veya silebilirsiniz.

Kullanıcılar web sayfalarını okumaz, tarar. İyi tipografi bu taramayı kolaylaştırır.

Gövde metni boyutu

Mobilde en az 16px gövde metni kullanın. Daha küçük boyutlar yakınlaştırma ihtiyacı doğurur.

Satır yüksekliği ve uzunluğu

1.6–1.8 satır yüksekliği ve satır başına 60–75 karakter, uzun metinlerde rahat bir okuma sağlar.

Kontrast

Açık gri metin şık görünebilir ama okunabilirliği düşürür. WCAG AA için en az 4.5:1 kontrast oranını hedefleyin.

İyi tipografi fark edilmez; kötü tipografi ise hemen fark edilir.

444 SEO Ekibi

444 SEO ekibi; arama motoru optimizasyonu, yazılım ve dijital pazarlama alanındaki deneyimlerini bu blogda paylaşıyor.