Рекомендации по оформлению креативов для полной и мобильной версии Главной

90% отказов при прохождении модерации случаются из-за плохой читаемости шрифта.

1. Лучше отказаться от дробных координат при выравнивании шрифта в HTML5-баннере, чтобы избежать эффекта «размытости» (требуется проверка во всех популярных браузерах).
2. Рекомендуется использовать векторные шрифты.

   Совет.

   Если использовать векторный шрифт невозможно, сохраните растровые текстовые блоки в максимально хорошем качестве (с учетом ограничений по размерам баннера).

3. В некоторых случаях шрифт в векторном формате также содержит эффект «размытости».

   Эффект может появиться по нескольким причинам:

   • маленький размер

     

   • сложная форма шрифта (например, с засечками)

     

   • шрифт не адаптирован для использования в вебе или изначально разработан для заголовков и крупных кеглей

     

   Решить проблему «размытости» шрифта, в том числе и в векторном формате, можно несколькими способами:

   • увеличить кегль шрифта

     

   • заменить шрифт на более простой

     

   • использовать шрифт, адаптированный для веба и маленьких кеглей

     

Украшательство шрифтов и плашек (тень, обводка, объем) может усложнить восприятие сообщения.

1. Используйте не больше двух шрифтов и начертаний.
2. Используйте не больше трех цветов в шрифтах.

1. С артефактами сжатия

   

2. С размытием или чрезмерной четкостью

   

Не пытайтесь вместить большое количество информации на узкий баннер. Придумайте короткую и понятную формулировку, чтобы сообщение считывалось моментально.

1. Не используйте маленькие изображения объектов с большим количеством мелких деталей.

   

2. Не используйте фотографию в качестве фона для баннера, если на ней много мелких деталей.

   

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

Возможные варианты оформления:

Автоскроллинг с возможностью ручной прокрутки

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

Разделение на кадры

Обязательная информация размещается отдельно на разных кадрах:

• сроки акции — на первых кадрах;
• остальная информация — под плашкой «юридическая информация» и доступна по наведению курсора.

Внимание.

При показе кадр с обязательной информацией должен отображаться не менее 3 секунд.

Фиксация на несколько секунд и управление паузой

Кадр с обязательной информацией отображается не менее 3 секунд. У пользователя должна быть возможность нажать на паузу и ознакомиться с остальной информацией. Если пользователь не нажал на паузу, анимация в баннере продолжается.

Фиксация и наведение курсора

Правовая информация отображается не менее трех секунд, а также доступна далее по наведению курсора.