С анимацией это действительно третья итерация, и это не три попытки сделать одно и то же, а три разных уровня. Ошибка была бы выбрать один и применять везде: у каждого уровня своё место, своя цена поддержки и своя усталость от повтора.
Чтобы разница была видна, здесь один и тот же знак — сборка из двенадцати модулей — показан на всех четырёх уровнях сразу. Форма не меняется ни на единицу, меняется только поведение.
Что двигаетсяНи одного движущегося элемента.
Где применяетсяФавикон, аватар на бирже, подпись в PDF, печать, вышивка, любое место, где кадр один.
Обязателен. Всё остальное — надстройка над ним, и если статика не работает, движение её не спасёт.
Что двигаетсяЖивут одна-две детали, остальное неподвижно. Цикл 2–3 с.
Где применяетсяШапка сайта, подпись в письме, аватар в мессенджере, кнопка. Там, где знак виден постоянно и не должен отвлекать.
Дёшево в поддержке: один CSS-кейфрейм. Не мешает читать страницу. Заметно ровно настолько, чтобы понять, что сайт живой.
Что двигаетсяВсе детали приходят из разлёта и складываются. Цикл 4–5 с.
Где применяетсяПервый экран сайта, заставка деки, обложка кейса, превью в соцсети. Там, где на просмотр есть несколько секунд.
Здесь появляется высказывание: продукт собирается из частей. Но на постоянном показе утомляет, поэтому в шапке ему не место.
Что двигаетсяЧетыре акта: разлёт, сборка, точечная правка, подпись. Цикл 7–8 с.
Где применяетсяИнтро видео, шоурил, экран загрузки, презентация вживую. Один раз за сеанс, не в цикле.
Полное высказывание бренда за восемь секунд. Дорого в поддержке: любое изменение знака требует пересборки хронометража.
| Носитель | Уровень | Почему |
|---|---|---|
| Фавикон, аватар, печать, вышивка | 0 | Кадр один. Движения не существует по определению носителя. |
| Шапка сайта, подпись в письме | 1 | Знак виден постоянно. Сборка на каждом скролле утомит за пять минут. |
| Первый экран, обложка кейса, превью в соцсети | 2 | Есть несколько секунд внимания. Здесь высказывание про сборку из частей и работает. |
| Интро видео, шоурил, экран загрузки | 3 | Один показ за сеанс. Можно позволить четыре акта и восемь секунд. |
| Печать, PDF, вышивка, гравировка | только 0 | Технически невозможно ничего другого — и именно поэтому уровень 0 обязателен. |
Знак обязан работать на нулевом уровне. Если форма держится только за счёт движения — это не логотип, а заставка. Проверка простая: остановить анимацию и посмотреть на кадр. Все двадцать два варианта на странице сборок эту проверку проходят, потому что собранное состояние у каждого — законченная форма, а не промежуточный кадр.
Обратное тоже верно: если знак хорош в статике, но движение к нему приходится придумывать отдельно — движение будет выглядеть приклеенным. Поэтому поведение закладывается в форму на этапе построения, а не после.