Ui的基本特效--2

来源:互联网 发布:走近科学 知乎 编辑:程序博客网 时间:2024/05/29 09:44

(四)突出显示

通过动画引导使用者的注意力。使用户清楚界面上可能被忽略的变化。目的是通过动画引导用户注意特定的对象。打光和着色经常被用作突显的实例。

 

突出显示动效分类:

1. 缩放

适用场合:当一个特定对象需要被突出显示。

动作描述:缩放目标对象以突出显示。

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:-

 

2. 旋转

适用场合:当一个特定对象需要被突出显示。

动作描述:旋转目标对象以突出显示。

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:-

 

3. 着色

适用场合:当一个特定的对象需要被突出显示。

动作描述:通过目标对象的颜色来突出显示。

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:-

 

4. 褪色

适用场合:当一个特定的对象需要被突出显示。

动作描述:周围对象褪色来突显目标对象。

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:-

 

5. 模糊

适用场合:当一个特定的对象需要被突出显示。

动作描述:周围对象模糊来突显目标对象

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:-

 

6. 变暗

适用场合:当一个特定的对象需要被突出显示。

动作描述:周围的对象变暗来突显目标对象。

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:-

 

7. 翻转

适用场合:当一个特定的对象需要被突出显示。

动作描述:翻转目标对象以突出显示。

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:-

 

8. 发光突显

适用场合:当一个特定的对象需要被突出显示。

动作描述:目标对象发光以突出显示。

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:-

 

9. 改变深度

适用场合:当一个特定的对象需要被突出显示。

动作描述:目标移到其他对象之前,以突出显示。

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:对象看起来像改变了深度。

 

10. 灰显

适用场合:当一个特定的对象需要被突出显示。

动作描述:周围对象变灰,以突出显示目标对象。

一致性:-

优点:对象通过引人注意的动画,引导用户的视线。

用户感受:-

 

11. 放大

适用场合:当一个特定的对象需要被突出显示。

动作描述:目标对象在用户与之交互时放大。

一致性:如果对象不再被激活,应该回到原来的大小。

优点:通过放大目标以显示哪个对象是活跃并正在交互中的。

用户感受:-

0 0
原创粉丝点击