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

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

二、减弱不可避免的不适感

总有一些因素造成我们的产品体验下降。这些时候适当的增加一些动效可以弥补在出现这些情况时的不适体验。

比如下面这些:

1.让等待变得更愉快

常出现在加载、刷新、发送等界面中,让等待变得可视化,甚至不再那么无聊。

ec1d58d27d04a801219c7734c9de.jpg

Download Progress让下载不再枯燥

62cd58d27d1ea801219c775bcc30.jpg

App loader有趣的loading动画

0e1b58d27d64a801219c77271c59.jpg

gear-powered拉了还想拉的下拉刷新

2.失败界面的动效

比如刷新失败、页面错误、未联网提示这些。

a37d58d27daaa801219c77da912d.jpg

download就算失败了还是感觉萌萌哒~

3.增加界面与界面衔接的延续感

界面的跳转不可以避免,但是如果让本来分别独立的2个界面或者事件拥有了某种特定的联系,可以显得更加好玩,不再是生硬的跳转。

803e58d27e67a801219c772d7a1c.jpg

iOS Animation Download界面跳转时保留部分元素到下一个界面

3ad758d27e99a801219c77bf3f09.jpg

Filter Menu保留需要的条目 移走不再用的

496358d27eb7a801219c77c547e9.jpg

Elevate

三、不易被察觉的动效

特意把这一类单独说一下,由于不容易被发现,普通用户通常会忽略它们的存在,但很多时候这些小细节让交互变得更加有趣。

1.默默增加反馈感

为用户的操作提供有趣的正反馈。

8d9658d27ee0a801219c7736a3d8.jpg

Twitter收藏的点击反馈

2.去除用户不再需要的元素

随着用户的操作,有的内容已经是用户不再关注的。这时候可以将他们隐藏起来。

527d58d27f08a801219c7742116f.jpg

Steller

动效要注意交互逻辑,才能让你的作品看起来不但动效帅气逼人而且真正发挥了实际的作用。千万不要牺牲了用户宝贵的时间用来看你毫无目的的动效。

12共2页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通