DOCT（D6）Material Design动效篇（一）

material 动效

在 Material Design 的世界中，动效用于描述空间关系、功能以及提供优雅流畅的交互效果。

为什么动效很重要?

动效展示了应用的组织方式和功能。

动效可以：

引导用户在视图中的视觉焦点

提示用户完成手势操作后会发生什么

暗示元素间的等级和空间关系

让用户忽视系统背后发生的事情（比如抓取内容、或加载下一个视图）

使应用更有个性、更优雅、更令人愉悦

材料如何移动?

材料环境从现实世界的力学中吸取灵感，如重力和摩擦力。这些力显示了用户如何和屏幕上的元素交互，以及元素之间的相互影响。

运动中的材料有以下特性：

反映敏捷

材料通常充满活力。它可以快速准确地在用户输入的位置做出响应。

在移动设备上，长一点的动画时间在 300-400ms 之间，短一点的动画时间在 150-200ms 之间。动画时间太长会让用户感觉迟钝，太短会感觉难以跟上。