杭州设计稿和上线效果差太大？余杭客户改了3轮才稳

余杭一家做智能仓储的老板姓陈，年初拿竞品官网来，说'就要这种感觉'。我们出了稿，他在电脑上点头通过。可真上线那天他炸了：导航在手机上换行错位，首页大图在安卓机上发灰，按钮圆角和稿子里差了两个像素。说白了，设计稿是理想态，浏览器是现实，中间差着字体渲染、系统缩放和不同屏幕三道关。陈总那版就是三关全中，所以差距才特别明显。

差在哪三道关

第一道是字体。稿子用苹方，Windows没这字，自动掉成微软雅黑，字重一变，整个气质歪了。我们后来给陈总项目强制嵌了web字体，体积多了300K但效果锁死。第二道是图片，设计稿的图是2倍图，开发直接丢原图，手机上糊成马赛克。第三道是系统缩放，苹果和安卓对1像素边框处理不一，稿子里1像素线，真机上有的显示有的消失。这三道关每一道都能让稿子失真一两成，叠起来就面目全非。

城西科技园一家做BIM软件的公司更惨。设计稿里卡片间距是24像素，开发按肉眼调成20，整页密得像Excel。改回24后留白回来，客户才说'对，就是这股劲儿'。他后来跟我说，原来稿子看着空，是因为留白也是设计的一部分。这种差几个像素的别扭，用户说不出原因，但就是觉得'不高级'。这类细节堆多了，品牌信任感就掉，官网的价值也跟着打折。

怎么把差距压到最小

我们的做法：稿子交付时附一份标注稿，颜色标十六进制、间距标像素、字体标字号行高，开发照抄不跑偏。滨江一家金融科技客户要求更狠，上线前用真机测了5款手机，从iPhone到千元安卓全过一遍，发现的问题当场修。这一轮测下来改了17处，代价是一天工时，省下的是上线后连改三周的噩梦。很多杭州团队省了这步，结果上线首周就被老板打回重做，反而更慢。

陈总前后改了3轮才稳。他现在的经验是：别光在电脑上看稿，手机上扫一眼再签字。杭州这边我们习惯交付前发三张真机截图，电脑、平板、手机各一张，客户确认无误再切图。别被忽悠了，省掉这步，后面返工的钱够你做两版设计了。我们现在的规矩是稿不过真机不签字，杭州客户基本都认这个流程。