AE动效在UI设计中的作用(1)

来源:网络   作者:热心网友   发布时间:2017-03-31    浏览次数:637

随着扁平化设计风格的流行,交互上越来越拟物化,越来越多的产品已经意识到动效在产品用户体验中的重要性,我们用一些案例,来说一下动效设计在UI设计中的作用。


一、加强体验舒适度

让用户更加舒服、流畅的使用你设计的产品。

具体表现在:

1.表现层级关系

为了展现层与层的关系,抽屉,打开,还是平级切换等等,让用户知道这个界面和上一个、下一个的关系。保持使用的延续性。

df8758d279dfa801219c770b4db3.jpg

2.与用户手势结合,更自然的动画表现

当用户手势操作的时候,让界面的动态走向更符合手指的运动,从而让用户感觉到是自己控制了界面的动向,而不是机械化的跳转。

245258d27a16a801219c778f3439.jpg

City guide app用手势可以向左向右扔卡片

3.愉快的提示功能

在某些需要提醒的时候能吸引用户的注意,但是又不会生硬,符合预期的出现。

7ad158d27c04a801219c77bab0a7.jpg

Action button feedback出错提示

3e6558d27c3ea801219c77321fbb.jpg

City Guides启动时提示用户可以左右滑动卡片

4.额外增加界面的活力

在用户预期之外增加的惊喜,可以是帅气的,是卖萌,可以有些物理属性,总之让用户感知到产品的生命力。


6bc058d28e28a801219c778eefc4.jpg


ceb958d27c5aa801219c779c71be.jpg

readme.io萌萌的输入框


366958d27c85a801219c773a351e.jpg

tumblr?不喜欢我 心都碎了呢~


5.吸引用户持久的注意力

也是属于增加用户的惊喜感,在某些数据量较大的界面中添加一些动效,让用户保持注意力。

ffd758d27ca5a801219c77e67f6c.jpg

Bubbles以动态的形式展现数据点


12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/5811.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通