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

页面动效设计 2020年11月09日

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

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

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

2、动效设计原则

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

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

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

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

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

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

5、动效设计注意事项

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

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

微信H5设计资讯

NEWS

让您了解更多关于微信H5设计信息

H5页面设计如何才能引流获客

对于H5这个词而言，想必大家已经很熟悉了，自2014年H5开发技术面世以来，其就受到商家和用户的广泛关注，那么怎样的H5页面设计才能快速引流获客呢？

2021年03月09日

金融海报设计理念和规范

对于一个平面设计师而言，每一张海报设计都是一种挑战，而它的用途也不少，其表现在产品宣传、业务推广及活动宣传等方面。但不同的行业做海报设计，就会有不同的标准与规范。

2021年03月09日

短视频制作如何策划才能吸粉引流

现在是移动互联网时代，我们时常会通过各大平台来了解实时信息，而现如今，短视频已逐渐充斥着我们的生活，在日益竞争激烈的短视频制作市场上，

2021年03月09日

三折页宣传册设计需要注重哪些方面

现如今，三折页宣传册已经成为各大商家和企业推广品牌，推销产品的主要方式，也是我们常见的一种推广方式。

2021年02月08日

食品包装设计必须考虑的四个方面

做食品类包装，首先应该考虑的是什么？我想大家都知道，就是要保证食品的安全问题，只有一个好的食品包装才更有可能将食品安全的系数提到最高。

2021年02月07日

影响包装设计效果的三个因素

一个好的包装设计不仅可以提升企业产品的档次，还能促进消费者购买，增加产品的销量，所以很多产品销售企业都会对每一件产品进行包装设计。

2021年02月07日

咖啡logo设计需要注意哪些问题

一个好的咖啡logo设计不仅能提高用户的好感度，而且还能吸引用户来消费，所以设计好咖啡独有的logo标志是十分重要的。

2021年02月05日

优秀logo设计具备的四个特征

随着市场竞争的发展，各种类型的公司都拥有了自己的独特logo，而一款优秀的logo不但能增强公司的企业形象，而且还能利于未来的企业发展。所以设计一款优秀的logo是非常重要的。

2021年02月04日

企业VI设计和品牌logo设计的区别

实际上，很多人多将品牌logo设计和企业VI设计搞混了，甚至认为两者就是一个东西，对此小编要说，企业VI设计和品牌logo设计是不一样的。

2021年02月04日