AE动效设计功能



加强体验舒适度


表现层级关系


可以让用户用产品时更加舒适。如下案例:大家能够很好的看清层与层之间的关系,是“抽屉”还是“打开”,让用户知道上一个界面和下一个界面。这已经是非常常见的应用了,就是“表现层级关系”。


0.png


1.png


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


当用户手势操作的时候,让界面的动态更符合手指的运动。如图案例,手指需要上滑下滑,有动效设计就会让用户感觉是自己控制的界面,而不是机械化的跳转。


2.png


3.png


愉快的提示功能


在需要提醒的时候来告诉用户、吸引用户的注意力,但是又不会非常的生硬。如图如果错误的话就会有一个提示,让用户感觉体验非常舒适。


4.png


5.png


额外增加界面的活力


如图应用可以额外增加页面的活力。


6.png


下面界面当鼠标放上去的时候,它会自动捂住自己的眼睛。使人感觉额外的惊喜,让用户感觉到产品的生命力。


7.png

 

吸引用户持久的注意力


如图,在某些数据量较大的工作中可以添加一些动效,让用户更加集中注意力。这个是以动效形式展现视觉点。


8.png



减弱不可避免的不适感


让等待变得更愉快


比如现在正在等待请求网络,就会有一个请求的样式,非常有趣,而不是非常枯燥的一根线或别的方式。虽然我们的产品、交互、设计、工程师都在努力把产品打造的更加优秀,但是外界条件的不给力因素可能会造成产品体验的下降,这时添加动效就可以弥补不适的体验。


9.png


失败界面的动效


如下下载失败的界面里面,当下载失败时用户会感觉非常枯燥,这时如果加一些动效的话,就会让用户感觉即使下载失败也会感觉棒。


90.png



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


保留部分元素到下一个界面


依旧这个界面,可以增加滑动的延续感。


91.png


界面的跳转是不可以避免的,但是让本来独立的两个界面有一点独特的联系、可以显得更加的有趣、更有延续感。


92.png


93.png


保留需要的条目


如图两个界面的跳转,保留需要的条目。


94.png


95.png



不易被察觉的动效


平时会有一些不易察觉的动效,比如微信、QQ里面都会有不易察觉的动效,因为不易察觉所以常被用户忽略,但是很多时候这些小细节会让交互更加有意思。


96.png


默默增加反馈感


让用户的操作提供正确的反馈。


97.png


去除用户不再需要的元素


98.png


总的来说,动效是为用户体验来服务的,所以动效设计师一定要注意交互逻辑,这样才能让作品看起来不但动效非常的酷,而且最重要的是发挥了实际的作用。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

您有狂欢嘉年华礼包未领取

客服热线 400-862-8862

回到顶部