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

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

      Шрифт текста

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

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

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

      Примечание.

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

      Цвет фона

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

      Обязательная рамка

      По всему контуру баннера должна быть рамка, контрастная фону баннера в любом месте. Толщина рамки — 1 пиксель. Наиболее подходящий цвет — #DADADA.

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

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

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

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

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

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

      Возрастная метка

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

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

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

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

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