
Анимация элементов сайта – это оживление статичных элементов с помощью скриптов на языках веб-программирования.
Выполняет несколько задач:
- Повышает юзабилити (степень удобства интерфейса или продукта при использовании человеком)
- Придает ресурсу больше динамики
- Привлекает внимание посетителя к определенным местам и элементам на странице сайта
- Для предоставления информации в компактном виде, например за счет плавающих элементов можно оптимизировать пространство.
- Для решения индивидуальных технических и дизайнерских решений
Анимация имитирует взаимодействия с объектами реального мира, делает использование приложений и сайтов привычными, естественными.
Так же анимация применяется, чтобы показать процесс перехода от одного экрана к другому. В процессе видна связь элементов, благодаря чему человек точно понимает, куда и как он попал.
Какие бывают элементы?
Кнопки – имитируют привычные физические объекты реального мира.
В жизни кнопка – инструмент, с помощью которого достигается полезное действие. Так и на сайте, кнопка мотивирует пользователя на определенное действие, как например «Отправить» или «Зарегистрироваться».
Слои – помогают создать живой дизайн, работает в связке с анимацией.
Контекст и связь – связь между различными состояниями интерфейса способствует созданию иллюзии живого взаимодействия.