由于移动互联网的快速到来，加速各个企业在手机端的布局，比如网站，小程序等，下面我们着重讲一讲手机网站该如何布局。

企业手机网站受到屏幕小、交互严格等因素的影响，很难设计出一个既生动形象、又简洁有力的动画效果，不过，我们可以尝试使用现在很流行的扁平化设计思路，利用以下几个扁平化设计要点，设计出更加合适的动效。

1．手机网站中的动效一定要自然流畅、不突兀，这样更容易被用户所接受。这个可以从我们身边一些常见的现象入手，比如落叶的飘落线条、汽车的运动轨迹、水流动的方向等，而且在设计时还要考虑自然界的重力、加速度等因素，让动效更加符合自然规律，符合用户认知。

2．动效即元素的运动变化，在确定运动路线之后，就要考虑运动的速度。一般用户在观看动效设计时，会容易被细节左右视觉感受，比如速度快，给人感觉干净利落，速度慢，给人感觉轻缓安静。但是注意不要太慢，否则会让用户失去耐心，直接关闭网站。

3．我们在设计手机网站动效时，要从用户的角度出发，考虑用户可能出现的疑问和问题，比如这个动效的结果是什么，如何触发动效等。因为动效是有关联性的，清晰顺畅的逻辑关系能够帮助用户快速理解界面中的动效变化。

4．对于扁平化设计来说，最突出的一个特点就是简洁明了，因此我们在设计动效过程中，不宜添加太多的内容，这样会让呈现结果变得模糊不定，简单直接、目标明确的动效才是最好的。另外，动效的形式也不宜过于复杂。

5．由于现在的手机性能不断改进发展，拥有多核、大存储、高像素等各种特性，满足手机网站使用多种动效，来加强界面的视觉效果。不过，建议不要过度使用动效，毕竟过多的动效会阻碍用户与页面之间的交流互动，降低用户体验。