Оформление баннеров для мобильной версии Главной

В описании представлены уменьшенные иллюстрации. Скачайте архив, чтобы посмотреть примеры в реальных размерах.

      Шрифт

      1. Шрифт на баннере не должен превышать высоту и ширину заглавной буквы «Ф» шрифта «Arial Bold»:
        • для одной строки — не более 36 пунктов (т. е. высоту и ширину квадрата со сторонами 26 пикселей);
        • для двух строк — не более 25 пунктов (квадрат со сторонами 20 пикселей);
        • для трех строк — не более 20 пунктов (квадрат со сторонами 15 пикселей).
      2. Минимальный размер шрифта — 11 пунктов (для логотипов, сообщений, иллюстраций, предупреждений). Исключение — фотографии упаковок и товаров, а также снимки экранов.

      Расположение текста

      Расстояние от края баннера до текста должно быть не меньше 10 пикселей.

      Примечание.

      Требование не относится к расположению возрастной метки.

      Размер логотипа

      Логотип бренда, продукта или технологии должен занимать не больше 10% площади баннера.

      Пример хорошего баннера в увеличенном виде:

      Цвет фона

      Не рекомендуется использовать:
      1. Текст на слишком пестром фоне с мелкими элементами. Текст должен быть контрастным по отношению к фону и легко читаемым.
      2. Желтый фон, так как этот цвет применяется для стандартных элементов дизайна страниц Яндекса. Допустимый желтый цвет — #F0E5AD и светлее.

      Рамка

      Рамка может быть только по горизонтальным границам баннера.

      Если нет белых элементов, которые пересекают край баннера, или цвет фона отличается от белого, то баннер должен быть без рамки.

      Если есть белые элементы, которые пересекают край баннера, или цвет фона баннера белый, то необходимо добавить контрастную рамку толщиной в 1 пиксель по горизонтали (сверху и снизу). Наиболее подходящий цвет рамки — #DADADA.

      Длительность анимации

      1. Баннер или его отдельные элементы не должны мигать, отвлекая пользователя.
      2. Допустимая частота смены элементов на баннере — не чаще 1 раза в 2 секунды.
      3. Анимация в баннере может быть только цикличной. Длительность одного цикла анимации — не больше 30 секунд, перерыв между циклами — не меньше 30 секунд. С 31 по 60 секунду баннер должен быть статичным и отображать основную информацию рекламного сообщения.

      Читаемость обязательной информации

      Обязательная правовая информация (например, название банка и организационно-правовая форма, сроки акции и т. д.) должна быть хорошо видна сразу, без взаимодействия пользователя с баннером. Подробнее смотрите в дополнительных рекомендациях.

      Пример хорошего баннера в увеличенном виде:

      Элементы интерфейса на баннере

      1. Баннер не должен маскироваться под элементы пользовательского интерфейса — например, под системное окно Windows.
      2. Баннер не должен содержать стандартные элементы пользовательского интерфейса (курсор, поисковая строка, различные кнопки и другие элементы), которые не выполняют соответствующие функции.
      3. Не следует использовать желтый в элементах интерфейса, так как этот цвет применяется для стандартных элементов дизайна страниц Яндекса. Допустимый желтый цвет — #F0E5AD и светлее.

      Возрастное ограничение

      Если на баннере необходима возрастная метка, то:

      1. Ее нужно ставить в верхнем правом углу баннера.
      2. Шрифт — «Arial Regular» 12 пунктов.
      3. Цвет — #DADADA.
        Примечание.

        Если метка серого цвета не читается, например, из-за пестрого фона, ее следует разместить на белой подложке.

      Кнопка/бейдж магазина приложений

      1. Максимальные размеры кнопки или бейджа: высота — 50 пикселей, ширина — 150 пикселей.
      2. Не рекомендуется делать кнопку или бейдж желтыми, так как этот цвет используется для стандартных элементов дизайна страниц Яндекса. Допустимый желтый цвет — #F0E5AD и светлее.
      3. К бейджу магазина приложений предъявляются такие же требования, как к логотипам.