京口新闻网

2016.8.12  星期五

动效设计的意义与种类都有哪些

动效设计是随着互联网的不断发展而逐渐热门的一项网页设计效果,而今天我们就一起来了解一下,动效设计的意义与种类都有哪些。动效设计的意义与种类都有哪些一、动效设计的意义为什么要做动效设计,当然是能够为产品带来价值才会去投入资源去做,那么带来的价值是什么?在大多数的认知里,动效能吸引用户的注意,那么自然能为产品带来点击或跳转等价值,但这仅仅是动效赋能产品价值中的其中一种,动效的意义针对产品和用整体可以分为两块:其中很多因素是互动或者呈因果关系的,比如引导用户操作可以减少用户对产品的认知成本,提升产品易用性也变相提升了用户和产品的互动性,为产品注入活力也会让用户减少部分不可避免的不适感等等,两者是相辅相成的举个简单的例子,POP弹窗的设计大家都不会陌生,POP弹窗的出现往往目的是为了引导用户点击跳转至新的模块,终目标都是引导用户去点击弹窗上的行动点;上图示意的静态弹窗往往是市面上大部分弹窗的出现方式,很明显的对比下动态弹窗和行动点让人的点击欲望更强烈,固然结果自然是动态的点击率比静态的要好到这有人就会说了,你废话半天都是我们知道的东西啊,会动的当然比不会动的点击感要强啊!别着急,我这里只是简单的说明了动效的价值和意义,具体怎么去做动效设计先还需要了解动效的种类~二、动效的种类动效的种类大致可以分为四种:转场类、展示类、引导类和反馈类。很多产品设计中我们常见的往往是以这四类动效或衍伸的动效为主,下面给大家介绍不同种类动效的样式和意义1、转场类转场类动效用于页面层级的跳转或场景切换,帮助用户理解界面间的变化和层级关系,也让界面更加真实生动;避免页面场景的瞬间切换导致用户产生变化盲视(视觉刺激的突兀变化会阻止用户注意到新的信息);简单来说就是在产品页面切换中让用户有一个心理预期,看到哪些东西变了,新增了哪些东西要注意的,而且整体切换看上去非常的丝滑舒适;经常用到的手法以缩放、透明度、旋转等平滑的效果为主,来搭建层级与层级间的关系和切换2、展示类展示类动效更多的如字面意思——常规场景用作展示,其目的是能够在一时间吸引到用户的视觉,突出产品核心功能和特点,引导用户的视觉流向,去帮助用户更好的理解产品;主要在产品的KV版头、网页以及品牌传播等场景中出现3、引导类引导类动效底层逻辑为通过界面中某些元素的变化,拉开与不动的元素的视差,引导用户进行下一步操作,能够自然而然的聚焦用户视线,降低其他视觉元素的干扰,目的是帮助业务达成某个模块的KPI,或者引导用户相关的操作,产品中常见的就是新手引导、Toast提示等4、反馈类反馈类动效是在用户进行行为后及时给出相应的反馈,更多偏向于用户体验侧;底层逻辑是以视觉表现的形式传达给用户当前时下的操作反馈,给予用户一定的心理预期【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请在707945861群中学习了解。

上一篇:弹窗设计需要注意哪些问题
下一篇:没有了