网站改版验收官：大改先出样张
一页说明
- 给谁用：自己做官网、作品集、落地页的人；把网站外包出去的甲方；接改版活的设计师和开发（交付前自查）。
- 解决什么：改版反复被否，往往不是细节没调好，而是一开始就把“整体感觉不对”当成了参数问题，或者整站铺完才发现方向不被接受。
- 原来要几步：凭感觉改、整站做完、拿给对方看、被否、重来。使用后：给诉求原话和现有页面 → 拿到分级判断和样张范围 → 样张确认后再铺开 → 交付前过清单。这是流程拆解，不是效率测量。
- 产出长什么样：一份
改版验收单.md，分两张：预检单（动手前：分级、并排对比、样张、减法清单）和交付单（交付前：检查清单与结论）。完整示例见 examples/案例-手作咖啡店官网.md。
不做什么
- 不做设计稿，不写页面代码，不改你的文件。只产出验收单，需要落地时交给你正在用的设计或前端工具。
- 不替拍板人（出钱并最终说“行”的人）决定审美。本技能让分歧提前暴露、让对比有依据。
- 不评价对方团队的工作量或能力。
- 不适用于纯功能性工具页（后台、表单、内部工具）。
- 对标站只用于比较，不复制其代码、图片和文案。
四条规则
| # | 规则 | 为什么 |
|---|---|---|
| 1 | 先分级：动手前判断诉求属于哪一级 | “难看、没质感、要高级感、大换血”说的是整体；布局本身平庸时，调留白、字距、阴影只是化妆，改变不了结论。“只新增不破坏”只适合加功能 |
| 2 | 对标并排：1–2 个对标站，同一视口放在一起看 | 单看自己的页面容易自我感觉良好；并排能看出哪个维度明显落后。对标站开工时就锁 1–2 个，学十个等于没学 |
| 3 | 样张先行：整体气质、底色、字体系统、版式骨架的大改，先出一屏样张 | 拍板人口头给的风格词不等于对成品的接受度。整站铺完再被否，返工是全量的 |
| 4 | 先删后加：先列减法清单，再谈加什么 | 高级感多来自克制：少一点颜色、少一档字号、少一个效果 |
术语：化妆 = 调留白、字距、阴影这类不改变结构的微调；骨架 = 栅格、导航结构、首屏结构、区块节奏；明显落后 = 并排后一眼就能看出差距的维度。
按级别的最小流程
不是每次都走满。先分级，再按下表走：
| 级别 | 必走 | 可跳过 |
|---|---|---|
| L1 微调 | 步骤 0（只问页面和原话）、1 分级、改完后对照原话逐条回复；交付时只查清单里相关的项 | 对标并排、样张、减法清单 |
| L2 局部重做 | 步骤 0–1，对被点名区块做并排、出该区块样张、减法清单；交付时查相关项 | 全站并排 |
| L3 推倒重构 | 全部步骤 | 无 |
步骤
0. 收材料，一次问完
- 现有页面（链接、截图或文字描述）。没有截图或链接打不开时，只做分级、样张建议和“待补材料”，其余部分标“未做（缺截图）”，不凭想象评价页面。
- 本次诉求的原话。若不是第一次被否，每次被否的原话和当时改了什么。
- 谁是拍板人，品牌有没有不能动的底色、字体、语气。
- 对标站：请拍板人给 1–2 个“像那样就行”的网站。你可以告诉用户去找什么样的（同行业、同气质），但不替用户描述任何具体网站的样子；实在没有对标站，并排对比标“未做”，改用“诉求原话对照表”（见 checklist）。
- 硬约束：上线日期、必须保留的内容、现有页面的完整备份在哪。
追问一句真实原因：拍板人说的往往是“解法”（“要米黄底”“要黑金风”）而不是“原因”（“看着不像手作”“不够贵”）。拿到解法词，要追问“是看到什么让你觉得不行”，并把原因和解法分开写进验收单。
缺哪项一次问完，同时先做不依赖答案的部分。
1. 分级
按 分级判断表。写出级别和依据。升级信号见表，最多上调一级，不叠加；拿不准时按高一级处理，并写进“待确认”。
2. 对标并排（L2 局部、L3 全站）
用 并排对比表 在相同视口宽度对照，每个维度只写一句“差在哪”。“要学的具体做法”必须能被检验。截图由用户提供。
3. 样张判断（L2 局部、L3）
满足 样张触发条件 任一条，就先出样张，确认前不铺开。同时做冲突检查：风格词和品牌现有底色气质是否相反。有冲突当场提出，同时给出两个方向的样张对照，由拍板人看图选，不替拍板人选，不口头选。
4. 减法清单
按 减法清单模板：先数现状，再列要删的，最后才列要加的，每个要加的写明替代了谁。
5. 出预检单
输出预检单（结构见 checklist 第六节），结论三选一：可直接改 / 先出样张 / 需补材料。到这里还没有交付，不填交付单。
6. 交付检查（成品出来后）
逐项过 交付检查清单。每项四种结果之一：通过 / 不通过 / 不适用（写理由）/ 无法判断（写补什么证据）。无法判断不算通过，但也不算失败，写成“补证清单”。结论：通过 / 退回（逐项列原因）/ 待补证（列需要补的证据，补齐后再判）。
7. 汇报
用“已判断／已核对／待用户确认”分开写；列出集中提问（一次问完）；没看到的页面不说成已验收。
与动效类技能的分工
| 情况 | 用谁 |
|---|---|
| 诉求涉及整体观感（难看、没质感、不高级、换风格、底色、字体、版式） | 先用本技能分级。骨架和风格定了，再考虑动效 |
| 只想给现有页面加入场、氛围、反馈这类轻量动效 | 直接用 motion-order-menu（动效点菜），不必先走本技能 |
| 滚动叙事、3D、复杂时间线 | 用宿主里更重型的动效或设计技能 |
| 胶片颗粒、纸纹、整体质感（静态视觉） | 属于风格与样张，用本技能，不是动效 |
动效加完后，回到本技能交付检查的第 11 项（加载）和第 12 项（减少动态效果）复核。
示例
- examples/案例-手作咖啡店官网.md：虚构案例，含输入、期望判断要点和完整预检单。
- references/checklist.md：全部判断表、对比表、清单模板。
方法来源
方法参考：作者对“改版被否”的复盘，结合常见的视觉评审做法（对标评审、样张确认、减法设计），由作者重新整理。
