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

Bu sayfada küçültülmüş resimli örnekler sunulmuştur. Bunları daha büyük boyutta görüntülemek için Arşivi indirin.

      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;

        • Metin boyutu, banner'ın boyutunun %15'ini geçmiyorsa 52 piksel;

        • Metin boyutu, banner'ın boyutunun %25'ini geçmiyorsa 44 piksel;

        • Metin tek satır olarak yazıldıysa 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.

      İyi büyütülmüş banner örneği:

      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. Banner'da sadece döngüsel animasyon kullanabilir. Bir animasyon döngüsünün süresi en fazla 30 saniye iken, döngüler arasında ara en az 30 saniye olmalıdır. 30 saniyeden kısa süren animasyon döngüsü 30. saniyeye kadar sabit kalmalıdır. 31. saniyeden 60. saniyeye kadar banner sabit kalmalı ve reklam iletisinin ana bilgilerini görüntülemelidir.

      Zorunlu bilgilerin okunabilirliği

      Zorunlu yasal bilgiler (örneğin bankanın resmi adı ve kuruluş şekli, 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.

      İyi büyütülmüş banner örneği:

      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.