质感运动
在质感设计中，用运动描述空间关系、功能、和意图，并赋予其美感。
内容
一、为什么运动很重要
二、物质如何移动
三、一个好切换效果是什么样的
四、动效的暗示
一、为什么运动很重要？
运动展现了一个应用是如何组织的，及能用来做什么
运动提供了：
- 视觉页面之间给予引导聚焦点
- 提示用户，完成一个动作将会引发什么
- 提示元素之间的层级关系和空间关系
- 把用户注意力从幕后发生的时间上转移开（例如读取内容或者加载下一页面）
- 个性、时髦、愉快
二、物质如何运动？
质感环境的灵感来源于现实世界中的力量，例如中立和摩擦。这些力体现在用户的输入影响屏幕上的元素，以及元素之间相互作用。
运动中的物质有一下特征：
- 有响应
质感物质充满了能量，能在用户触发的地方快速响应用户的输入。
大型动画在移动设备上一般300-400毫秒，小一些的动画可以短到150-200毫秒。更长或更短会给人感觉拖沓或突兀。
墨水波纹从触点立刻向外扩散，肯定用户的输入。同时卡片上移，处于激活状态。
展示新页面和创造新页面的元素或者动作之间的联系
- 动作自然
质感物质展现现实世界中受力运动的自然运动。
在现实世界中，一个元素运动速率的快速收到其本身重量和表面摩擦的影响，因此在质感设计中物体不会骤启动或骤停止。
质感物体在现实世界中，受重力等外力影响，一般不会直线运动，而是沿着弧线运动。
质感物质在变形中也沿着弧线运动。
- 有感知力
质感物质能够感知周围的环境，包括用户和其他材料。质感物质能够被原件吸引，能够对用户意图做出适当的反馈。
元件切换进入视线，元件和周围的环境根据彼此的关系编排运动路线。
质感物质能将其他材料推出视线外
- 意图明确
运动中的材料在正确的时间将视线焦点引导到正确的点上。
切换效果帮助引导用户到下一步交互。
运动能够传达不同的信号，如一个动作是否行得通。
动画效果能让用户聚焦到需要关注的元件上。
三、什么是个好的切换效果？
成功的动效设计拥有以下几个特点
- 动效短平快
一个动效不应该让用户等待过久。
动画快，用户无需等待动效结束。
许多元件运动得磨蹭拖沓，拉长了动效的时长。
- 动效清晰
切换效果应该是清晰、简洁、连贯一致的。元件应避免同时运动幅度过大。
进入下一场景时，保持一条简洁的路线，其他元件作为群组编排动作。
- 动效连贯一致
根据速度、响应力和意图，材质元件被统一在一起。应用中所有定制化的动效体验应在这个应用中连贯统一。
这些应用功能各不相同，但他们相似的动效体验给人感觉相互关联。
四、动效的暗示意义
在以下两个例子的比较中很容易看出上述动效规律的有点，其中一个app应用了这些规律，而另一个app没有使用。
正确做法：切换过程中，用户被引导到下一界面。界面变形的过程传达出彼此的层级关系。加载过程在幕后完成，以减小接收延迟的感受。
错误做法：新界面与之前界面的关系不明晰，没有切换过程，也没有清晰的聚焦点。没有传达出任何层级的信息，展示旋转圆圈让加载过程更加明显。
P.S. : 动效中的所有举例都是动态的，在下不才没能搬过来，担心没有例子的干文字不好理解，犹豫再三还是发了这篇的翻译，请对照官网动效例子：P。
