Tasarım önerileri

1. Banner'daki yazı tipi yüksekliği maksimum piksel değeri şu şekilde olmalıdır:

   • 140 piksel (metin kapladığı alan, banner'ın alanının %10'unu geçmiyorsa);

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

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

   • Metin tek satırsa 64 piksel;

   • Metin 2 satırsa 40 piksel;
   • Metin 3 satırsa 30 piksel.

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.

Banner'ın kenarından metne kadar olan mesafe en az 20 piksel olmalıdır. Banner metni ve öğeleri safe zone'lara yerleştirilmemelidir.

Safe zone boyutu:

• etiket: 60 × 20 px,
• üç nokta 42 × 42 px.

Örneğin, safe zone'lar kırmızıyla işaretlenmiştir:

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

1. Banner ve öğeleri, yanıp sönerek kullanıcının dikkatini dağıtmamalıdır.
2. Banner'da öğe değiştirme sıklığı 2 saniyede en fazla 1 kezdir.
3. Sabitleşmiş karede görüntülenen banner, reklam mesajının esas bilgilerini içermelidir.
4. Senaryonun yeniden çalıştırılmasına yol açan Tekrar göster yönetim butonu HTML5 banner'ına eklenebilir. HTML5 banner'ının kendisi interaktif olabilir ve yapılan işlemlere bağlı olarak görseli değiştirerek imleç hareketine veya banner'a yapılan tıklamaya yanıt verebilir.

1. Banner, Windows sistem penceresi gibi kullanıcı arayüzü öğelerine benzememelidir.
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. İzin verilen sarı renk: #F0E5AD ve daha açık.

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

1. Yaş sınırını banner'ın sağ alt köşesine yerleştirmeniz önerilir.
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.

1. Butonun 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. İzin verilen sarı renk: #F0E5AD ve daha açık.
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.

Moderasyon sürecinde redlerin %90'ı, yazı tipi iyi okunmadığı için verilir.

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.

   İpucu.

   Vektör yazı tipini kullanamıyorsanız, raster metin bloklarını mümkün olduğunca yüksek kalitede (banner boyut sınırlamaları dikkate alarak) kaydedin.

3. Bazı durumlarda vektör formatında yazı tipi de “bulanıklık” etkisi yaratabilir.

   Bu 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

   Yazı tipinin “bulanıklık” sorununu (vektör formatında da dahil olmak üzere) birkaç yöntemle çözmek mümkündür:

   • 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

Yazı tipinin süslenmesi (gölge, kontur, boyut), mesajın algılanmasını zorlaştırabilir.

1. En fazla iki yazı tipi kullanın.
2. Yazı tiplerinde en fazla üç renk kullanı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

Dar bir banner'a çok sayıda bilgi sığdırmaya çalışmayın. Mesajınızın anında okunması için kısa ve anlaşılır bir ifade oluşturun.

1. Çok sayıda küçük ayrıntı içeren objelerin küçük görsellerini kullanmayın.

2. Üzerinde çok sayıda küçük ayrıntı varsa fotoğrafı banner için arka plan olarak 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.

Metin kontrast yaratmalı ve kolay okunur olmalıdır. Minimum yazı tipi boyutu 22 pikseldir. Bilgiler ekranda en az 3 saniye kalmalıdır.

Olası tasarım seçenekleri:

Manuel kaydırma özelliğine sahip otomatik kaydırma

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.

Uyarı.

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

Birkaç saniye için sabitleme ve duraklama yönetimi

Zorunlu bilgiler içeren kare minimum 3 saniye boyunca görüntülenmelidir. Kullanıcı, duraklama üzerine tıklayıp diğer bilgileri okuyabilmelidir. Kullanıcı duraklama üzerine tıklamadıysa banner'daki animasyon devam eder.

Sabitleme ve imlecin üzerine getirme

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

Web Arama'da premium banner ve Premium reklam panosu