Анимация на сайте состоит из 4 основных параметров:

• Transition (например, заголовок меняет opacity c 0% до 100%)

• Delay — Задержка перед началом

• Timing — Продолжительность

• Easing — Плавность

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