Моушн-дизайн для бренда: что это и где он нужен

Команда МАЙГРИБС · 15 ноября 2026

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

Ниже разбираем, чем моушн отличается от съёмки и от мультипликации, где он нужен бренду, как устроена моушн-часть фирменного стиля и что остаётся у компании на выходе. Как устроено производство видео целиком, рассказали отдельно: видеопродакшн полного цикла.

Чем моушн отличается от съёмки и от мультфильма

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

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

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

Где моушн нужен бренду

Моушн появляется там, где у бренда есть экран, а у зрителя мало времени. Таких мест больше, чем кажется, и почти все они у компании уже есть.

Два места из этого списка забывают чаще всего. Экраны в залах и на витринах: там нет звука и нет человека, который нажмёт «плей», поэтому ролик делают петлёй и читают глазами. И интерфейс сайта, где движение не украшение: оно показывает, что кнопка нажалась, страница грузится, форма ушла. Про вертикаль для лент у нас есть разбор форматов: короткие видео для соцсетей.

Моушн-часть фирменного стиля

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

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

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

Эти правила живут в документе рядом с цветом и шрифтом, вместе с запретами: не растягивать, не крутить, не мигать. Что ещё входит в такой документ, собрали в статье что входит в брендбук.

Из чего складывается работа

Моушн делается этапами, и чем дальше зашла работа, тем дороже отменить решение. Поэтому результат показывают рано и часто, а не в день сдачи.

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

Звук идёт последним, но думать о нём нужно на сценарии: музыка задаёт темп, и если подобрать её в конце, монтаж придётся переставлять под ритм. Там же проверяются права на трек.

2D, 3D и покадровая техника

Техника выбирается по задаче, а не по красоте примера в чужой подборке. Вопрос один: что именно нужно показать.

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

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

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

Форматы и длительности под площадки

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

Цифры берутся из справки той площадки, где ролик будет жить: у каждой свои, и они меняются. Например, в Яндекс Директе видео принимают длиной от 5 до 60 секунд, непропускаемое — не больше 15 секунд. Файл весит не больше 100 МБ, идёт с частотой от 20 до 30 кадров в секунду, пропорции 16:9, 1:1 или 9:16; минимальное разрешение 360p, рекомендуемое 1080p.

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

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

Что остаётся у компании после работы

Готовая работа — это три вещи, и отдавать их нужно вместе.

• Экспорты под площадки. Горизонталь, квадрат и вертикаль, версия с субтитрами, версия без звука, петля для экрана в точке продаж.
• Исходники проекта. Сборка со слоями, шрифты с лицензиями, файлы графики, документ на музыку. Без них правка превращается в заказ ролика заново.
• Правила в брендбук. Страница про движение: как знак собирается, в каких длинах живёт заставка, какой у движения характер и чего с ним делать нельзя.

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

Частые ошибки

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

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

Вопросы и ответы