Один баннер в трёх форматах: квадрат, вертикаль и горизонталь

Зафиксируйте содержание до адаптации

Возьмите готовое предложение: один товар или услугу, заголовок, пояснение и действие. Утвердите эти части до создания размеров. Иначе в каждом макете окажется немного другой смысл, а сравнение композиции станет неточным. Отдельно запишите обязательные условия, которые нельзя потерять при сокращении.

Для учебного задания создайте квадрат, вертикальную и горизонтальную область. Это пропорции для упражнения, а не универсальные размеры площадок. В реальном размещении проверьте требования, ограничения по файлу и зоны, которые закрывает интерфейс. Адаптация должна учитывать место показа, а не только соотношение сторон.

Разделите постоянные и сменные элементы

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

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

Начните с квадрата

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

1. В вертикали расположите основные блоки последовательно сверху вниз и сохраните чтение заголовка.
2. В горизонтали попробуйте текст слева, объект справа либо другую ясную пару областей.
3. Меняйте переносы по смыслу, а не по случайной ширине текстового поля.
4. Проверяйте действие и условия после каждой перестановки.
5. Не растягивайте фотографию или PNG по одной оси ради заполнения свободного места.

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

Проверяйте видимый масштаб

Три макета разной формы на одном листе могут казаться несопоставимыми. Просмотрите каждый в размере предполагаемого показа. Заголовок и объект должны сохранять свою роль. Если в горизонтали предмет стал главным, а текст потерялся, уменьшите его или выделите тексту более спокойную область.

Кадрируйте фон отдельно от предмета и надписи, если они находятся на разных слоях. Так проще удержать важные части. У плоской готовой картинки возможностей меньше: иногда нужен другой исходник. Не маскируйте потерянные края масштабированием, которое ухудшает качество изображения.

Сохраните понятные рабочие файлы

Назовите варианты по формату и назначению. Экспортируйте их отдельно и проверьте, что каждому соответствует верная композиция, текст и размер. После согласования правки должны попадать во все версии: держите список изменённых данных рядом с проектом.

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