一、为什么动?

　　首先，为什么要动?可能你会想到以下几条理由：

　　这让我的作品看起来很炫酷;动效会带来流量;别人都这么做了，我也得做……如果要是这么想，肯定是不行的。那么该如何衡量一个动效是否应该出现呢，蒙特认为有几个考核标准：

　　1. 这个动效是否会影响性能?

　　首先，这个动效是否会影响性能?这个是最重要的，添加任何动效前都要考虑是否会影响产品的性能，如果一个很酷炫的动效会拖累性能，使体验变得卡顿不流畅，那么必须毫不犹豫的砍掉或简化。

　　2. 这个动效是否会提高产品的可用性?

　　任何动效的出现都必须带有明确的目的性，能够解决用户在使用过程中的困惑，而不是炫技。单纯的炫技只会分散用户的注意力，弱化内容，变得适得其反。

　　3. 这个动效是否会给你的产品带来独特气质?

　　这里所说的气质是动效本身会有助于增强用户对于产品的认知和情绪带入。一个相得益彰的动效会为你的产品锦上添花，深化你的主题和功能，注意，一定是与主题相关的，牵强的搭配只会叫人觉得莫名其妙，毫无意义。

　　二、哪里动?

　　好，我们再看看哪里需要动效，这里举几个例子：

　　1. 加载

　　首先是出现在加载环境，不管是网页还是H5都不可避免的会出现让用户等待的情况，在等待的过程中为了让用户知道他的手机没有死机以及网络是通畅的，我们应该在这个时候加入一些与主题相关的动效来提醒他内容正在加载中。

　　2. 转场

　　第二个情景是转场。具有意义的转场会降低产品割裂感。

　　3. 页面元素的互动

　　也可以为网页元素增加一些必要的动效。

　　4. 心理需要

　　这里所说的心理需求是指气氛和情景的营造，例如节日，游戏活动等产品，是需要一些动效去满足用户心理需求的。大家都知道在微信里输入“生日快乐”是会掉下生日蛋糕的，这个动效就比干巴巴的文字有趣多了。

　　二、怎么动?

　　好，说完哪里动，我们现在看看怎么动。

　　1. 基于真实形态的模拟

　　基于真实的动画会叫人看起来自然流畅，符合规律，比如物体运动时的加速度现象。

　　2. 人物动作夸张化

　　在H5的设计中，经常会出现各种各样的人物形象，夸张的人物动作会生动你的形象，增加趣味性，给用户以惊喜。

　　3. 给元素赋予弹性

　　有弹性的物体会叫用户觉得具有生命感和真实性，弹的程度取决于你对元素软硬度的设定。

　　简单来说，当用户打开一个界面，注意力首先会被动态的物体吸引，然后才会把注意力转向颜色对比强的部分，最后才是形状。这一过程是人在进化过程中形成的本能反应，基本适用所有用户。同时一个非常重要且容易被忽略的原则：用户的注意力是有限的，而且越来越少。很可能在用户注意到一段动效之后，注意力和耐心已经用尽，无法看到其他内容就着急去下一个界面了。

　　在网页设计领域，浙江蒙特网页设计可以说把设计的优点以及效果运用的非常到位，诸多经典案例以及素材的把握也是非常恰到好处，一度被海康威视、华为等诸多集团企业认可并成为长期合作伙伴。真正有创意、紧跟互联网趋势发展的建设性网络公司当下为数不多，当你来到浙江，来到杭州这个电商之都的大都市，值得你选择的，蒙特不二家!