设计稿是理想，浏览器是现实
设计软件里看着通透的界面，丢进浏览器常常发灰发空。根源在两点：一是设计稿用了系统没有的字体，电脑自动替换成默认体，气质全变；二是设计师按2倍图作图，前端没按标注还原，间距差出十几像素。成都一家做智能硬件的公司，官网设计稿用的是付费字体，上线后变成宋体，科技感荡然无存，连夜花1200元买授权才救回来。说白了，字体许可这事儿，开工前就得谈好归属。
切图不规范是重灾区
很多设计稿只给一张图，前端靠目测切，误差能到8像素。正经流程是把稿子导进协作工具，带尺寸标注，前端直接量。我们看过天府三街一家财税公司的站，按钮圆角和稿子差了4像素，老板肉眼觉得别扭又说不出哪不对。后来用标注工具重切，误差压到1像素内，他自己都说顺眼了。踩过坑的人都知道，没有标注的交付，等于让前端猜谜。
动效和性能打架
设计稿里丝滑的转场，真机上一卡一卡，是因为没考虑低端手机性能。成都本地用户仍有近两成用中低端安卓机，复杂动效直接掉帧。龙泉驿区一家汽配城官网，首页加了全屏粒子动效，在千元机上打开要6秒，跳出率冲到78%。改成轻量过渡后，1.3秒打开，线索量回来三成。别被忽悠了，设计师的炫技要乘以你客户的手机配置，才是真实体验。
内容没准备好也背锅
稿子配的是漂亮文案和满图，你实际只有三行字和一张糊图，填进去自然空。高新区一家做SaaS的周经理，设计阶段没备文案，上线后首页大段留白，显得像没做完。后来补了客户证言和数据图，版面才撑住。建议设计前就把文字和图备齐，实在没有，让设计师用占位规划好区块，别等上线现抓。
验收要拿真机别拿截图
别只看设计师发的美图验收，用自己的手机和电脑各开一遍。成华区一家建材老板，靠真机验收试出平板上一处图文重叠，当场退改，省了上线后丢人。环球中心有团队提供多机型实测，花两三百块出一份适配清单，比凭感觉稳得多。
上线前留一手
新都区一家做五金批发的企业，设计稿验收时多留了一手，让团队导出标注版和设计版对照，查出三处间距差6像素，当场返修省了上线丢人。说白了，上线前多花半天对一遍，比上线后客户截图嘲讽强百倍。成都老板别省这半天。