Хорошая UI-анимация выполняет три функции: ориентирование (показывает пользователю, что происходит), реакция (ответ на действие) и создание настроения. 12 принципов анимации (Disney, 1981) — squash and stretch, anticipation, staging, follow through — актуальны и сегодня.
Для веба CSS transitions и animations — для простых эффектов. GSAP — для сложных анимаций. Lottie позволяет использовать After Effects-анимации в формате JSON на web и mobile. Скорость анимации: 200–300 мс для микровзаимодействий, 400–600 мс для переходов страниц.
Наши курсы по этой теме