Главные рекомендации по оформлению креатива
Изучите правила ниже, чтобы креатив успешно прошёл модерацию и привлек аудиторию. Для формата Баннер на главной есть отдельный гайд.
Условные обозначение к примерам креативов
Внутри контейнера отступы:
  1. справа 24рх
  2. слева 24рх
  3. сверху 24рх
  4. снизу 28 рх

изображение всегда в центре серой области

Учитывайте охранные поля
  • Оставляйте безопасные отступы от краёв креатива.
  • Все ключевые элементы должны быть внутри охранной зоны, чтобы избежать обрезки на разных носителях.
  • Учитывайте наличие маркировки «Реклама».
Контраст креатива
  • Используйте достаточный контраст между фоном и текстом — минимальная читаемость: контрастность 4.5:1 по WCAG.
  • Цветовые сочетания должны работать в пользу восприятия, а не мешать: избегайте текстов на сложных фотографиях или пёстрых фонах без подложки.
  • Не перегружайте изображение — у креатива должен быть один главный визуальный акцент.
Внутри контейнера отступы:
  1. справа 24рх
  2. слева 24рх
  3. сверху 24рх
  4. снизу 28 рх

изображение всегда в центре серой области

Внутри контейнера отступы:
  1. справа 24рх
  2. слева 24рх
  3. сверху 24рх
  4. снизу 28 рх

изображение всегда в центре серой области

Фон креатива
  • Не рекомендуется использовать белый или чёрный фон, чтобы фон страницы не сливался в светлой и тёмной теме.
  • Баннер должен иметь чёткие границы (контрастный край).
  • На баннере нет рамки.
Учитывайте правило близости
  • Элементы, связанные по смыслу (заголовок + подзаголовок + изображение), размещайте группами.
  • Не допускайте визуальных разрывов между логически связанными блоками.
Внутри контейнера отступы:
  1. справа 24рх
  2. слева 24рх
  3. сверху 24рх
  4. снизу 28 рх

изображение всегда в центре серой области

Качество фото
  • Используйте только высококачественные изображения: без размытия, шума, артефактов.
  • Изображения должны быть релевантны продукту или услуге.
  • При использовании моделей убедитесь, что они передают нужные эмоции, а одежда и окружение соответствуют целевой аудитории и контексту.
Внутри контейнера отступы:
  1. справа 24рх
  2. слева 24рх
  3. сверху 24рх
  4. снизу 28 рх

изображение всегда в центре серой области

Требование к тексту
  • Левая выключка.
  • Центральная выключка допустима для коротких сообщений, когда важна симметрия.
  • Не используйте выравнивание по ширине.
  • Контент текста должен соответствовать тематике и разделу размещения.
  • Избегайте перегрузки текста — используйте короткие, понятные формулировки.
Проверьте, нет ли элементов интерфейса
Не включайте в баннеры элементы интерфейса, которые могут ввести пользователя в заблуждение:

  • кнопки «X»;
  • иконки нотификаций;
  • статус загрузки и т.п.

Это вводит пользователей в заблуждение и может привести к блокировке рекламы платформой.
Внутри контейнера отступы:
  1. справа 24рх
  2. слева 24рх
  3. сверху 24рх
  4. снизу 28 рх

изображение всегда в центре серой области

Дополнительные советы
  • Следите за общим наполнением креатива — не перегружайте баннер деталями.
  • Всегда проверяйте итоговый макет на разных устройствах и ретина-дисплеях.
  • Минимальное разрешение — соответствующее ретина-экранам (x2 или x3), чтобы избежать потери чёткости.
  • Изображение не растянуто, сжато или обрезано.
  • Графические элементы чёткие и читаемые на любых устройствах.
  • Все элементы находятся внутри креатива, нет обрезанных текстов, изображений, бейджей.
Внутри контейнера отступы:
  1. справа 24рх
  2. слева 24рх
  3. сверху 24рх
  4. снизу 28 рх

изображение всегда в центре серой области