前两天有个哥们儿找我吐槽，说请人做了个网站，花了不少银子，结果上线后客户反馈说“看着有点晕”，心里那个憋屈啊。其实吧，这事儿真不怪客户挑剔，很多时候是咱们在网站建设中 动画 这块儿没拿捏住火候。我也干这行不少年头了，见过太多为了炫技把网站搞得花里胡哨最后把用户体验搞崩的例子。今天咱就掏心窝子聊聊，怎么让动画既好看又不招人烦。

咱们先说个大实话，现在的用户耐心比金鱼还短。你搞个全屏自动播放的炫酷视频背景，加载半天进不来，人家早关页面去别家看了。所以，在网站建设中 动画 的设计初衷，绝对不是为了让老板觉得“这钱花得值”，而是为了引导视线、提示操作、增加愉悦感。你要是为了动而动，那就是给自己挖坑。

具体咋弄呢？我总结了几个实在的步骤，你照着做，保证效果不一样。

第一步，克制是王道。别一上来就搞什么粒子特效、3D旋转。我就建议用最简单的CSS3过渡效果。比如鼠标悬停在按钮上，颜色稍微变深一点，或者按钮轻轻上浮个几像素。这种微交互，看着舒服，也不卡。我见过太多同行，非要在首页搞个全屏滚动的大动画，结果手机端根本跑不动，客户拿着手机看网页，卡得跟PPT似的，这谁受得了？

第二步，注意加载速度。动画素材要是太大，那就是累赘。能用的代码实现的，就别用图片；能用的GIF，就别用视频。我在给客户做项目的时候，特意把动画文件压缩到极致，哪怕牺牲一点点清晰度，也要保证秒开。毕竟，速度就是转化率。你要是让顾客等着加载动画，那转化率估计得掉一半。

第三步，别挡着主要内容。有些设计师喜欢搞个全屏的遮罩层动画，搞得用户啥也看不见，非得点“进入”才能看正文。这种设计太傲慢了。用户来你是为了找信息、买产品，不是来玩游戏的。在网站建设中 动画 的应用，一定要服务于内容。比如，当用户滚动到某个产品区域时，产品图片慢慢浮现出来，这种“渐进式”的展示，既高级又不打扰人。

第四步，适配移动端。这点太重要了，现在百分之七八十的流量都来自手机。你在电脑上看着酷炫的横向滚动动画，到了手机上可能直接变形或者错位。我有个朋友，上次做个官网，电脑端美如画，手机端全乱套，最后不得不把动画全删了，只保留静态图。虽然可惜，但为了用户体验，这步不能省。

最后，我想说，好的动画是“隐形”的。用户看完了网站，觉得挺流畅、挺舒服，但说不出来具体哪儿好，那就是成功了。要是用户一直盯着那个转圈圈的加载图标看，或者被突然弹出的动画吓一跳，那就是失败。

咱们做站子的，终究是服务于人的。别整那些虚头巴脑的，实实在在把用户体验搞好，让客户用得顺手，这才是硬道理。下次再搞网站建设中 动画 的时候，先问问自己：这个动画真的有必要吗？它帮用户解决问题了吗？如果答案是否定的，那就删了吧。省下的流量费，拿去优化下服务器，不香吗？

记住，少即是多。别让你的网站变成一场视觉灾难。