Çoğu “amatör” tasarımın sorunu renk değil, yazıdır. Birkaç kural işin %80’ini çözer.
1. En fazla 2 yazı tipi
Bir başlık fontu + bir metin fontu yeter. Üçüncüsü kalabalık yapar. Emin değilsen tek fontun farklı kalınlıklarını (regular, bold) kullan.
2. Okunabilir boyut ve satır aralığı
- Gövde metni web’de 16px civarı başlasın (daha küçüğü yorar).
- Satır yüksekliği (line-height) 1.5 civarı. Sıkışık satırlar okumayı zorlaştırır.
- Satır uzunluğu 50-75 karakter. Çok uzun satırda göz sıradan şaşar.
3. Hiyerarşi kur
Okuyucu neye önce bakacağını anlamalı. Boyut, kalınlık ve renkle seviye oluştur:
Başlık 32px, bold
Alt başlık 22px, semibold
Gövde 16px, regular
İpucu/not 13px, regular, soluk renk
Her şey aynı boyutta olursa hiçbir şey öne çıkmaz.
4. Hizalama
- Gövde metnini sola hizala. İki yana yaslama (justify) web’de kelimeler arasında çirkin boşluklar açar.
- Aynı grup öğeleri aynı çizgiye hizala; dağınık kenarlar göze “özensiz” görünür.
5. Ücretsiz, güvenli font kaynağı
Google Fonts (ticari kullanım serbest). Başlangıç için iyi eşleşmeler:
- Inter / Roboto / Open Sans — temiz, modern gövde fontları
- Montserrat / Poppins — güçlü başlıklar
- JetBrains Mono / Fira Code — kod blokları için
6. Kontrast
Açık gri zeminde açık gri yazı “şık” değil, okunmaz. Metin ile zemin arasında yeterli kontrast olsun (WCAG en az 4.5:1). WebAIM: Contrast Checker ile ölç.
Çalışmanızı paylaşın, tipografi üzerine yorumlayalım.