Один макет — двенадцать форматов без пересборки

Пост, сторис, реклама, обложка видео, карточка площадки, баннеры и аватар из одного мастера. Кегль считается по безопасному полю: от 20 до 120 px.

  • Работает из России: рубли, договор с ИП, без VPN и иностранной карты
  • По умолчанию чтение и черновики: отправку и публикацию агент делает по вашей команде
  • Нормы настоящие: WCAG 2.1, требования типографий, размеры площадок — со ссылкой на источник
  • Артефакт открывается: файл, модель или ролик приложены к странице

Один мастер и двенадцать площадок

Что было

Квадратный макет акции и список площадок: лента, сторис, реклама, обложка видео, карточка маркетплейса, два баннера, аватар, обложка сообщества.

  • Что решили

    Мастер один: плашка, заголовок, подзаголовок, нижняя полоса с маркой. Меняется кадрирование и кегль — иерархия не меняется.

  • Где мастер ломается

    На баннере 728×90 и на обложке 1200×300 места хватает только на заголовок и марку: подзаголовок снимается, вкусы уходят в текст поста.

Задача

Что за работа

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

Как это выглядит

Робот переносит элемент мастера в высокий кадр сторис и проверяет безопасное поле линейкой.

Путь в системах: что берём и что отдаём

  1. 1

    Вход: мастер и список площадок

    Квадратный макет и перечень: канал, размер, что в нём важно. Это файлы, коннектор не нужен.

  2. 2

    Шаг 1. Безопасные поля

    Для каждого размера считается поле 7 % короткой стороны: туда не заходит ни текст, ни марка.

  3. 3

    Шаг 2. Подбор кегля

    Ширина строки измеряется шрифтом; кегль уменьшается шагом, пока строка не влезет. Если не влезает — перенос на две строки.

  4. 4

    Шаг 3. Проверка среза

    У каждого файла есть второй слой с пунктиром поля: видно, где текст подходит к краю.

  5. 5

    Выход: 12 PNG, ZIP, таблица

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

Агент делает · человек решает

Считает поля и кеглиагент: 12 форматов, поле 7 %, кегль от 20 до 120 px
Собирает файлы и архивагент: 12 PNG, ZIP, контактный лист, таблица
Проверяет влезание текстаагент: измерение ширины строки, а не «на глаз»
Решает, что снятьчеловек: на 728×90 убираем подзаголовок — это выбор смысла
Ставит приоритет каналачеловек: какой формат главный в кампании

Что получится на выходе

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

Границы

Чего агент не делает

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

Вопросы

Почему кегль считается, а не задаётся?

Потому что «крупно» на 300 px и на 1920 px — разные числа. Измерение ширины строки даёт ответ, не зависящий от вкуса.

Что с текстом, который не влез?

Он уходит в текст поста или снимается, и это зафиксировано в таблице. Молча текст не теряется.

Файлы можно править?

Да. Мастер при этом остаётся один — иначе через месяц будет двенадцать разных макетов и ни одного стиля.

Соседние работы

Рядом

Роли

Дайте мастер и список площадок — вернём двенадцать файлов

С таблицей: какой кегль, какое поле и что сняли, чтобы влезло.