Ana sayfanın mobil sürümü için banner tasarımı

Sayfada banner tasarımı için öneriler sunulur. Görsellerin boyutlarının küçültülmüş olduğunu göz önünde bulunudurun.

Yazı tipi

  1. Banner'daki yazı tipi yüksekliği maksimum piksel değeri şu şekilde olmalıdır:
    • Metin boyutu, banner'ın boyutunun %10'unu geçmiyorsa 70 piksel;

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

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

    • Metin tek satırsa 32 piksel;

    • Metin iki satır olarak yazıldıysa 20 piksel;
    • Metin üç satır olarak yazıldıysa 15 piksel.

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

Metnin konumu

Banner'ın kenarından metne kadar olan mesafe en az 10 piksel olmalıdır.

Not.

Bu koşullar, yaş sınırlamasının konumlandırılmasını kapsamaz.

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ı önerilmez:
  1. Küçük öğeler içeren çok renkli bir arka plan üzerinde metin. Metin, arka plana göre kontrast renkte ve okunması kolay olmalıdır.
  2. Yandex sayfalarının standart tasarım öğelerinde kullanıldığı için sarı renkte arka plan kullanılması önerilmez. İzin verilen sarı renk: #F0E5AD ve daha açık.

Animasyon süresi

  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ığı iki saniyede en fazla bir kezdir.

  3. Sabitleşmiş karede görüntülenen banner, reklam mesajının esas bilgilerini içermelidir.

Zorunlu bilgilerin okunabilirliği

Zorunlu yasal bilgiler (örneğin banka adı, promosyon süresi vb.), kullanıcının banner ile etkileşimi olmadan hemen açıkça görünmelidir. Daha fazla bilgi için ek önerilere göz atın.

Banner'da arayüz öğeleri

  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.

Yaş sınırı

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

  1. Banner'ın sağ üst köşesine yerleştirilmelidir.
  2. Yazı tipi: Arial Regular, 12 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/rozeti

  1. Butonun veya rozetin maksimum boyutları: Yükseklik 50 piksel, genişlik 150 piksel.
  2. Yandex sayfalarının standart tasarım öğelerinde kullanıldığı için sarı renkte butonun veya rozetin kullanılması önerilmez. İzin verilen sarı renk: #F0E5AD ve daha açık.
  3. Banner'ın kenarından butona kadar olan mesafe en az 10 piksel olmalıdır.
  4. Uygulama mağazası rozeti için logolarla aynı koşullar uygulanır.