Анатолий
Деев
Cистема для быстрой сборки и ресайза кейвижуала
Коллеги обратились с задачей срочно подготовить несколько финальных афиш для кино в очень сжатые сроки. Проект осложнялся большим количеством ресайзов, а также несколькими этапами согласования с разными участниками процесса.
Изначально требовалось создать набор готовых визуалов под разные форматы.
Чтобы уложиться в сроки и снизить риск ошибок при адаптации, я предложил технологическое решение: не собирать каждый формат как отдельную статичную афишу, а разработать в Figma гибкий визуальный конструктор.
Такой подход позволил быстро адаптировать композицию под разные пропорции без потери качества, масштаба элементов и логики освещения.
Работа со светом и ассетами
Отдельной задачей была консистентность освещения. Для этого я подготовил деревянную поверхность стола как основу сцены и разделил её на несколько зон с разным характером света.
Ассеты создавались с учётом их предполагаемого положения на поверхности. После генерации каждый объект отделялся от деревянного фона, но сохранял собственную тень. Благодаря этому элементы можно было свободно перемещать по сцене, сохраняя ощущение общего света, масштаба и единой поверхности.
Figma-система
Финальная система в Figma включала отдельные иллюстративные ассеты, независимые теневые слои, деревянную основу с продуманными зонами освещения и композиционную структуру для разных форматов.
Элементы можно было быстро двигать, масштабировать и пересобирать без возвращения к исходной генерации или ручной перерисовке. Это ускорило согласование и позволило оперативно готовить новые ресайзы, сохраняя единый визуальный стиль.
Решение
Я разработал в Figma модульную систему сборки афиш. Вместо набора независимых статичных макетов была создана управляемая сцена из отдельных иллюстративных ассетов, теневых слоёв и общей композиционной основы.
Ключевой принцип системы — разделение изображения на управляемые элементы: общий фон, предметные ассеты, тени и композиционные зоны. Каждый объект можно было отдельно перемещать и масштабировать, не разрушая общую визуальную логику.
Композиция была подготовлена в виде сверху. Это дало больше свободы при адаптации под разные форматы и позволило избежать типичной проблемы, когда при изменении пропорций макета объекты начинают конфликтовать между собой или теряют правильный масштаб.
Результат
В результате был создан не просто набор финальных афиш, а гибкий визуальный конструктор для быстрой адаптации ключевой композиции под разные носители и пропорции.
Решение сократило время на ресайзы, упростило согласование и помогло сохранить качество изображения на всех этапах: корректный масштаб объектов, согласованные тени, свет и общую визуальную логику сцены.
Made on
Tilda