17723342546
微信H5设计|页面动效设计的作用

在我们页面设计中,不管是网站页面还是APP页面,其动效设计都是提高用户体验的重要环节,并且页面动效设计的作用还有很多,下面小编就给来大家分析一下这个动效设计能带来什么深层次的作用,让更多的人运用起来。

1、承上启下、链接反馈作用

6 个告知性动画」的目的是为了让用户更高效的使用产品,一定要高效高效再高效!最低成本的告诉用户是从哪里来的,哪里产生了改变、符合用户的心理预期等。
这些场合请尽量低调不要酷炫。可以精心雕琢运动规律使动作富有情感,但切忌一不能喧宾夺主打断操作,二不能节奏拖沓降低效率。

2、动效设计原则

Raizlabs 的产品工程师 Ben Johnson 提出了「1 个欢迎动画+6 个告知性动画+2 个动人的小细节」的动效设计原则。它为我们在产品动效的宏观层面提供了指导性意见。

微信H5设计|页面动效设计

3、提升品牌形象的小细节

1 个欢迎动画」的作用显而易见,品牌色 logo 设计字体神马的都弱爆了,来一段 damn cool 的动画抓住用户的眼球吧!请在 boss 允许的范围内尽情的骚气和酷炫!

4、动效细节提升用户使用体验

2 个动人的小细节」,比如正在与用户进行任务交流时,偶尔开一个暖人的小玩笑,会让用户感到愉悦,也是情感化设计的体现。比较有代表性的地方是 loading、彩蛋等。

5、动效设计注意事项

除了欢迎动画以外,其它动效必须帮助用户更加高效的完成当前任务,给予明确的指引和提示,避免大范围「炫技」造成的拖沓、眩晕、不知所云。切记效率效率还是效率!另外,动效尤其需要保证交互逻辑上的一致性。

综上所述,我们页面动效设计不管是在用户体验层面还是在品牌展现层面都有着很好的提升效果,但是其设计过程比较复杂,需要专业的UI设计师来完成,如果你还没找到合适的设计公司,可以咨询我们蓝橙互动,这里拥有专业的设计团队,完善的售后服务,相信能为你提供优质的设计服务。