# Web sitesi için fotoğraf, tipografi ve renk seçimi Görsel tercihler markanın tanınmasına ve rahat okumaya yardım etmelidir. Kullanım hakkı, sade yazı sistemi ve gerçek arayüz durumlarında kontrastla başlayın. Kafe, sıcak fotoğrafları sade menü yazılarıyla birleştirebilir; menü fotoğraflar olmadan da okunabilmelidir. Lisanslı görsel bile olmayan bir mekânı veya müşteriyi varmış gibi gösteriyorsa yanıltıcı olabilir. ## Görsel dili içerik kararlarından sonra kurun Fotoğraf, yazı tipi ve renk seçimi birbirinden bağımsız süsleme kararları değildir. Ziyaretçiye hangi bilgiyi önce göstereceğiniz ve markanın nasıl bir tonla konuşacağı bu seçimleri etkiler. Uzun hizmet açıklamaları bulunan bir sitede okunabilir metin düzeni önem kazanırken görsel portföy ağırlıklı bir sitede fotoğrafların oranı ve sıralaması daha belirleyici olabilir. Önce içerik yapısını anlamadan estetik araçları seçmek düzeni zorlaştırır. Bir başlangıç panosunda birkaç örnek fotoğraf, başlık ve gövde yazısı ile sınırlı renk paletini birlikte değerlendirin. Her öğe tek başına güzel görünebilir ama aynı sayfada farklı karakterler taşıyabilir. Sert ve teknik bir fotoğraf diliyle çok süslü yazı tipi birleştiğinde hizmetin tonu belirsizleşebilir. Amaç bütün öğelerin birbirinin aynısı olması değil, ortak anlatıyı desteklemesidir. Referans panosunu gerçek içerikle sınayın. Kısa İngilizce başlıkla iyi duran bir font, uzun Türkçe metinde sıkışabilir. Logonun koyu zeminde okunmaması veya fotoğraf üzerinde düğmenin kaybolması ancak birleşik kullanımda görülebilir. Kararı yalnız font örnek ekranında veya renk kartelasında vermeyin. ## Fotoğrafta hak, bağlam ve kadrajı birlikte kontrol edin Bir görselin internetten indirilebilmesi ticari sitede kullanılabileceği anlamına gelmez. Fotoğrafın kaynağını ve lisans koşullarını kaydedin. Kendi çalışma fotoğrafınızı kullanıyorsanız mekanda görünen kişiler, markalar veya müşteri işleri için gerekli izinleri değerlendirin. Başkasının ürününü veya ofisini işletmenizin gerçek varlığı gibi sunmayın. Stok görsel kullanımı açık bir anlatıyı destekleyebilir; fakat gerçek ekibiniz veya tamamladığınız iş gibi gösterilmemelidir. Özellikle portföy ve referans bölümlerinde bağlam önemlidir. Görsel bir konsept için hazırlanmışsa örnek olduğunu belirtin. Fotoğrafın estetik niteliği, yanlış izlenim yaratmasını haklı çıkarmaz. Kadrajı mobil ve masaüstünde ayrı inceleyin. Geniş ekranda görünen önemli bir yüz, ürün veya mimari ayrıntı telefonda kesilebilir. Odak noktasını düşünün, görselin anlamını kaybetmediğini kontrol edin ve yerleşime uygun boyutta dosya hazırlayın. Alternatif metin de fotoğrafın sayfadaki işlevine göre yazılmalıdır; dekoratif görsel ile bilgi taşıyan görsel aynı açıklamaya ihtiyaç duymaz. ## Tipografi ve renkte küçük, tutarlı bir sistem seçin Çok sayıda font kullanmak otomatik olarak daha özgün tasarım üretmez. Başlık ve gövde için sınırlı bir aile seçimi, tutarlı ağırlık ve boşluk sistemi çoğu küçük site için yeterli olabilir. Türkçe karakterleri, gerekli diğer alfabeleri ve kullanılan ağırlıkların lisansını kontrol edin. Her ziyaretçiye bütün dil fontlarını yüklemek yerine dilin ihtiyacına uygun yükleme yaklaşımı performansa yardımcı olur. Renkte ana yüzey, metin, sınır, marka ve vurgu rollerini belirleyin. Aynı yeşili bir yerde düğme, başka yerde hata, üçüncü yerde pasif durum için kullanmak anlamı karıştırabilir. Hata ve seçim durumunu yalnız renkle anlatmayın. Metin ile zemin arasındaki kontrastı ölçün; göz kararıyla okunabilir görünen açık tonlar küçük metinde yetersiz kalabilir. Son kontrolde sistemi uzun içerik, kısa kart, form, koyu bölüm ve mobil menü üzerinde deneyin. Rastgele istisnalar çoğalıyorsa temel seçimleri yeniden değerlendirin. İyi görsel dil, birkaç etkileyici ekran üretmekten öte farklı içerik durumlarında tutarlı kalır. Fotoğrafın hakkı, yazının okunabilirliği ve rengin işlevi birlikte düşünülürse estetik kararlar sitenin kullanımını da güçlendirir. **Görsel sistem için küçük bir kullanım matrisi kurun:** Açık zemin, koyu zemin, fotoğraf üstü metin, kısa kart ve uzun yazı örneklerini yan yana inceleyin. Logo ve başlık her ortamda anlaşılır mı? Aynı vurgu rengi bağlantı, düğme ve seçim durumunda tutarlı çalışıyor mu? Bu prova, tek bir etkileyici kapak üzerinden karar vermeyi engeller. Fotoğraf dosyalarının yanına kaynak ve lisans notu ekleyin. Müşteriden gelen görsel için de “müşteri sağladı” bilgisinin dışında kullanım bağlamı anlaşılmalıdır. Portföyde yayımlanabilecek fotoğrafın sosyal reklamda kullanılmasına farklı koşullar uygulanabilir. Genel bir hak devri varsaymak yerine gerçekten gerekli kullanım alanını doğrulayın. Özgün çekim varsa düzenlenmiş son dosyalarla orijinallerin nerede tutulacağı da teslim planına girebilir. Yazı tipini seçerken yalnız başlık örneğini değil, rakamları ve özel karakterleri kontrol edin. Fiyat, telefon ve e-posta alanlarında karakterlerin birbirinden ayırt edilebilmesi önemlidir. Çok dilde kullanılacaksa her dilin ihtiyaç duyduğu glifler gerçekten mevcut olmalıdır. Eksik karakterin farklı sistem fontuyla görünmesi kompozisyonu değiştirebilir. Son kararı gerçek içerik ve farklı ekranlarda verdikten sonra sistemi belgeleyin; sonraki sayfalar eklenirken her tasarım kararını baştan vermek zorunda kalmazsınız. Renk kararlarını baskı veya sunum görsellerinden doğrudan kopyalamayın. Ekranda metin boyutu, zemin ve etkileşim durumu sonucu değiştirir. Seçilen paleti odak halkası, hata metni ve pasif kontrol gibi gerçek arayüz durumlarında ölçmek görsel sistemin kullanılabilirliğini artırır. Görsel kararları bir örnek sayfada birlikte test edin. Seçilen yazı tipi tek başına okunaklı olabilir, ancak ince ağırlık ve düşük kontrastla birleştiğinde küçük ekranda zorlaşabilir. Benzer biçimde güçlü bir marka rengi bütün arka planlara uygulandığında metin hiyerarşisini bastırabilir. Renk, tipografi ve boşluk ayrı tercihler gibi görünse de kullanıcı bunları aynı anda deneyimler. Fotoğraf seçerken yalnızca konuya bakmayın; kadrajda metin için yer bulunması, küçük boyutta anlaşılabilirlik ve farklı oranlarda kırpılma da önemlidir. Bir masaüstü kapak görseli mobilde ana nesneyi kaybedebilir. Alternatif kırpma veya ayrı görsel kullanmak gerekiyorsa bu karar içerik hazırlığı sırasında alınmalıdır. Lisans kaydını dosya adıyla ilişkilendirin. Görselin kaynağı, kullanım koşulu ve varsa zorunlu atıf bilgisi saklandığında sonraki güncellemelerde aynı sorular tekrar çözülmez. Yazı tipleri için de web kullanımına uygun lisans ve gerekli dosyalar kontrol edilmelidir. Marka dosyalarının yalnızca düşük çözünürlüklü ekran görüntülerinden oluşması kaliteyi sınırlar; varsa özgün vektör veya yüksek kaliteli sürüm istenmelidir. Bu hazırlık görsel tasarımın daha temiz görünmesini ve teslimin başka biri tarafından sürdürülebilmesini birlikte destekler. ## Uygulama kontrolü - Görsel lisanslarını kaydedin - Uzun başlıkları deneyin - Yazı ve buton kontrastını kontrol edin **Somut örnek:** Kafe, sıcak fotoğrafları sade menü yazılarıyla birleştirebilir; menü fotoğraflar olmadan da okunabilmelidir. **Dikkat edilmesi gereken sınır:** Lisanslı görsel bile olmayan bir mekânı veya müşteriyi varmış gibi gösteriyorsa yanıltıcı olabilir. ## Sonraki adım [Projenizi Orvunweb’e anlatın](/tr/basvuru/) ## İlgili okumalar - [Hazır tema mı, işletmeye uyarlanmış tasarım mı?](/tr/blog/hazir-tema-mi-isletmeye-uyarlanmis-tasarim-mi/) - [Görseller web için nasıl hazırlanır?](/tr/blog/gorseller-web-icin-nasil-hazirlanir/) - [Mimarlık ve iç mimarlık portföyü nasıl sunulur?](/tr/blog/mimarlik-ve-ic-mimarlik-portfoyu-nasil-sunulur/) - [Kurumsal web sitesi hizmeti](/tr/hizmetler/kurumsal-web-sitesi/) - [Paketleri karşılaştırın](/tr/paketler/) ## İlgili hizmetler - [Kurumsal tanıtım sitesi](/tr/hizmetler/kurumsal-web-sitesi/) --- Locale: tr Canonical: https://orvunweb.com/tr/blog/web-sitesi-icin-fotograf-tipografi-ve-renk-secimi/ Updated: 2026-09-16 - [W3C WAI — Images](https://www.w3.org/WAI/tutorials/images/)