十二条动效体验原则

用户动态的方式展现变化的值，会给人一种“神经反射”。用户感受到数据的动态特征后，能够感受到其意义，并联想到与之相关的对象。这是的数值就成为了沟通用户与关联对象（数据背后含义）的桥梁。相对的，如果这些数值看起来是静态的，就无法连接用户与关联对象，桥梁的作用自然也没有了。

值变的理论既可以是即时，也可以是非即时发生的。如果是即时事件，用户一边进行操作一边改变数值。如果是非即时事件，像是加载或过渡，数值在没有用户参与的情况下自动变化。

如果一个界面元素的不同的展示方式对于不同的功能，那么让展示方式的变化过程具有连续性。

遮罩行为的问题可以理解成元素形状与功能之间的关系。

虽然设计师们在做静态设计时就对遮罩有所了解，但需要区分的是动效体验原则中的遮罩是随着时间而发生的行为，而不是禁止的状态。

这种连续无缝地遮住或露出元素区域的方式，也能创造连续的描述性。

上例中，头图通过形状和位置的改变成为了唱片。在不改变元素内容的情况下，通过遮罩来改变元素本身，相当不错的技巧。这个例子属于非即时事件，在用户操作之后才发生。

记住，界面动画的原理与时间紧密相关，通过持续性、描述性、关联性与可预期这四种方式来成为可用性的支柱。上述的例子中，尽管元素的内容前后保持不变，但是轮廓和位置决定了它是什么。

用堆叠元素的相对位置来描述它们的扁平空间关系。

覆盖通过堆叠排序来弥补扁平空间缺乏层次的问题，以此提高体验可用性。

再直白一点，就是在一个非三维的平面空间里，通过排列元素之间的上下关系来传递它们的相对位置的动效。

上图一中，前景元素滑到右边露出背景元素。上图二中，整个界面向下滑动露出列表和选项（同时使用移动和延迟原则来描述照片之间的独立性）。

（编辑：PHP编程网 - 湛江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!