Marka Rengi ve Tipografi Seçimi Rehberi
Renk ve tipografi, bir websitenin ilk izlenimini belirleyen en görsel unsurlardır. Bu yazıda markanıza uygun renk ve font seçimini nasıl yapacağınızı anlatıyoruz.
Kısa özet
- 2-3 ana renk ve 2 font ailesi genelde yeterlidir.
- Renkler duygu uyandırır, sektöre uygun seçilmeli.
- Metin/arka plan kontrastı erişilebilirlik için önemlidir.
İçindekiler
Renk seçimi nasıl yapılır?#
Renkler duygu uyandırır: mavi güven, yeşil doğa/sağlık, kırmızı enerji/aciliyet çağrıştırır. Sektörünüze ve marka kişiliğinize uygun bir ANA renk, bir vurgu (accent) rengi ve nötr tonlar (beyaz, gri, siyah) seçmek genelde yeterlidir.
- Ana renk — logo ve genel marka kimliğinde kullanılan renk
- Vurgu rengi — butonlar ve dikkat çekilmesi gereken unsurlar için
- Nötr tonlar — arka plan ve metin için
Bu içeriği bütçenize uyarlayalım
Kısa bir formla size özel fiyat aralığını çıkaralım.
Geliştirici olarak katılın
Yazılımcı, ajans ya da freelancer’sanız kaydolun; uzmanlığınıza ve kapasitenize uyan talepleri size iletelim. Kayıt ücretsizdir, komisyon talep edilmez.
Tipografi seçimi#
Genelde iki font ailesi yeterlidir: biri başlıklar için (daha belirgin, karakterli), biri gövde metni için (yüksek okunabilirlik). İkiden fazla font kullanmak görsel karmaşa yaratır.
Erişilebilirlik: renk kontrastı#
Metin ve arka plan renkleri arasında yeterli kontrast olmalı; açık gri metin beyaz zemin üzerinde okunması zor olabilir. WCAG standardı, normal metin için en az 4,5:1 kontrast oranı önerir.
Renk paletinizi nasıl test edersiniz?#
Seçtiğiniz renk paletini gerçek bir sayfa taslağında (buton, başlık, arka plan üzerinde) görmeden karar vermeyin; ekran üzerinde bir renk, küçük bir renk paleti görselinde göründüğünden çok farklı hissettirebilir. Birkaç kişiye taslağı gösterip ilk izlenimlerini sormak da faydalı bir kontrol yöntemidir.
Tipografi seçerken erişilebilirlik#
Çok ince (light) font ağırlıkları küçük ekranlarda okunması zor olabilir. Gövde metni için en az 400 (normal) font ağırlığı ve yeterli satır aralığı (1.5-1.6) kullanmak, özellikle yaşlı veya görme zorluğu yaşayan ziyaretçiler için okunabilirliği artırır.
Sık sorulan sorular
- Kaç renk kullanmalıyım?
- Genelde 2-3 ana renk (ana, vurgu, nötr) yeterlidir; fazlası markayı tutarsız gösterebilir.
- Ücretsiz font nereden bulunur?
- Google Fonts, geniş bir ücretsiz ve web için optimize edilmiş font kütüphanesi sunar.
İlgili rehberler
İçerik ve Tasarım
Mobil Uyumlu Website Tasarımı İlkeleri
Mobil uyumlu tasarım; okunabilir yazı boyutu, dokunma dostu butonlar ve sadeleştirilmiş menü yapısına dayanır.
Devamını Oku
İçerik ve Tasarım
Website İçin Görsel Seçimi ve Optimizasyonu
Doğru görsel seçimi ve optimizasyonu; sayfa hızını korurken markanıza uygun, kaliteli bir görünüm sağlar.
Devamını Oku
İçerik ve Tasarım
Ürün / Hizmet Sayfası Nasıl Kurgulanır?
Etkili bir ürün/hizmet sayfası; net bir başlık, fayda odaklı açıklama, görseller ve net bir eylem çağrısı…
Devamını Oku