非设计背景的人评审网站方案最容易陷入两种局面要么被效果图说服要么完全说不出问题。其实设计好坏有相当一部分是可核对的——不需要审美训练只需要几张表和几个数值。这篇给一份不依赖设计背景的检查清单全部条目都可以由甲乙双方当场验证。一、先看有没有「表」再看图设计好的方案通常伴随两类文件页面清单栏目、页面类型、每类页面的目标动作和设计规范栅格、间距、字号层级、色彩角色、组件状态。如果对方只给效果图判断可以到此为止——不是设计得不好而是没有可维护的设计系统第二期加页面必然走形。二、四个可以当场量的数值正文可读性正文行宽控制在适合连续阅读的范围内行高与字号成比例拉到 1440px 与 1920px 两档看是否出现超长行。层级是否唯一一个页面里主标题层级是否唯一标题层级有没有跳级h1 直接跳 h3 这类。点击热区移动端按钮与链接热区是否足够大相邻可点元素是否有误触风险。对比度浅灰文字压在浅色底上是最常见的可用性缺陷用对比度工具量一下就知道。这四个数值不需要审美判断任何人都能核。三、三个必须走完整流程的验证流程一新用户三秒测试。打开首页遮住 logo 只看三秒说出「这家是做什么的、主要客户是谁、下一步该干什么」。说不出来说明主视觉与信息的优先级有问题。流程二完成一次转化动作。用自己的手机走一遍留资或咨询流程注意提示是否清楚、失败是否有反馈、提交后有没有人接到。流程三找一条低频路径。比如从列表页翻到详情页再返回、空状态下的页面、报错状态下的提示。这些页面最能暴露设计深度也是最容易被跳过的地方。四、需要看代码/配置才能核的三件事语义化结构标题层级、列表与表格是否用语义标签这既关系到可读性也关系到机器理解结构化数据企业主体、站点全域、面包屑导航等 Schema 是否落地并在上线前校验——这是收录与 AI 识别的地基不等于曝光或推荐但没有它机器更难读懂你资源与性能首屏关键内容渲染、图片是否压缩并使用现代格式、字体加载策略是否造成文本延迟渲染。五、把清单变成验收单上面四段可以合并成一页验收单可量化的四条行宽、层级、热区、对比度、必须走流程的三条三秒测试、转化动作、低频路径、需要看配置的三条语义化、Schema、性能。把验收单写进合同附件评审就不再依赖「我觉得好看」而是变成逐项打勾。双方都省力。
