动态系统 

3-模拟现实 - 运动路径

运动路径分为直线和弧形两种，根据动画内容的需要针对性选用。

在用户界面中如果过渡中的元素沿对角线移动，线性运动路径具有简单而实用的样式，而弧形运动路径则更具强调性且生动。

运动的弧形路径还应符合基本的重力规律，带有自然加速度。

4-模拟现实 - 形变

压扁和拉伸，以及不同形状间的转换可以很生动的展现元素与现实世界间的自然联系。

矩形形变

• 对称变化：形状时以同样的速率改变宽和高，相对减少动画细节，持续时间较短，通常以恒定的比率进行形变，可防止一组物体的不自然拉伸

• 非对称变化：元素扩大时先变宽后变高，元素缩小时先变高后变宽

径向形变

从用户的触摸点产生对称的、环形可视化效果。转换的起点可以是元素的当前位置或者表面最终出现的位置中心。

此变化通常用在圆形元素上，让圆形变成其他形状。

5-模拟现实 - 自然过渡

如果要设置多个动画元素，应该定义清楚谁为主，谁是中心，并且尽量按照从属关系来次第呈现不同的子元素。

6-营造氛围 - 夸张

夸张，是为了达到某种表达效果的需要，对元素的形象、特征、变化、程度等方面着意夸大或缩小的修辞方式，可以有效提升设计的吸引力、视觉冲击力以及戏剧性。

7-营造氛围 - 对比

粗细、色彩、距离、速度等,完成信息之间的对比,是让动效灵活、有节奏感的重要手段。

（配图皆来源于网络 侵删）