Чек-лист по анимации
Удобный способ перепроверить себя, если добавляешь анимацию на сайт – этот чек-лист от Тильдошной. Простые ошибки легко не заметить, когда долго работаешь над проектом.
⚡️
Соответствие макету
▫️На этапе анимации мы все еще могли пропустить что-либо по дизайну, найти ошибки, понять, что в форме не хватает знаков — поэтому будьте бдительны всегда, на любом этапе вашей работы.
⚡️
Анимация в стандартных блоках и в зеро-блоке
▫️Если используется стандартная анимация — то везде она должна быть хотя бы приблизительно одинаковой. Не должно быть вещей по типу «главный заголовок выскочил снизу, потом подзаголовки выскочили слева и справа, а логотип выехал сверху». Соблюдайте рифму анимации на странице в логических блоках.
⚡️
Пошаговая анимация
▫️Проверка точки триггера — не слишком ли низко или высоко стоит точка триггера, и анимация тогда не успевает воспроизвестись.
▫️Правильное указание процентного изменения объекта, или его закрепление.
▫️Правильная запись триггера и выбранная позиция от края, центра экрана.
▫️Плавность появления всех элементов анимации, отсутствие дерганий и непонятных подрагиваний.
▫️Проверка параметров для точки триггера, задержки, изинга.
▫️Проверка выбора изинга для анимации для плавности движений.
▫️Создание новых шагов для анимации, а не выполнение всех действий в одном шаге.
▫️Когда в ивенте выбрано «он скролл» — указание дистанции в пикселях?
▫️Если планируется анимация функциональных элементов: пунктов меню, кнопок, плитки или активных ссылок, проверить, все ли анимированы.
▫️Зацикленность анимации.
⚡️
Финальный пересмотр работы
▫️Проверка публикации всех страниц, сохранения изменений в Зеро-блоках и обычных блоках.
▫️Отсутствие лишних движений, анализ необходимости анимации, оценка на ее избыточность и чрезмерную сложность.
▫️Оценка общей информативности анимации — делает ли она понятнее блок, в котором находится; отсутствие наложения и перекрытия важных частей, например кнопок или форм так, что их становится нельзя заполнить.
▫️Оценка общего вида анимации — выглядит ли она уместной и живой.
Не забываем, что есть учебник анимации от Тильдыhttps://tilda.education/web-animation-course