Material Design学习笔记-Animation

看过几个版本的material Design中文翻译，都不太准确，就没看下去，前几天同事分享了一篇链接，还不错http://www.apkbus.com/design/material-design.html

Animation

个人心得：应用里的每一个控件、列表、视图…都具备物理属性，存在于真实的xyz三维立体空间中。一个应用程序包含状态栏24px 导航栏 标签栏 工具栏。赋予它们体积和质量，加入真实的动作

1、真实的动作

~迅速的加速和平滑的减速动作

~最大的速度进入和最大的速度退出场景

注：不同物体质量不同移动方式不同。例如羽毛和铅球，质量轻速度快，质量重速度慢

2、响应式交互

用户操作任意元素，应该立即得到响应，例如点击button产生的涟漪，左右滑动翻页。响应式交互能够让用户立即感知自己的操作。（icon三态：未选中、按下、被选中）叫做表层响应。强调响应

元素响应：选择或点击，元素本身作出响应，比如按下物体悬浮。当卡片被点击，应该悬浮以表示该卡片处于被选中激活状态。

径向相应：以用户为中心点逐渐散发的径向扩散效果。从中心点展开一连串动作产生的涟漪效果

3、有意义的转场动画

新入场的物体，退场的物体都需要平滑轻快的转场动画。新入纸片应该滑入，字体应该淡入淡出。不要全屏的淡入淡出。

~避免瞬间切屏

~动画需要有层次，连贯。

思考：

~尽量避免线性路径（特殊情况除外）

确保元素移动的方向在整个转场过程中都是协调一致的。避免冲突的动作和重叠的运动路径

是什么在什么的下方运动，为什么？

如果所有运动的元素都在屏幕上按路径移动，看起来是否优美整齐？ 这是否能让用户清楚地知道应该看哪里？

通过新旧元素的连贯性的动画来表现空间上的关系

通过和谐一致的动画引导用户的注意力

避免混乱不连贯的动画，元素以随机方向离开或进入等会造成用户的困惑

4、打动用户的细节

从一个图标到一个核心场景的转换动画，从一个播放按钮转换成暂停按钮的小动画细节，能让用户感受得到，这种无缝体验能打动用户。

2017年6月30日