Дизайн рекламных материалов: баннеры, постеры, карточки и креативы

Задача и границы

Реклама — подмножество маркетинга: не всякий маркетинговый материал рекламирует, но рекламный материал всегда решает задачу конкретной кампании или предложения. Он появляется там, где человека ещё не интересует продукт: в ленте, на баннере, на остановке, в карточке маркетплейса.

Результат рекламного дизайна оценивают по двум критериям:

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

Рост продаж или конверсии не является следствием одного макета. На результат влияют предложение, аудитория, канал, цена и посадочная страница. Обещать «продажи за счёт оформления» нельзя: дизайн может убрать препятствия и сделать сообщение понятным, но не заменяет продукт и оффер.

Отличие от смежных задач:

графический дизайн отвечает за ремесло — типографику, цвет, композицию, изображение;
маркетинговый дизайн добавляет цель и аудиторию, включая имиджевые и объясняющие материалы;
рекламный дизайн сужает задачу до кампании и действия, поэтому у макета почти нет времени на объяснение;
UX-дизайн проектирует сценарий внутри продукта, а не сообщение до первого контакта.

Бриф до макета

Макет начинается не с мудборда, а с брифа. Пропущенный бриф компенсируется количеством вариантов, и это самый дорогой способ найти направление.

Зафиксируйте до первой рамки:

Пункт	Что должно быть записано	Частая ошибка
Цель	Одно измеримое действие: переход, регистрация, заявка, просмотр	«Повысить узнаваемость» без способа проверки
Аудитория	Кто этот человек, что он уже знает, чего опасается	«Все, кому интересен продукт»
Канал	Площадка, место показа, размеры, технические требования	Формат выбирается после дизайна
Оффер	Конкретное предложение и условие	Слоган без предложения
Одно действие	Что человек делает дальше; в рекламе — одно, а не меню	Несколько равноправных кнопок
Бренд-ограничения	Логотип, цвета, шрифты, тон, обязательные дисклеймеры	Каждый макет собирается «в стиле» на глаз
Срок и объём	Сколько материалов и к какому моменту	Серия начинается без мастер-макета

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

Карта форматов

Формат — следствие канала, а не наоборот. Ниже карта типовых групп; конкретные размеры и требования всегда берутся у площадки на дату запуска.

Баннеры в рекламных сетях и креативы в соцсетях работают в потоке, где человек не искал вас. Задача — остановить взгляд и передать одну мысль. Ограничения: малая площадь, разные размеры, возможные ограничения на текст поверх изображения и анимацию. Из одного концепта делают набор размеров, а не отдельные макеты с новой идеей.

Публикации, обложки и карусели

Пост в ленте, обложка канала и карусель — контентные форматы с более долгим контактом. Карусель строится как короткая последовательность: крючок → мысль → доказательство → действие. Обложка отвечает за узнаваемость и обещание, а не за пересказ содержания.

Промо-баннеры и слайды сайта

Баннер на сайте и слайд в hero-карусели — часть собственной страницы. Здесь у материала больше контекста, но и больше конкуренции за внимание: рядом навигация и другие блоки. Слайды сайта не смешиваются со слайдами презентации: у первых задача — перевести на страницу, у вторых — помочь принять решение в разговоре.

Плакаты, афиши и листовки

Печатные материалы читают с расстояния и без наведения курсора. Размер, дистанция просмотра и способ размещения определяют кегль и плотность. QR-код или короткий адрес связывают печать с измеримым переходом; без этого оценить вклад материала невозможно.

Промо-карточки и инфографика маркетплейсов

Карточка на маркетплейсе — отдельный жанр: маленькая площадь, высокая конкуренция, требования площадки к первому изображению. Работают один смысловой акцент, читаемый на превью, и последовательность изображений: товар → выгода → применение → детали. Это не то же самое, что карточка товара в списке интернет-магазина, — см. следующий раздел.

Два смысла карточки продукта

Слово «карточка» описывает две разные задачи, и их нельзя проектировать одинаково.

Что это	Задача	Где разбирается
Промо-инфографика	Продать конкретное предложение на чужой площадке: маркетплейс, реклама, каталог партнёра	Эта статья
Карточка товара в списке e-commerce	Дать сравнить товары внутри магазина: одинаковые атрибуты, различимые элементы, цена и наличие	Каталог и checkout и UX карточек товара

В карточке списка важна не яркость, а сопоставимость: одинаковый набор атрибутов у похожих товаров и визуально различимые элементы. В промо-инфографике, наоборот, решает акцент и читаемость на превью. Смешивать эти правила — значит либо сделать магазин неудобным для сравнения, либо потерять рекламный акцент.

Отдельная статья об инфографике маркетплейсов в этот раздел не входит: здесь описаны только принципы, а практика зависит от площадки и её требований.

Композиция

У рекламного макета нет времени на объяснение, поэтому композиция сводится к одному пути взгляда.

Одна основная мысль. Если в макете две равные идеи, человек не запомнит ни одной.
Визуальная иерархия. Первый, второй и третий уровни должны различаться размером, контрастом и положением, а не только цветом.
Читаемый оффер. Заголовок понятен без контекста кампании; подпись не дублирует его другими словами.
CTA там, где канал допускает действие. В баннере кнопка может быть частью макета, в посте — призывом в тексте, на плакате — QR-кодом и адресом.
Контраст и безопасные области. Текст не попадает под обрезку, интерфейс площадки и системные панели.
Один фокус. Фон, текстура и декор не конкурируют с продуктом и заголовком.

Полезная проверка: уменьшите макет до размера превью и посмотрите с расстояния вытянутой руки. Если основная мысль исчезла, иерархия держится на деталях, которые видны только в полном размере.

Серии и адаптации

Рекламная кампания — это серия, а не один файл. Мастер-макет задаёт систему, из которой получаются размеры и варианты.

Мастер-макет. Один носитель идеи с зафиксированной сеткой, типографикой и расположением элементов.
Варианты под размеры. Перекомпоновка, а не пропорциональное уменьшение: на узком формате меняется порядок блоков, а не только масштаб.
Единые токены. Цвета, шрифты, отступы и радиусы берутся из одного набора во всей серии.
Варианты под аудитории. Меняются оффер, изображение или доказательство, но не сама идея, если тестируется аудитория.
Правила расширения. Новый размер или площадка добавляются по инструкции, а не рисуются заново.

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

Производство

Производственные решения определяются каналом и способом печати.

Параметр	Когда важен	Что зафиксировать
Растр и вектор	Фото, сложные эффекты — растр; логотипы, иконки, текст для печати — вектор	Формат исходника и способ правки
RGB и CMYK	Экраны — RGB, печать — CMYK	Цветовой профиль и пробная проверка критичных цветов
Разрешение	Печать и крупные форматы	Эффективное разрешение изображения, а не только размер файла
Экспорт	Требования площадки	Формат, вес, прозрачность, метаданные, именование файлов
Лицензии	Изображения, шрифты, музыка, видео	Право на коммерческое использование и срок
Дисклеймеры	Регулируемые категории и обещания	Точный текст, кегль и место, согласованные с юристом

Юридические детали не дублируются: лицензии на контент — в лицензировании контента, требования к рекламным формулировкам — в рекламе и языке.

Файлы серии именуются по одному правилу: кампания, формат, размер, версия. Иначе через месяц невозможно понять, какой файл ушёл на площадку.

Проверка

Проверка рекламного материала отличается от проверки страницы: у него нет прокрутки и второго шанса.

Целевое устройство. Макет смотрят на телефоне, где его увидят в большинстве случаев, а не только на большом мониторе.
Требования площадки. Размер, вес, пропорции, ограничения на текст и анимацию сверяются с актуальными правилами.
Тест концепций. Сравнивают разные идеи и офферы, а не оттенки одного макета: косметические варианты дают шум вместо вывода.
Одна переменная. При сравнении меняется один элемент, иначе причина результата неизвестна.
Чек-лист перед передачей. Логотип, шрифты, цвета, контраст, читаемость превью, дисклеймеры, ссылка, вес файла, именование.

Чек-лист перед передачей:

Цель и действие сформулированы одним предложением.
Оффер совпадает с тем, что ждёт человек на следующем шаге.
Заголовок читается в превью и на мобильном.
Все размеры серии собраны из одного мастер-макета.
Изображения и шрифты имеют право на использование.
Дисклеймеры и требования площадки выполнены.
Файлы названы и выгружены по правилам канала.
Ссылка или QR-код проверены на реальном устройстве.

Маршрут к инструментам

Инструмент выбирают по результату, а не по привычке.

Быстрые шаблонные материалы — Canva, Doory, Adobe Express. Подходят для серий постов, простых баннеров и промо-карточек, когда важны скорость и единый шаблон.
Профессиональная графика — Photoshop для растра и композитинга, Illustrator для вектора и печати, Affinity как единое приложение для обоих типов работы.
Совместная работа и цифровые макеты — Figma для макетов, компонентов и передачи в разработку; Penpot и pen.dev — альтернативы с открытым форматом и иным подходом к совместной работе.
Презентации — PowerPoint и Google Slides, если рекламный материал продолжается в разговоре.

Профили описывают возможности, ограничения и альтернативы; пересказывать их здесь не нужно. Каталог — в разделе инструменты дизайна.

Связанные материалы

Маркетинговый дизайн — границы направления и четыре формата.
Продающий лендинг — куда ведёт реклама и что человек должен увидеть после клика.
Дизайн презентаций для продаж — формат, который продолжает разговор после рекламы.
UI-дизайн — компоненты и состояния, если баннер живёт внутри интерфейса.
Доступность — контраст, читаемость и подписи.
Платные кампании — аудитории, ставки и структура кампаний.
Практики медиа: дизайн и шаблоны — визуальные системы для регулярного производства.

Материалы и источники

Superside: What Is Marketing Design? — типы маркетингового дизайна и различие с продуктовым.
99designs: The Ultimate Guide to Advertising Design — бриф, форматы и критерии рекламного дизайна; рекламные кейсы источника не переносились.
Baymard: 2 Key Design Principles for Product Listing Information — сопоставимость атрибутов и различимость элементов в карточках списка.
Adobe: цветовые режимы RGB и CMYK — подготовка файлов к экрану и печати.