Баннеры, обложки и презентации

Один носитель — одна мысль

Баннер, пост и обложку человек видит мельком: прокручивая ленту или проходя мимо. У дизайна есть секунда, чтобы сказать главное. Поэтому правило простое и жёсткое: один носитель — одна мысль.

Марина хочет баннер, где будут акция на открытие, новое меню десертов, вакансия бариста и часы работы. Это четыре разных сообщения. Если поставить их все, человек не запомнит ничего. Разумнее сделать четыре отдельных носителя, а на баннер открытия поставить одно: «Второй кофе в подарок — 2 ноября».

Чтобы баннер работал:

• заголовок — коротко, лучше до 5–7 слов;
• одно изображение, которое поддерживает мысль, а не спорит с ней;
• призыв — что сделать: «Заходите утром», «Закажите в приложении»;
• логотип — небольшой, но заметный.

Главный макет и адаптации

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

Формат	Размер	Что меняется
Пост	1080 × 1080 px	Главный макет
Сторис	1080 × 1920 px	Элементы выстраиваются по вертикали, текст выше центра
Узкий баннер	например, 1200 × 300 px	Только заголовок, логотип и плашка с датой
Листовка А6	105 × 148 мм	Добавляется адрес и карта, макет готовят для печати

Точные размеры обложек и рекламных форматов у соцсетей и рекламных площадок меняются — сверяйтесь с их справкой перед работой.

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

Реклама: пометка и данные рекламодателя

Если баннер — реклама в интернете, в России на нём должны быть пометка «Реклама», сведения о рекламодателе и идентификатор рекламы. Идентификатор выдаёт рекламная площадка или оператор рекламных данных, а размещает его тот, кто запускает рекламу. Задача дизайнера — заранее оставить место под эту строку, чтобы её не пришлось втискивать в последний момент поверх текста.

Подготовка к печати

Макет для экрана и макет для типографии готовят по-разному. Для листовки «Утра» и меню на стойке:

• Цвет — в CMYK, как мы разбирали в уроке 3.
• Разрешение — 300 dpi для фото и картинок в реальном размере. Картинка из интернета на 72 dpi на бумаге выйдет размытой.
• Вылеты — 3 мм. Фон и картинки, которые идут до края, продлевают на 3 мм за границу формата. Резак типографии режет с погрешностью, и без вылетов на краю может остаться белая полоска.
• Безопасное поле — текст и логотип не ближе нескольких миллиметров к линии реза, чтобы их не отрезало.
• Шрифты — встроены в PDF или переведены в кривые, иначе у типографии текст может подмениться другим шрифтом.

Перед отправкой уточните требования у конкретной типографии: у многих есть своя памятка. И попросите пробный оттиск, если тираж большой.

Презентации

Марина готовит предложение для бизнес-центра рядом: утренняя доставка кофе в офисы. Ей нужна презентация на 8–10 слайдов. Хорошая презентация строится по тем же правилам, что и баннер:

• Один слайд — одна мысль. Если на слайде три мысли, сделайте три слайда.
• Заголовок — вывод: «Кофе приезжает в офис за 15 минут», а не «Доставка». Так же мы делали заголовки графиков в курсе «Аналитик данных».
• Мало текста. Презентацию слушают, а не читают. Подробности — в устной речи или в отдельном документе.
• Крупный шрифт. Если слайд не читается с телефона или с последнего ряда — шрифт мелкий.
• Фирменный стиль. Шаблон слайдов собирают из палитры, шрифтов и графических элементов бренда — тогда презентация выглядит как часть «Утра».