谷歌设计规范摘录--Animation and color

1.Animation

                动效的意义不仅在于美，而且是为了构建有意义的空间关系，凸显功能，维系系统的一致性。

我们假设这些物体都是有质量的，在外力的驱使下按照某种规律运动。而不是突然的开始运动或结束运动，这样能让用户感觉自然

                1.进场和退场都采用最大速率，可以使用户不被速率分心

                2.小物体加速时间少，大的物体加速时间大

敏捷的响应交互行为

                （来自于对输入点或触碰点的立即响应）

                 1.触控涟漪

                 2.触控后物体上升表示激活

                 3.触控后生成新物体或变换已经存在的物体

                 4.拖动和拔动来直接处理物体

注意：物体的改变最好从触控点开始扩散，从其它点开始改变，会让用户摸不着头脑

构建有意义的转场效果

                转场时存在三种元素：进场元素，共享元素，退场元素

注意：从考虑用户的视觉聚焦为起点，考虑采用怎样的色彩和动画效果来引导客户，以达到设计的目的。怎样利用

进场元素，共享元素和退场元素来强调或弱化转场效果

                谨慎的添加动效，要让运动的元素充满愉悦感和明细感

富有层次的时间感，所用物体最好不要一起运动，而是有层次的逐渐开始运动，这样可以创造好的视觉轨迹，并让用户知道哪些元素比较重要

2.color

UI的色彩应用：

      1.主色一般在三种之内，在第二色板内再选择强调色

      2.文本，图标，分割线要设置透明度

                        请参考下图的配色表，来设置透明度，提高对比感。

3.可以用强调色来做按钮和控件

4.色彩主题

确定色彩主题能让应用的视觉保持一致。色彩样式风格决定了物体表面墨水效果的明暗度，阴影的强度。这里建议两种风格的色彩主题

• 明亮
• 深邃