Чек-лист по анимации

Соответствие макету
  • На этапе анимации мы все еще могли пропустить что-либо по дизайну, найти ошибки, понять, что в форме не хватает знаков — поэтому будьте бдительны всегда, на любом этапе вашей работы.
Анимация в стандартных блоках и в зеро-блоке
  • Если используется стандартная анимация — то везде она должна быть хотя бы приблизительно одинаковой. Не должно быть вещей по типу «главный заголовок выскочил снизу, потом подзаголовки выскочили слева и справа, а логотип выехал сверху». Соблюдайте рифму анимации на странице в логических блоках
Пошаговая анимация
  • Проверка точки триггера — не слишком ли низко или высоко стоит точка триггера, и анимация тогда не успевает воспроизвестись.
  • Правильное указание процентного изменения объекта, или его закрепление.
  • Правильная запись триггера и выбранная позиция от края, центра экрана.
  • Плавность появления всех элементов анимации, отсутствие дерганий и непонятных подрагиваний.
  • Проверка параметров для точки триггера, задержки, изинга.
  • Проверка выбора изинга для анимации для плавности движений.
  • Создание новых шагов для анимации, а не выполнение всех действий в одном шаге.
  • Когда в ивенте выбрано «он скролл» — указание дистанции в пикселях?
  • Если планируется анимация функциональных элементов: пунктов меню, кнопок, плитки или активных ссылок, проверить, все ли анимированы.
  • Зацикленность анимации
Хай левел: логика анимации может быть дополнена с помощью 12 правил анимации от Уолта Диснея.

Не забываем об учебнике по анимации от Тильды.
Финальный пересмотр работы
  • Проверка публикации всех страниц, сохранения изменений в Зеро-блоках и обычных блоках.
  • Отсутствие лишних движений, анализ необходимости анимации, оценка на ее избыточность и чрезмерную сложность.
  • Оценка общей информативности анимации — делает ли она понятнее блок, в котором находится; отсутствие наложения и перекрытия важных частей, например кнопок или форм так, что их становится нельзя заполнить.
  • Оценка общего вида анимации — выглядит ли она уместной и живой
Есть вопросы?
comments powered by HyperComments
Вот что есть еще
Эффект
Полюбившимся многим эффект реалистичного цветного дыма
ЭФФЕКТ
Модификация позволяет анимировать числа в Zero Block с заданным начальным и конечным значением
Эффект
При наведении на элемент в зеро блоке всплывает другой зеро блок
ЭФФЕКТ
Прелоадер при входе на страницу или при переходе по ссылке
Made on
Tilda