Анимация
Рекомендации по использованию анимации в наших интерфейсах
#Принципы
Применение анимации делает процесс взаимодействия с интерфейсом более понятным, насыщенным и интересным. Микро-анимации визуально улучшают обратную связь и позволяют лучше отразить происходящие изменения.
С помощью анимации мы стараемся приблизить элементы интерфейса к физическим объектам. Таким образом пользователь интуитивно считывает каждую операцию.
#Длительность
Мы не тормозим пользователя, а лишь подчёркиваем переходы между состояниями элемента. Длительность анимации зависит от веса элемента или его места в иерархии.
.15s
.25s
.5s
1s
#Ускорение
Выбор функции ускорения анимации зависит от типа движения элемента. Линейное ускорение мы практически не используем, так как оно редко встречается в природе.