Анимация

Рекомендации по использованию анимации в наших интерфейсах

#Принципы

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

С помощью анимации мы стараемся приблизить элементы интерфейса к физическим объектам. Таким образом пользователь интуитивно считывает каждую операцию.

#Длительность

Мы не тормозим пользователя, а лишь подчёркиваем переходы между состояниями элемента. Длительность анимации зависит от веса элемента или его места в иерархии.

.15s
.25s
.5s
1s

#Ускорение

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