迪士尼动画与界面动态效果的关系
1)挤压和拉伸
挤压和拉伸是指物体的变形。比如你扔一个球，球落地会挤压，弹起来会拉伸。这种手法经常出现在迪士尼动画中，比如人物的落地/跳跃，结合夸张的手法，更加有力和生动。在人机界面中，界面上的内容或控件相对严谨、机械，生命力较弱。适当的挤压和拉伸可以增加趣味性和生动性。
2)准备行动
迪士尼的动作设计经常出现反向动作，用来加强正向动作的张力，让观者对角色的动作有一定的预判。如下图，唐老鸭的手臂向后移动，可以让人很快反应过来他要开始了。预期是人机界面设计的一个重要原则。满足用户对页面切换/控制操作/动态过渡的期待，自然舒适。如下图所示，滑块在下落过程中反弹。这个细节强调了滑块的不稳定性，符合人们对物体下落的认知。
3)性能布局
动画中的表现是每个镜头中人物的表现(表情/动作刻画)，布局是每个镜头的内容呈现。角色的位置需要精心安排和设计，避免同时出现太多琐碎的动作和变化，导致观者失去焦点。人机界面中的动态效果也需要分清主次，将用户的视觉焦点集中在当下。材质设计中的很多动态效果开关提供了一个视觉焦点，用户可以很容易的找到界面需要注意的地方。
4)连贯动作法和关键动作法
动画是由一系列连续的图像组成的动态图像，比如常见的1s/24帧，就是说在1s内显示24个连续的图像。连贯动作法是抓取每一帧，关键动作法是选择一些关键帧，关键帧通过插值帧来完成。“打太极传”动作如下图。上图捕捉了太极拳的每一个动态，下图是太极拳的关键动作。在人机界面的动态效果中经常使用按键动作法。
5)更快更慢。
物体的运动有一个加速和减速的过程，不会突然停止，瞬间加速。人们会更容易接受动画中的运动遵循物理规律，在人机界面中通过贝塞尔曲线可以实现复杂的运动效果。
6)跟随动作和重叠动作
迪士尼对运动物体的解释是，物体的运动是一个接一个的部分。比如转身，人体先完成，然后身上的衣服跟着转身。在这里，衣服的运动是下面的动作。此外，对象和它们的运动之间有重叠的部分。例如，当一辆车超过另一辆车时，他们的运动将在这个过程中重叠。跟随和重叠动作可以制造视觉时间差，增加动作的真实性和趣味性。
7)辅助动作
动画中的辅助动作主要是指依附于主要动作的细腻动作，比如角色配饰的一些动作(胡子、裙子)。人机界面出现主焦点时可以进行辅助动作。例如，当列表顺序改变时，在拖动的主要动作发生后，其他列表可以向前移动。
8)弧形轨迹
现实生活中，除了机械，大部分运动轨迹都是弧线。动画中的运动更是如此。比如人走路的时候，身体各个部位的运动轨迹都是呈弧形的。在人机界面中，使用弧线轨迹可以使界面看起来更加生动拟人。例如，在MAC OS X，最小化的窗口使用弧形，生动而有力。
9)时间控制
时间是动画的重要元素，它的作用是控制角色动作和动作的节奏和重量感。如图，鼠标起床-揉眼睛-打哈欠-拉伸，动作之间的时间控制不同，给观者不同的感受。时间在人机界面的动态效果中扮演着同样的角色。如下图所示，由于时间设置不同，滑块的翻转效果呈现出不同的节奏。
10)夸张
夸张是动画非常重要的一种表现形式，它可以巧妙的诠释人物和剧情，带动观众的情绪。在人机界面中，夸张程度可以根据产品形态和用户的心理情绪来确定。
11)熟练的手绘技巧
这是动画和人机界面中一个非常基本和重要的原则，良好的视觉表现是动画和动态效果流畅精彩的重要铺垫。
12)吸引力
吸引力是评价一张图片表现力的重要方式。动画的吸引力在于富有想象力的角色、充满个性和细节的画面等。人机界面中同样的动态效果，可以宣传品牌，让用户感同身受，创造独特的产品魅力。
摘要
再次看看迪士尼动画12的原理，通过上面的分析进行分类。原来动画是一门通过控制时间，运用不同的表现方法来表现人物动作和运动的艺术。那么对于人机界面，也可以从运动与动作、持续时间、元素特性三个角度来思考界面动态效果的设计。
参考文章
我从迪士尼动画设计中学到的用户体验设计的五个原则
迪士尼动画的十二原则(加2篇)
动态效果设计原则:从卡通动画到UI动态效果
网络动画的十二个原则
原始链接