客户发来两张截图：左边是设计稿，精致利落；右边是上线后的网站，字体发虚、间距松散、按钮颜色发灰。他问是不是设计师和开发不是一个公司的。我说先别吵，把两边的截图并排放大看，十分钟就能定责任。还原度不是玄学，网站设计的还原走样，原因基本都能查实。
字体缺失是头号嫌疑人
设计稿里用的商用字体没买授权，上线时开发换成系统默认字体，整个版面的气质立刻垮掉。查法简单：按F12看网络请求里有没有字体文件，没有就是没嵌；再看computed样式里的font-family，混进陌生字体名就是被替换了。要么补授权真嵌，要么一开始就选免费商用字体，别到上线才发现。
屏幕差异要提前约定
设计稿是按某个固定宽度画的，真实屏幕从笔记本到超宽屏什么都有。没写适配规则，开发就按自己的理解拉伸，间距全乱。验收时别只在自己那台电脑看，找台小屏笔记本和一部手机，三个设备都过一遍。网站设计阶段就约定清楚：1440宽度下什么效果，1920下两侧是留白还是拉伸，提前定，不然像两套设计，手机端哪些模块折叠也写进文档。
开发环节的偷懒最隐蔽
- 渐变、阴影用近似值糊弄，肉眼看有差别又说不出哪里不对，对着色值一查便知
- 间距不按栅格，全凭手感，把稿子和网页并排截图一比就露馅
- 图标直接用Emoji或近似图标代替，缩放后明显发虚
还原度验收清单长这样
拿三个设备、三个浏览器，重点核对：字体是否嵌入成功、主按钮颜色色值是否一致、各区块间距是否按稿、悬停和报错状态是否照做、手机端折叠是否符合约定。有客户照这份清单验收，当场拦下十几个小走样，上线那天和设计稿摆在一起几乎分不出。
网站设计的责任划分也要提前说：还原度不达标属于开发责任，返工不应加钱；设计稿里没有的状态——悬停、加载、报错——算需求遗漏，协商补做，验收单上给还原度留一行签字，出了争议有据可查。比格网络交付前有一道像素对照的工序，设计稿和网页并排比对，差异超标的块当场返修。这道工序，建议你写进任何一家服务商的验收流程里。
