码迷,mamicode.com
首页 > 其他好文 > 详细

Ui的基本特效--2

时间:2016-04-22 18:59:12      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:

(四)突出显示

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

 

突出显示动效分类:

1. 缩放

技术分享

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

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

一致性:-

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

用户感受:-

 

2. 旋转

技术分享

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

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

一致性:-

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

用户感受:-

 

3. 着色

技术分享

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

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

一致性:-

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

用户感受:-

 

4. 褪色

技术分享

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

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

一致性:-

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

用户感受:-

 

5. 模糊

技术分享

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

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

一致性:-

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

用户感受:-

 

6. 变暗

技术分享

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

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

一致性:-

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

用户感受:-

 

7. 翻转

技术分享

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

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

一致性:-

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

用户感受:-

 

8. 发光突显

技术分享

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

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

一致性:-

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

用户感受:-

 

9. 改变深度

技术分享

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

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

一致性:-

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

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

 

10. 灰显

技术分享

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

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

一致性:-

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

用户感受:-

 

11. 放大

技术分享

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

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

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

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

用户感受:-

Ui的基本特效--2

标签:

原文地址:http://blog.csdn.net/zhangyulin311/article/details/51217942

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!