审美工程 · 12 / 12 验收清单：点头之前过一遍 AI 出稿越来越快，把关的动作要跟上。收官这一节交付一份 15 项验收清单，再回访你在开篇投下的那一票，看看这一章有没有把眼睛练出来。 验收清单 回访投票 全章回顾 延伸阅读 一句话速览 AI 交付的界面和图片，按清单逐项检查：层级、间距、克制、一致性、细节。交互式清单可勾选，附延伸阅读 三分钟验收，怎么算都不亏 AI 十分钟能出一版稿，你花三分钟验收，这笔账怎么算都划算。难缠的对手是「差不多就行」：稿子第一眼过得去，手就想点通过，糙的地方要到上线之后才扎眼。 这份清单管住那只手 ：十五项，每项一个动作，过一遍再点头。勾选进度会存在本地，下次带着新稿子回来接着用。清单里几条判据有出处，勾完往下翻，每条都配了说法和练手题。
动手 · 验收清单：15 项过一遍
交稿验收清单 0 / 15
层级 · 3 项
指出这一屏的唯一主角，指不出就打回 眯起眼看整页，第一眼落点是主角吗 主按钮之外，还有没有同色同重的按钮在抢戏
间距 · 3 项
量三个间距，不在 8 的倍数上就问为什么 卡片四边的内边距一致吗，找一张量给自己看 同级元素的间隙相等吗，列表行距挑两处对比
克制 · 4 项
数颜色，主色超过一个要给理由 数字重，从标题到辅助文字超过三档就砍 找一处渐变或阴影，问「删掉会怎样」，答不上来就删 随手指一个元素，问它存在的理由，说不出口的删掉再看一眼
一致性 · 2 项
两个页面并排看，控件是同一家的吗 数全站圆角，超过两档就统一
细节 · 3 项
图片放大到 200%，看边缘和文字有没有崩 按 0.1 / 1 / 10 秒三道门槛点一遍按钮，慢过门槛还不给提示的打回 图表只画趋势没给数字的，让它把数字标上
当前浏览器禁用了本地存储（可能在隐私模式），勾选照常可用，但刷新后进度不会保存。
克制组的新判据：存在就要有理由 克制组新加的那一项有出处。《About Face 4：交互设计精髓》第 17 章的判据： 每个元素的存在要有理由，每处差异的存在也要有理由 ，给不出理由，就删掉元素、抹平差异。配套的手法叫删减测试：把可疑元素去掉，看信息受没受损。书里把话说得更狠：删减东西，直到破坏了设计为止，再把最后去掉的那件加回来。做一道题练手。
AI 交来的落地页，标题底下压了一条渐变装饰线，怎么办？ 单选
A 留着，删了显得秃 B 先删掉看一遍，信息和层级没受损就不加回来 C 换成一条更细的渐变线 D 让 AI 再加两条呼应一下
快慢有三道门槛，秒表说了算 细节组那条响应时间判据也有出处。界面舒不舒服，响应速度占一大块，而且门槛是公认的。《About Face 4》第 17 章引尼尔森的划分： 0.1 秒内响应，人感觉是即时的；1 秒内完成，思路不断，给个细微线索就够；接近 10 秒，必须给出正在运行的信号，比如转圈加预估；超过 10 秒，要解释慢在哪、给进度更新，做完还要提示一声 。三个按钮各踩一道门槛，亲手点一遍找体感。
响应时间体验器 三档延迟
从快到慢点一遍，感受门槛在哪里
0.1 秒档 保存一条设置这类轻操作，应该落在这一档。
1 秒档 提交表单、切换视图，多数落在这一档。
10 秒档 导出报表、生成图片这类重活。点了要等真实的 10 秒，进度条会陪着你。
图表不给数字的，打回 数据可视化也在验收范围里。Tufte 的原则： 可量化的数据就要量化 ，图表把趋势画出来，数字本身也要在场。《About Face 4》第 17 章举了 Windows 磁盘属性的例子：饼图给大概印象，已用和可用的字节数照样列出来。AI 生成的报表页尤其爱犯这个错：曲线画得漂亮，凑近一看一个数都没有，汇报时还得回去翻原始数据。两张周报卡，点更好的那张。
本周活跃周报卡 点选更好的一版
A · 只有趋势
dash.weekly.cn
本周活跃 8 月 3 日至 8 月 9 日
一 二 三 四 五 六 日
B · 趋势带数字
dash.weekly.cn
本周活跃 8 月 3 日至 8 月 9 日 4,286 环比 +12%
412 一 526 二 488 三 654 四 590 五 802 六 814 日
回访 · 开篇那道题，再投一次 开篇你凭直觉在三个方案里投过一票。学完 12 节，同一道题，同样三个方案的缩略版，再投一次。
你的第二票 全章回访
点一个方案投票
smart-platform.ai
全新智能平台 赋能未来 · 无限可能 立即体验 免费注册 了解更多
A · AI 默认味
shiplist.app
Shiplist 每周该发的货，一屏看完 自动汇总任务进度，生成发布清单 免费开始 看演示
B · 克制专业
tejia-mall.com
限时特惠 5 折起 02:14:36 新人礼包 · 邀请返现 · 每日签到
爆款专区 今日上新 会员专享 积分商城
马上抢 领优惠
C · 热闹模板
回顾 · 12 节串成三句话
识别美 开篇 先凭直觉投一票 ，第 2 ~ 5 节把「好看」拆成四个抓手：层级、间距、颜色、细节。看到一张页面，先找唯一主角，再量间距，然后数颜色，最后抠细节。 翻译给 AI 第 6 ~ 9 节把看出来的变量写进对话 ：把「高级一点」换成主色、圆角、密度这些能执行的词，改稿时点名变量，AI 才知道往哪改。 参考与验收 第 10 节拆参考 按固定顺序看进去， 第 11 节喂参考 用垫图、描述、变量三种姿势 ，本页的 15 项清单守住出口：点头之前过一遍。
延伸阅读 · 顺着这章往外走
书 《Refactoring UI》 （Adam Wathan & Steve Schoger） 把设计规则写成开发者能照做的操作，本章不少判据能在里面找到出处。重点读改稿前后的对比图。 《写给大家看的设计书》（Robin Williams） 亲密性、对齐、重复、对比四条原则，入门框架就这一本，读案例改稿部分。 《About Face 4：交互设计精髓》第 17 章（Alan Cooper 等） 本页清单里的多条判据出自这一章：眯眼测试、层级两问、响应时间门槛、「每个元素的存在都要有理由」。只读第 17 章「整合视觉设计」也够本。
原则 Dieter Rams 设计十诫 「少，但更好」的原始出处。拿十条对照你手上的页面，看违反了哪条。 Laws of UX 把心理学定律做成卡片。先读 Hick's Law 和 Aesthetic-Usability Effect 两张。
规范 Apple Human Interface Guidelines 读 Layout 与 Typography 两章，看大厂怎么定间距和字号档位。 Material Design 3 读 Color roles 一节：一套主色怎么派生出整个系统，正是设计变量的工业版。
实践 Linear.app 当阅读材料看：一屏一个主角、留白当结构用，用第 10 节的四步现场拆一遍。 Stripe.com 信息密度高还能保持克制的范本，看它的层级安排和灰阶分工。
本节要点
✓ 能看出： 层级、间距、颜色、细节四个抓手，按顺序拆，告别游客式围观。 ✓ 能说清： 把感觉翻译成变量和参考喂给 AI，形容词留给朋友圈文案。 ✓ 能验收： 15 项清单守住出口。下次 AI 交稿，先跑清单，把没过的那一项原话发回去改。 ✓ 判据有出处才站得住： 存在要有理由、响应过三道门槛、可量化就量化，出处都在延伸阅读里，别人问起你答得上来。
内容来源： 小山学堂「审美工程」专题原创；部分设计原则整理自《About Face 4：交互设计精髓》第 17 章（Alan Cooper 等著），响应时间门槛为该章转引尼尔森，量化原则出自 Tufte。