定制网站设计的验收清单：设计稿、切图、后台与性能四项

网站验收不能凭感觉说「差不多」。本文给出一份可执行的四项清单：设计稿还原度、前端切图与多端表现、后台可维护性、性能与 SEO 基础，每项列出具体检查动作与判定标准，可直接抄进合同附件。

验收阶段最常见的僵局是甲方说「感觉不对」，乙方说「和设计稿一样」。原因是没有可判定的检查项。下面四项清单，每项都是能当场做出是/否结论的动作，可以直接抄进合同附件。

一、设计稿还原度

• 逐页把浏览器截图与设计稿并排比对，重点看间距、字号、色值、圆角、阴影。
• 色值用取色器实测，允许误差在 ±2 以内（不同色彩配置会有偏差）。
• 字体是否按设计稿加载：中文字体文件很大，通常用系统字体替代，这一项要在设计阶段就说清用哪些字体，不要到验收时才发现。
• 图片是否用的设计稿里那一批，还是临时替换的占位图。

二、前端切图与多端表现

• 三档宽度各测一遍：1440 px、1024 px、375 px。
• 真机测三台：小屏安卓、iPhone、平板。开发者工具的模拟不等于真机。
• 检查有无横向滚动条（手机上出现横滚基本都是表格或固定宽度元素溢出）。
• 文字截断：标题过长时是换行还是省略号，两种都要事先约定。
• 点击区域不小于 44 px，相邻可点元素间距不小于 8 px。
• 导航折叠菜单能完整展开与滚动，二级菜单在触屏上可用。
• 表单能在手机上填完并提交成功，输入框不被键盘遮挡。
• 图片不变形、不模糊、有 alt；图标在高分屏下不发虚（用 SVG 或 2 倍图）。

三、后台可维护性

让一个没参与项目的同事实操，逐项打勾：

• 新增一篇文章（含标题、正文、封面图、关键词、描述），保存后前台能看到。
• 修改一段公司介绍文字，保存后前台生效（问清多久生效，有整页缓存的站点要说明缓存时长与清除方式）。
• 上传一张图片并插入正文，上传后是否自动压缩。
• 替换一张产品图，原地址是否变化（变化会导致外部引用失效）。
• 新增一个栏目并调整导航顺序。
• 修改联系方式与备案号（这类信息应该只有一处配置，不要散落在多个模板里）。
• 查看询盘/留言列表，能否标记处理状态、能否导出。

任何一项需要改代码或找开发，就是不合格。

四、性能与 SEO 基础

• 首屏加载时间：手机流量下打开首页，首屏内容应在 2-3 秒内出现。
• 页面总重量：首页控制在 2 MB 以内，内页 1.5 MB 以内。
• 图片是否按显示尺寸出图（用开发者工具看原始尺寸与显示尺寸的比值）。
• img 标签是否有 width 与 height（缺失会导致页面加载时跳动）。
• 静态资源是否配了 Cache-Control，回访是否走缓存。
• 每个页面的 title、keywords、description 是否独立且不重复。
• h1 是否每页唯一，标题层级是否连续（h1 → h2 → h3，不跳级）。
• 站点地图能否访问、规范地址（canonical）是否正确、面包屑是否有结构化数据。
• 404 页面是否存在且能返回首页；旧地址的 301 是否按对应表逐条生效（改版项目必查）。
• 数据目录与备份文件是否能通过网址直接访问（能访问就是安全问题，必须封）。

验收流程建议

分两轮：第一轮按上面四项走一遍，把问题列成清单编号；第二轮只复查清单上的项。不要边看边提新问题，那会没完没了。清单里的每一项都写明「检查动作 + 判定标准」，避免「感觉不好看」这类无法收敛的意见。

小程序与 APP 类项目的验收项不一样，可参考甲方要准备的材料清单与验收标准；预算分配见公司网站建设费用预算表。

需要一份可打印的验收表，或者第三方项目要做交付前检查，打 0576-88882122，我们按你的项目类型出一份对应的清单。

定制网站设计的验收清单：设计稿、切图、后台与性能四项由“聚企互联“为您提供，更多定制网站设计验收,网站验收清单,前端还原度,网站性能验收可联系我们！