开场：说不出名字，就改不对地方

「好看一点」交出去，AI 只能猜：猜你要加渐变，猜你要换字体，猜你要堆动效。「信息密度加一档，视觉噪音降下来」交出去，AI 立刻知道该动哪里：多放两组数据，砍掉一半徽章。

一句话速览：词汇是判断力的容器。信息密度、视觉噪音、呼吸感、对比度层级……说得出名字，才指挥得动 AI。

审美词汇量，决定你能指挥 AI 做到的上限。

一、十二个审美词卡组

点开一张卡翻释义和正反例，十二张翻完有总结：

词	一句话释义	正反例
信息密度	一屏装多少信息	正：同屏多放两组关键数据；反：一屏只有一句话
视觉噪音	多余的视觉元素	正：装饰为信息让路；反：徽章分割线堆满
呼吸感	间距带来的松弛	正：区块之间留白；反：内容贴边挤成一团
视觉层级	先看哪	正：一屏一个主角；反：五个主角同台
视觉重量	元素的「分量」	正：主按钮实心、其余描边；反：全是实心重色
亲密性	用距离分组	正：标签贴紧输入框；反：组与组没有距离差
对比度	明暗差异	正：灰字加深到可读；反：浅灰叠浅灰
基线对齐	元素左缘对齐	正：全部对齐同一条基线；反：各起各的头
HSV	色调/饱和度/色值三旋钮	正：一次动一个；反：三个一起乱拧
有序变量	大小、色值有天然顺序	正：色值由浅到深表程度；反：换色调表程度
能供性	看起来就能点	正：按钮有按钮的样子；反：纯展示带按钮气质
眯眼测试	检验层级的老手艺	正：眯眼主角仍跳出来；反：眯眼糊成一滩

二、八个变量：一间试衣间

上面的词管「怎么评」，下面这套变量管「怎么改」。Bertin 在《图形符号学》里把视觉编码拆成八个变量，About Face 4 沿用了这套清单。界面上一切「看起来不一样」，拆到底就是这八个旋钮：

形状、大小、色值、色调、饱和度、方向、纹理、位置

同一排色块，动哪个变量，讲出来的故事就不一样。五个元素一模一样时，谁重要、谁一组、谁能点都看不出来——挑一个变量动手，差异就出现了。

三、场景题：五档风险怎么画

仪表盘要展示五档风险，从低到高一眼排得出来，该动哪个变量？

选项	方案	判断
A	五种色调，绿黄橙红紫各占一档	❌ 色调没有天然顺序，读者排不出谁先谁后
B	同一色调，色值由浅到深排五档	✅ 色值是有序变量，深浅即顺序
C	五种形状，圆方三角各管一档	❌ 形状表分类，不表程度
D	给高风险那档加一块纹理	❌ 纹理是点缀，撑不起五档顺序

结论：层级和数量找有序变量（大小、色值），分类才用色调。

四、视觉管类别，文字管身份

About Face 4 里有条压舱原则：表明「是什么」用视觉属性，明确「是哪一个」用文字。图标说到「这是份文档」就到头了，哪份是合同，得靠文件名接着说。两样各干各的活，谁也替不了谁。

五、把抱怨翻译成变量

客户和老板说不出术语，但他们的抱怨句句有所指：

客户的抱怨	翻译成术语	改法
「太乱了」	视觉噪音太高 / 层级缺失	砍装饰、立主角
「显得廉价」	配色超预算	数颜色，删到预算内
「重点不突出」	层级缺失	一屏只捧一个主角
「太挤了」	留白不足	按 8pt 网格加间距

六、给 AI 的审美词汇速查（替换「好看一点」用）

信息密度：这一屏信息密度偏低，同屏多放两组关键数据。
视觉噪音：徽章和分割线太多，视觉噪音超标，装饰砍掉一半。
呼吸感：区块之间加大间距，留出呼吸感，内容别贴边。
视觉层级：标题和正文拉开字号与字重，一屏只捧一个主角。
视觉重量：主按钮保持实心，其余降成描边，压低视觉重量。
亲密性：标签贴紧自己的输入框，组与组离远，用距离表达分组。
对比度：正文和背景的对比度不够，灰字加深到可读级别。
基线对齐：所有元素左缘对齐同一条基线，别各起各的头。
HSV：调色分开说旋钮，色调、饱和度、色值，一次动一个。
有序变量：要表达从低到高，动色值或大小，别换色调。
能供性：能点的做出能点的样子，纯展示的别带按钮气质。
眯眼测试：交稿前眯眼看一遍，主角没跳出来就回炉。

本节要点

• 「好看」是许愿，术语是指令： 说得出「信息密度」「视觉噪音」，AI 才知道往哪改。
• 抱怨都能翻译成变量： 「太乱」是视觉噪音超标，「显得廉价」是配色超预算，翻译出来才改得对。
• 八个变量各有分工： 层级和数量找有序变量（大小、色值），分类才用色调，形状管「是什么」，纹理管「能不能按」。
• 下次让 AI 改界面，先从速查表挑一个词写进 Prompt，跟「好看一点」的产出对比一次，感受差距。