Tasarım önerileri

Sayfada banner tasarımı ile ilgili öneriler sunulmaktadır. İllüstrasyonların küçültülmüş boyutta oldğunu unutmayın.

Yazı tipi

1. Banner üzerindeki yazı tipi yüksekliği en fazla şu kadar olmalıdır:

   • 140 piksel, eğer metin banner’ın %10’undan fazlasını kaplamıyorsa;

     

   • 104 piksel (metin kapladığı alan, banner'ın alanının %15'ini geçmiyorsa);

     

   • 88 piksel, eğer metin banner’ın %25’inden fazlasını kaplamıyorsa;

     

   • Metin tek satırsa 64 piksel;

     

   • 40 piksel, eğer metin iki satırda yazılmışsa;

   • 30 piksel, eğer metin üç satırda yazılmışsa.

     

2. Logolar, mesajlar, görseller, uyarılar için minimum yazı tipi boyutu 22 pikseldir. Paketlerin ve ürünlerin fotoğrafları veya ekran görüntüleri istisna olarak kabul edilir.

Metin konumu

Banner'ın kenarından metne kadar olan mesafe en az 20 piksel olmalıdır. Metin ve banner unsurları güvenli bölgelerde yer almamalıdır.

Güvenli bölge boyutu:

• Etiket – 60×20;

• Üç nokta – 42×42.

Örnekkte güvenli bölgeler kırmızı ile vurgulanmıştır:

Logo boyutu

Markanın, ürünün veya teknolojinin logosu, banner alanının en fazla %28'unu kaplayabilir.

Arka plan rengi

Aşağıdakilerin kullanılması önerilmiyor:

1. Küçük öğeler içeren çok renkli bir arka plan üzerinde metin. Metin, arka planla kontrastlı ve kolay okunabilir olmalıdır.

2. Yandex sayfalarının standart tasarım öğelerinde kullanıldığı için sarı renkte arka plan kullanılması önerilmez. #F0E5AD sarı renk ve daha açık tonlar kabul edilebilir.

Animasyon süresi

1. Banner ve öğeleri, yanıp sönerek kullanıcının dikkatini dağıtmamalıdır.

2. Banner’daki ögelerin değiştirilme sıklığı – 2 saniyede 1 kezden fazla olmamalıdır.

3. Durdurulmuş karede, banner reklam mesajının ana bilgisini göstermelidir.

4. HTML5 banner’da, Tekrar izle kontrol düğmesi eklenebilir ve bu düğmeye basıldığında senaryo yeniden başlatılır. HTML5 banner'ının kendisi interaktif olabilir ve yapılan işlemlere bağlı olarak görseli değiştirerek imleç hareketine veya yapılan tıklamaya yanıt verebilir.

Banner’deki arayüz unsurları

1. Banner, kullanıcı arayüzü ögeleri gibi gizlenmemelidir – örneğin, Windows sistem penceresi gibi.

2. Banner, ilgili işlevleri yerine getirmeyen standart kullanıcı arayüzü öğeleri (imleç, arama satırı, çeşitli butonlar vs.) içermemelidir.

3. Sarı renk, Yandex sayfalarının standart tasarım öğelerinde kullanıldığı için arayüz öğelerinde kullanılmamalıdır. #F0E5AD sarı renk ve daha açık tonlar kabul edilebilir.

Yaş sınırı

Banner'da yaş sınırlaması gerekiyorsa:

1. Banner’ın sağ alt köşesine yerleştirmenizi öneririz.

2. Yazı tipi: Arial Regular, 24 pt.

3. Renk: #DADADA.

   Not

   Renkli arka plan gibi bir sebeple gri renkli yaş sınırı yazısı okunmuyorsa, beyaz arka plan üstüne yerleştirilmelidir.

Uygulama mağazası butonu veya rozeti

1. Düğme veya rozetin maksimum boyutları: Yükseklik – 80 piksel, genişlik – 280 piksel.

2. Yandex sayfalarının standart tasarım öğelerinde kullanıldığı için sarı renkte buton veya rozet kullanılması önerilmez. #F0E5AD sarı renk ve daha açık tonlar kabul edilebilir.

3. Banner'ın kenarından butona kadar olan mesafe en az 20 piksel olmalıdır.

4. Uygulama mağazası rozeti için logoyla aynı koşullar uygulanır.

Ek öneriler

Yazı tipi okunabilirliği

Moderasyondan geçerken reddedilmenin %90’ı yazı tipinin okunabilirliğinin kötü olmasından kaynaklanmaktadır.

1. “Bulanıklık” etkisini önlemek için HTML5 banner'larında yazı tipi hizalanırken kesir koordinatlarından vazgeçmek daha iyi olur (tüm popüler tarayıcılarda kontrol edilmesi gerekmektedir).

2. Vektör yazı tiplerinin kullanılması önerilir.

   Öneri

   Vektör yazı tipi kullanmak mümkün değilse, raster metin bloklarını en iyi kalitede kaydedin (banner boyut sınırlamalarını dikkate alarak).

3. Bazı durumlarda vektör formatındaki yazı tipi de “bulanıklık” etkisi içerebilir.

   Etki birkaç nedenden dolayı ortaya çıkabilir:

   • Küçük boyut

   • Karmaşık yazı tipi (örneğin kuyruklu harfler)

   • Yazı tipi web'de kullanım için uyarlanmamıştır ya da öncelikle başlıklar ve büyük etiketler için geliştirilmiştir

   Vektör formatında da dâhil olmak üzere, yazı tipindeki “bulanıklık” sorununu birkaç şekilde çözebilirsiniz:

   • Yazı tipini büyüterek

   • Daha basit ve sade bir yazı tipi kullanarak

   • İnternette ve küçük boyutlarda kullanım için uyarlanmış bir yazı tipi kullanarak

Efektler ve süslemeler kullanmayın

Yazı tipleri ve kutucukların süslenmesi (gölge, çerçeve, hacim) mesajın algılanmasını zorlaştırabilir.

Yazı tipi sayısını azaltın

1. En fazla iki yazı tipi ve stil kullanın.

2. Yazı tiplerinde en fazla üç renk kullanın.

Bu iki gereklilik şunlar için geçerli değildir:

• Marka, ürün veya teknoloji logosu,

• Uyarılar veya yasal bilgiler,

• Yaş sınırlaması etiketi,

• Görselin bir parçası olan yazı tipi.

Düşük kaliteli resim / fotoğraf kullanmayın

1. Sıkıştırma izleri taşıyan görselleri kullanmayın

2. Bulanık veya aşırı net olan görselleri kullanmayın

Ana unsuru seçin

Dar bir banner’a çok fazla bilgi sığdırmaya çalışmayın. Mesajın anında okunabilmesi için kısa ve anlaşılır bir ifade bulun.

Detaylara boğulmayın

1. Küçük ayrıntıları çok olan nesnelerin küçük resimlerini kullanmayın.

2. Banner arka planında çok fazla küçük ayrıntıya sahip bir fotoğraf kullanmayın.

Metin banner'larını kullanmayın

Düz veya gradyan arka planda sadece metin içeren banner'ları kullanmayın; bu tür bir banner, önemli habere veya Yandex sayfasında görüntülenen başka bir mesaja benzeyebilir. Banner'a logo, herhangi bir görsel, fotoğraf, buton veya arka plan resmi ekleyin, böylece vurgu Yandex'in sayfasına değil reklamın kendisine olur.

Zorunlu yasal bilgilerin düzenlenmesi

Metin kontrastlı ve kolay okunabilir olmalıdır. Minimum yazı tipi boyutu 22 pikseldir. Bilgi ekranda en az 3 saniye kalmalıdır.

Olası düzenleme seçenekleri:

Otomatik kaydırma ve manuel kaydırma imkânı

Zorunlu bilgiler (örneğin banka adı ve yasal şekli, promosyon kampanyası süresi vb.) kullanıcının banner ile etkileşimi olmadan görülebilmelidir.

Karelere bölme

Zorunlu bilgiler farklı karelere ayrı ayrı yerleştirilir:

• Kampanya süresi: İlk karelere,

• Diğer bilgiler: “Yasal bilgiler” başlığı altında ve üzerine imleç getirildiğinde görüntülenecek şekilde.

Dikkat

Zorunlu bilgiler içeren kare minimum 3 saniye boyunca görüntülenmelidir.

Birkaç saniye sabitleme ve duraklatma kontrolü

Zorunlu bilgiler içeren kare minimum 3 saniye boyunca görüntülenmelidir. Kullanıcının duraklatma düğmesine basarak diğer bilgileri inceleme imkânı olmalıdır. Kullanıcı duraklatma düğmesine basmadıysa, banner’daki animasyon devam eder.

Sabitlenme ve imleçle üzerine gelme

Yasal bilgiler minimum 3 saniye boyunca ve ardından ayrıca üzerine imleç getirildiğinde görüntülenmelidir.

Aramada Premium banner ve Premium billboard

Başka sorunuz var mı?