Некоторые особенности анимации в интерфейсах Material Design:
- Осмысленная анимация. 1 Объекты не появляются и не исчезают просто так, а плавно переходят один в другой. 23 Это помогает показать пользователю, как работает интерфейс. 2
- Асимметрия. 1 Поскольку глубина интерфейса ограничена толщиной устройства, все трансформации объектов производятся в плоскости. 1 Изменение ширины и высоты объекта должно быть независимым. 1
- Реакция на действия пользователя. 1 Там, где это возможно, эпицентром изменений в интерфейсе должно быть прикосновение к экрану устройства. 1 Например, волна, которая появляется и идёт от точки касания пальцем. 1
- Микроанимации. 1 Анимируется каждый элемент приложения — будь то переходы между контентом или маленькие иконки действий. 1 Это добавляет приложению детальность и отзывчивость на каждое действие пользователя. 1
- Чёткость и резкость. 1 Движение должно быть быстрым и чётким. 1 Объекты быстрее реагируют и достигают целевого состояния, резче возвращаются назад, но чуть дольше идут к состоянию покоя в конце. 1
Основная идея анимации в Material Design — сделать пользовательский интерфейс выразительным и простым в использовании. 23