把参考喂给 AI
光靠嘴描述风格太低效。垫图、风格描述、设计变量三种喂法的适用场景与话术模板，让 AI 照着你的参考库出活
本页解决的问题
先给结论「把参考喂给 AI」要解决的关键问题是什么？
光靠嘴描述风格太低效。垫图、风格描述、设计变量三种喂法的适用场景与话术模板，让 AI 照着你的参考库出活
把品味变成产品可重复的行为。 有用的结果不是一句“我觉得更好”。它应该是一条看得见的规则、一个小例子，以及判断体验何时低于标准的方法。
记录一个前后对比，让别人不用听解释也能看懂质量线。
表面更精致了，却没有减少用户的不确定感。
「温馨一点、再高级一点」，这样的话说十句，九句会在模型那里变形。形容词要经过两次翻译：你把感觉压缩成词，模型再把词展开成画面，两头都有损耗。把参考直接塞给 AI，损耗最小，一次到位。
喂参考有三种姿势，各管一段，对着表选：
| 喂法 | 给什么 | 适合场景 | 短板 |
|---|---|---|---|
| 垫图 | 一到三张参考图 | 整体气质、构图、风格迁移 | 容易连版式一起抄走 |
| 风格描述 | 一段规格文字：密度、主色、圆角 | 能用规则讲清楚的风格 | 讲不清的气质写不出来 |
| 设计变量 | token 清单：主色 / 圆角 / 字体 / 间距 | 让 AI 写 UI 代码 | 管得住样式，管不住布局与文案 |
风格描述不必从零开始编，它有现成的方法论。《About Face 4：交互设计精髓》第 17 章记录了 Cooper 公司的做法，叫体验属性：动手设计之前，先和客户一起挑出 3~5 个形容词，描述这个产品的气质和品牌承诺，比如「干净、克制、可信」。词一旦定下来，就成了后续所有视觉决策的裁判：方案拿不准，回头问这几个词答应不答应。
形容词之间还允许打架。书里说「安全」和「灵活」可以同时在场，这种张力值得保留：两个词冲突的地方，正是早期风格稿要优先回答的问题。
这套方法搬到喂 AI 上刚好严丝合缝：先用形容词把气质钉住，再把每个形容词翻译成具体规格。光给形容词，AI 会按平均值理解；翻译这一步做完，风格描述才算写好。翻译工作交给下面的工作台。
需求：给记账 App 做首页，气质定的是「干净、克制、可信」。A 版把三个词原样发给 AI；B 版先过一遍工作台，逐词翻译成规格再发。点你觉得更好的一版。
三种喂法各配一段现成话术。选喂法，复制，替换里面的占位内容就能发。风格描述那段，直接拿工作台的产出替换正文。
第三种喂法值得单独说一句。把参考图拆成 design token，主色、圆角、字体、间距各落成一个变量，你交出去的已经超出一份参考，那是一套界面标准。
标准为什么值钱？《About Face 4》第 17 章引尼尔森的账：统一的界面标准让用户学得更快、错得更少，因为在一处攒下的经验能预见另一处的行为；对开发团队，现成决策省掉一轮轮争论。这笔账搬到 AI 身上同样成立：token 清单一给，每次生成都落在同一套标准上，改十次稿也不会漂移，你验收时手里也有了对照物。
同一章也把丑话说在前头：遵守标准，除非有极好的其他选择。打破可以，理由要硬，这条对你和对 AI 一样适用。最后看一局对决，把这一节的账当场结掉。
需求：给烘焙工作室做品牌页。A 版的输入只有「温馨一点、高级一点」，B 版带了参考图和变量清单。点你觉得更好的一版。
形容词会变形，参考不会。把图、规格文字、变量清单直接塞进对话，损耗最小。
三种喂法各管一段：垫图管气质，风格描述管规则，设计变量管代码。组合用也行，先分清各自管什么。
风格描述有方法论：先挑 3 个形容词钉住气质（体验属性），再逐词翻译成规格。词是裁判，规格是执行。
token 清单是给 AI 立标准：标准值钱在可预见，每次生成都落在同一套变量上，改稿不漂移，验收有对照。
产出平庸先查输入。输入只有形容词，产出只能落在平均值上；换成参考和变量，同一个模型立刻换脸。
内容来源：newwebplay AI「审美工程」专题原创；部分设计原则整理自《About Face 4：交互设计精髓》第 17 章（Alan Cooper 等著），体验属性法与标准化论述出自同章。
从「先承认：形容词到不了 AI 那里」把感觉变成判断
「「温馨一点、再高级一点」，这样的话说十句，九句会在模型那里变形。形容词要经过两次翻译：你把感觉压缩成词，模型再把词展开成画面，两头都有损耗。」指出，AI 降低了做出“能用”成品的门槛，读者真正需要练的是看出哪里不对，并把感觉说成可以执行的要求。
观察用户的下一步，而不是只看表面
「风格描述不必从零开始编，它有现成的方法论。《About Face 4：交互设计精髓》第 17 章记录了 Cooper 公司的做法，叫 体验属性 ：动手设计之前，先和客户一起挑出 3~5 个形容词，描述这个产品的气质和品牌承诺，比如「干净、克制、可信」。词一旦定下来，就成了后续所有视觉决策的裁判：方案拿不准，回头问这几个词答应不答应」可以转成几个可观察的问题：用户是否知道现在发生了什么，是否知道下一步做什么，出错或空白时能否恢复，以及信息层级是否让重要内容先被看见。
漂亮不等于容易用
把「产出平庸先查输入。」用在第二个页面或流程上，记录一个具体犹豫点和一个改动后的用户动作；能被观察到的变化，才是体验改善。
从「先承认：形容词到不了 AI 那里」走到「动手 · 场景匹配：三个需求各配一种喂法」
「先承认：形容词到不了 AI 那里」先把问题落在「「温馨一点、再高级一点」，这样的话说十句，九句会在模型那里变形。形容词要经过两次翻译：你把感觉压缩成词，模型再把词展开成画面，两头都有损耗。 把参考直接塞给 AI，损耗最小，一次到位」上；到了「动手 · 场景匹配：三个需求各配一种喂法」，讨论继续推进到「让 AI 重画我的活动海报，保住品牌气质 单选 A 垫图：附上过往海报，让它学气质 B 风格描述：写一段「高端大气」的形容 C 设计变量：给一份 CSS 变量清单 让 Cursor 生成的管理后台页面像 Linear 单选 A 垫图：截几张 Linear 的界面给它 B 风格描述：写「像 Linear 一样简洁」 C 设计变量：给主色、圆角、字体、间距的 token 清单 让 AI 出的详情页告别 AI 味，但我说不…」。两段连起来，重点就不只是记住一个结论，而是看清它成立所依赖的条件。
把这条判断带到下一个场景
评估体验时，把抽象的“好看”或“顺手”换成用户动作：他是否看懂状态、找到了下一步、能从错误中恢复，并且愿意继续使用。
- 「先承认：形容词到不了 AI 那里」：「温馨一点、再高级一点」，这样的话说十句，九句会在模型那里变形。形容词要经过两次翻译：你把感觉压缩成词，模型再把词展开成画面，两头都有损耗。 把参考直接塞给 AI，损耗最小，一次到位
- 「动手 · 场景匹配：三个需求各配一种喂法」：让 AI 重画我的活动海报，保住品牌气质 单选 A 垫图：附上过往海报，让它学气质 B 风格描述：写一段「高端大气」的形容 C 设计变量：给一份 CSS 变量清单 让 Cursor 生成的管理后台页面像 Linear 单选 A 垫图：截几张 Linear 的界面给它 B 风格描述：写「像 Linear 一样简洁」 C 设计变量：给主色、圆角、字体、间距的 token 清单 让 AI 出的详情页告别 AI 味，但我说不…
- 「最后的要点」：标准为什么值钱？《About Face 4》第 17 章引尼尔森的账：统一的界面标准让用户学得更快、错得更少，因为在一处攒下的经验能预见另一处的行为；对开发团队，现成决策省掉一轮轮争论。这笔账搬到 AI 身上同样成立： token 清单一给，每次生成都落在同一套标准上 ，改十次稿也不会漂移，你验收时手里也有了对照物
最后的「最后的要点」把讨论落到「标准为什么值钱？《About Face 4》第 17 章引尼尔森的账：统一的界面标准让用户学得更快、错得更少，因为在一处攒下的经验能预见另一处的行为；对开发团队，现成决策省掉一轮轮争论。这笔账搬到 AI 身上同样成立： token 清单一给，每次生成都落在同一套标准上 ，改十次稿也不会漂移，你验收时手里也有了对照物」。回看这条线索时，最值得保留的是：当输入、规模或风险改变，哪些判断需要重新做一遍。
我把这篇文章里的一个判断改写成了今天可以验证的小实验。比记住结论更有用的是，知道下一步要观察什么。
读完以后我先回头找它成立的条件，而不是直接把方法搬进项目。这个顺序让后面的取舍清楚很多。
如果把这个判断放到真实工作里，最先需要补的约束是什么？我想知道从阅读到第一次实践之间，哪一步最值得先做。
还没有这篇文章的讨论。