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

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

      Шрифт

      1. Высота шрифта на баннере должна быть не больше:
        • 70 пикселей, если текст занимает не больше 10% баннера;

        • 52 пикселей, если текст занимает не больше 15% баннера;

        • 44 пикселей, если текст занимает не больше 25% баннера;

        • 32 пикселей, если текст написан в одну строку;

        • 20 пикселей, если текст написан в две строки;
        • 15 пикселей, если текст написан в три строки.

      2. Минимальный размер шрифта для логотипов, сообщений, иллюстраций, предупреждений — 11 пикселей. Исключение — фотографии упаковок и товаров, а также снимки экранов.

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

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

      Примечание.

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

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

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

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

      Цвет фона

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

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

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

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

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

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

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

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

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

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

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

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

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

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