设计稿美如画，上线丑成渣。这句话南阳做网站踩过坑的老板，听了都点头。
设计稿和上线稿差在哪
差在三个环节。第一，设计稿用的是高清假图，上线换成真实产品图，档次立马掉一半。第二，设计稿在1920像素的宽屏上画的，老板的电脑是1366的，客户手机是390的，比例一变，布局就乱。第三，字体、间距、阴影这些细节，开发还原的时候图省事，能省就省。三个环节加在一起，设计稿和实际效果就成了两张皮。
镇平玉器商家的故事
镇平石佛寺做玉器直播的刘老板，2022年找外地团队做了个官网。设计稿发过来，高级得很，深色底、大留白、玉器图片发着光。上线那天他拿手机一刷，图片被压缩得发灰，深色背景上文字看不清，直播间入口还点不动。前后跟对方磨了半个月，改了14处才勉强能看，最后那版还是他逼着对方按设计稿逐项对的。
验收时按这三步走
第一步，多屏对照。电脑、平板、手机各过一遍，重点看导航、按钮、图片是否错位。第二步，逐项核对设计稿。打开设计稿和线上页面并排看，颜色、字号、间距、圆角，一项项对，对不上的当场记下来。第三步，真数据测试。让设计师放真实的产品图和文字，别用假图验收，看真实内容下页面还成不成样。这三步走完，大部分坑都能提前踩掉。
设计稿和开发之间要有个明白人
设计稿和实际效果之间，隔着一个“还原度”。很多南阳企业找个人开发者或模板商，设计和开发是两个人，甚至两拨人，中间没人把关，还原度全靠运气。签合同的时候，把“按设计稿1:1还原”写进去，验收标准写清楚。说白了，设计稿是图纸，上线是盖好的房子，图纸再漂亮，施工队瞎糊弄，房子也好不了。
字体和图片的坑，验收时顺带查
还有一个细节，南阳老板很少注意：字体版权。设计稿里用的好看字体，很多是商业字体，网站上线商用是要付费的，一套字体一年授权费从几百到几千不等。正规的开发公司会在合同里写清楚字体来源，用思源黑体、阿里巴巴普惠体这些免费字体，一样能做出好效果。图片也一样，网上随手扒的图，随时可能收到侵权律师函。南阳有家教育培训机构，就因为在官网上用了张没授权的图片，被对方找上门赔了3500元。验收的时候，让开发把字体和图片来源列个清单，别稀里糊涂给自己埋雷。