生 UI：从形容词到规格书
「做个好看的页面」和「参考 Linear 的信息密度、只用一个主色」差出一个档次。三档提示词对比产出，现场看差距
本页解决的问题
先给结论「生 UI：从形容词到规格书」要解决的关键问题是什么？
「做个好看的页面」和「参考 Linear 的信息密度、只用一个主色」差出一个档次。三档提示词对比产出，现场看差距
把品味变成产品可重复的行为。 有用的结果不是一句“我觉得更好”。它应该是一条看得见的规则、一个小例子，以及判断体验何时低于标准的方法。
记录一个前后对比，让别人不用听解释也能看懂质量线。
表面更精致了，却没有减少用户的不确定感。
「做个好看的落地页」交出去，AI 会还你一个紫色渐变、居中堆料的大路货。这口锅 AI 只背一半：它没拿到信息，只能输出训练数据的平均值。Prompt 工程篇讲过「信息给一分，它答一分」，生 UI 是这条规律最直观的展台。主色写死、间距锁网格、字重限两级、禁止项列清单，产出立刻换一个档次。
规格书里最容易漏的是文字本身。界面十有八九是字，字出问题，配色再对也白搭。好消息是排印早就有现成的硬指标，About Face 4 第 17 章直接给了数：对比度、字体、大小写、字号，四条全能翻译成提示词。
还有米莱和萨诺那句判词，About Face 4 原样收进了教材：不必要的差异是一致设计的大敌。差不多一样的东西，就做成一样。写进提示词，它就是最值钱的禁止项。
左边是你嘴里的人话，右边是 AI 需要的规格。点一行翻译一行，翻完整段复制走。
规格书不用背，六个条款各挑一块就拼出来了。哪组选「不提」，哪部分就交回给 AI 赌运气，预览里看得一清二楚。
哪句约束对 AI 生成 UI 的效果提升最大？
| 条款类型 | 作用 | 模板话术 |
|---|---|---|
| 正向规格 | 把能量化的都定死，AI 没得猜 | 「主色 #DB2777，间距走 8pt 网格，圆角统一 12px，字重只用 800 和 600」 |
| 负向约束 | 把 AI 最爱跑偏的路提前堵死 | 「禁止渐变、禁止 emoji 图标、禁止超过一种阴影」 |
| 参考锚点 | 用双方都见过的产品当坐标 | 「信息密度参考 Linear，留白参考 Notion」；别说「大厂风格」，没有指向等于没说 |
| 统一性条款 | 把「差不多一样」提前统成一样 | 「差不多一样的元素做成一样：全站只允许一个主色、一套圆角、一种阴影，没有理由的差异一律删掉」 |
第四类就是米莱和萨诺那条「不必要的差异是一致设计的大敌」的提示词版。AI 特别爱在细节上加戏：这里 10px 圆角、那里 12px，两种灰、三种阴影。统一性条款把加戏的口子提前封死。
形容词是许愿，规格是指令：主色、间距、字重、禁止项，写成能逐条验证的条款。
负向约束性价比最高：「禁止渐变、禁止 emoji 图标、阴影不超过一种」，三句话砍掉大半 AI 味。
排印有硬数字可抄：对比 80%、正文无衬线、英文禁全大写、字号 10px 起，写进提示词就是四行验收标准。
下次生 UI，用积木机拼一段规格书发给 AI，跟上一次的「随口一句」对比产出。
内容来源：newwebplay AI「审美工程」专题原创；部分设计原则整理自《About Face 4：交互设计精髓》第 17 章。
从「形容词是许愿，规格是指令」把感觉变成判断
「「做个好看的落地页」交出去，AI 会还你一个紫色渐变、居中堆料的大路货。这口锅 AI 只背一半：它没拿到信息，只能输出训练数据的平均值。Prompt 工程篇讲过「信息给一分，它答一分」，生 UI 是这条规律最直观的展台。」指出，AI 降低了做出“能用”成品的门槛，读者真正需要练的是看出哪里不对，并把感觉说成可以执行的要求。
观察用户的下一步，而不是只看表面
「规格书里最容易漏的是文字本身。界面十有八九是字，字出问题，配色再对也白搭。好消息是排印早就有现成的硬指标，About Face 4 第 17 章直接给了数： 对比度、字体、大小写、字号 ，四条全能翻译成提示词」可以转成几个可观察的问题：用户是否知道现在发生了什么，是否知道下一步做什么，出错或空白时能否恢复，以及信息层级是否让重要内容先被看见。
漂亮不等于容易用
把「下次生 UI，用积木机拼一段规格书 发给 AI，跟上一次的「随口一句」对比产出」用在第二个页面或流程上，记录一个具体犹豫点和一个改动后的用户动作；能被观察到的变化，才是体验改善。
从「形容词是许愿，规格是指令」走到「动手 · 同一个需求，三档提示词」
「形容词是许愿，规格是指令」先把问题落在「「做个好看的落地页」交出去，AI 会还你一个紫色渐变、居中堆料的大路货。这口锅 AI 只背一半：它没拿到信息，只能输出训练数据的平均值。Prompt 工程篇讲过「信息给一分，它答一分」，生 UI 是这条规律最直观的展台。 主色写死、间距锁网格、字重限两级、禁止项列清单 ，产出立刻换一个档次」上；到了「动手 · 同一个需求，三档提示词」，讨论继续推进到「三档提示词，三种产出 三档切换 来回切两下，感受提示词的信息量怎么变成产出的档次。 档一 · 许愿 档二 · 贴标签 档三 · 规格书 提示词 做个好看的落地页 untitled-project.vercel.app AI 驱动 · 下一代平台 重新定义生产力的未来 一站式 · 全场景 · 赋能每一个团队 立即开始 了解更多 已有 100,000+ 团队的共同选择 智能 AI 加持 高效 极速体验 安全 企业级 这就…」。两段连起来，重点就不只是记住一个结论，而是看清它成立所依赖的条件。
把这条判断带到下一个场景
评估体验时，把抽象的“好看”或“顺手”换成用户动作：他是否看懂状态、找到了下一步、能从错误中恢复，并且愿意继续使用。
- 「形容词是许愿，规格是指令」：「做个好看的落地页」交出去，AI 会还你一个紫色渐变、居中堆料的大路货。这口锅 AI 只背一半：它没拿到信息，只能输出训练数据的平均值。Prompt 工程篇讲过「信息给一分，它答一分」，生 UI 是这条规律最直观的展台。 主色写死、间距锁网格、字重限两级、禁止项列清单 ，产出立刻换一个档次
- 「动手 · 同一个需求，三档提示词」：三档提示词，三种产出 三档切换 来回切两下，感受提示词的信息量怎么变成产出的档次。 档一 · 许愿 档二 · 贴标签 档三 · 规格书 提示词 做个好看的落地页 untitled-project.vercel.app AI 驱动 · 下一代平台 重新定义生产力的未来 一站式 · 全场景 · 赋能每一个团队 立即开始 了解更多 已有 100,000+ 团队的共同选择 智能 AI 加持 高效 极速体验 安全 企业级 这就…
- 「最后的要点」：负向约束性价比最高： 「禁止渐变、禁止 emoji 图标、阴影不超过一种」，三句话砍掉大半 AI 味
最后的「最后的要点」把讨论落到「负向约束性价比最高： 「禁止渐变、禁止 emoji 图标、阴影不超过一种」，三句话砍掉大半 AI 味」。回看这条线索时，最值得保留的是：当输入、规模或风险改变，哪些判断需要重新做一遍。
我把这篇文章里的一个判断改写成了今天可以验证的小实验。比记住结论更有用的是，知道下一步要观察什么。
读完以后我先回头找它成立的条件，而不是直接把方法搬进项目。这个顺序让后面的取舍清楚很多。
如果把这个判断放到真实工作里，最先需要补的约束是什么？我想知道从阅读到第一次实践之间，哪一步最值得先做。
还没有这篇文章的讨论。