审美工程 · 11 / 12 把参考喂给 AI 你能看出好在哪之后,下一步是让 AI 也知道。这一节讲三种把参考喂进对话的姿势:垫图、风格描述、设计变量,配拿来就用的话术模板。 垫图 体验属性 风格描述 设计变量 话术模板 一句话速览 光靠嘴描述风格太低效。垫图、风格描述、设计变量三种喂法的适用场景与话术模板,让 AI 照着你的参考库出活 先承认:形容词到不了 AI 那里 「温馨一点、再高级一点」,这样的话说十句,九句会在模型那里变形。形容词要经过两次翻译:你把感觉压缩成词,模型再把词展开成画面,两头都有损耗。 把参考直接塞给 AI,损耗最小,一次到位。 喂参考有三种姿势,各管一段,对着表选:
喂法 给什么 适合场景 短板 垫图 一到三张参考图 整体气质、构图、风格迁移 容易连版式一起抄走 风格描述 一段规格文字:密度、主色、圆角 能用规则讲清楚的风格 讲不清的气质写不出来 设计变量 token 清单:主色 / 圆角 / 字体 / 间距 让 AI 写 UI 代码 管得住样式,管不住布局与文案
动手 · 场景匹配:三个需求各配一种喂法
让 AI 重画我的活动海报,保住品牌气质 单选
A 垫图:附上过往海报,让它学气质 B 风格描述:写一段「高端大气」的形容 C 设计变量:给一份 CSS 变量清单
让 Cursor 生成的管理后台页面像 Linear 单选
A 垫图:截几张 Linear 的界面给它 B 风格描述:写「像 Linear 一样简洁」 C 设计变量:给主色、圆角、字体、间距的 token 清单
让 AI 出的详情页告别 AI 味,但我说不清要什么风格 单选
A 只垫图:找一张喜欢的详情页给它 B 垫图 + 风格描述:图定气质,文字圈住规则 C 反复重试,直到撞出一版顺眼的
风格描述有底座:先给产品挑三个形容词 风格描述不必从零开始编,它有现成的方法论。《About Face 4:交互设计精髓》第 17 章记录了 Cooper 公司的做法,叫 体验属性 :动手设计之前,先和客户一起挑出 3~5 个形容词,描述这个产品的气质和品牌承诺,比如「干净、克制、可信」。词一旦定下来,就成了后续所有视觉决策的裁判:方案拿不准,回头问这几个词答应不答应。 形容词之间还允许打架。书里说「安全」和「灵活」可以同时在场,这种张力值得保留:两个词冲突的地方,正是早期风格稿要优先回答的问题。 这套方法搬到喂 AI 上刚好严丝合缝: 先用形容词把气质钉住,再把每个形容词翻译成具体规格 。光给形容词,AI 会按平均值理解;翻译这一步做完,风格描述才算写好。翻译工作交给下面的工作台。
动手 · 体验属性工作台
体验属性工作台 选 3 个词
想着你手上的产品,从词库里挑 3 个形容词,规格片段当场生成
复制规格
对决 · 同一组形容词,两种给法 需求:给记账 App 做首页,气质定的是「干净、克制、可信」。A 版把三个词原样发给 AI;B 版先过一遍工作台,逐词翻译成规格再发。点你觉得更好的一版。
记账 App 首页 点选更好的一版
A · 形容词原样发
qingzhang.app/preview-a
简约记账,值得信赖 干净 · 克制 · 专业 · 可信 开始使用 了解更多
智能分类 安全加密 多端同步
B · 翻译成规格再发
qingzhang.app/preview-b
10 月支出 ¥3,482 比上月少 ¥217,餐饮占了四成 记一笔 看明细
本月预算 ¥5,000 还可支配 ¥1,518
工具 · 话术模板生成器 三种喂法各配一段现成话术。选喂法,复制,替换里面的占位内容就能发。风格描述那段,直接拿工作台的产出替换正文。
话术模板生成器 可复制
垫图 风格描述 设计变量
复制模板
变量清单,就是你给 AI 立的标准 第三种喂法值得单独说一句。把参考图拆成 design token,主色、圆角、字体、间距各落成一个变量,你交出去的已经超出一份参考,那是一套 界面标准 。 标准为什么值钱?《About Face 4》第 17 章引尼尔森的账:统一的界面标准让用户学得更快、错得更少,因为在一处攒下的经验能预见另一处的行为;对开发团队,现成决策省掉一轮轮争论。这笔账搬到 AI 身上同样成立: token 清单一给,每次生成都落在同一套标准上 ,改十次稿也不会漂移,你验收时手里也有了对照物。 标准的价值在 可预见性 :行为可预见,学得更快、错得更少。整理自尼尔森,《About Face 4》第 17 章转述。 同一章也把丑话说在前头:遵守标准,除非有极好的其他选择。打破可以,理由要硬,这条对你和对 AI 一样适用。最后看一局对决,把这一节的账当场结掉。
对决 · 同一个需求,两种输入 需求:给烘焙工作室做品牌页。A 版的输入只有「温馨一点、高级一点」,B 版带了参考图和变量清单。点你觉得更好的一版。
烘焙工作室品牌页 点选更好的一版
A · 嘴说「温馨、高级」
tianyu-bakery.cn
开业特惠 欢迎来到甜屿烘焙 品质 · 匠心 · 温馨 · 高级
立即购买 了解更多 联系我们 新品上市 会员福利 限时折扣 进店领 9 折券,满 88 再减 10
B · 参考图 + 变量清单
tianyu-bakery.cn
甜屿烘焙 手作欧包,每天四十个 石窑现烤,售完即止 预约到店 看本周菜单
开炉 周三至周日 10:00 招牌 核桃全麦 · 海盐可颂 地址 老城仓库街 12 号
本节要点
✓ 形容词会变形,参考不会。 把图、规格文字、变量清单直接塞进对话,损耗最小。 ✓ 三种喂法各管一段: 垫图管气质,风格描述管规则,设计变量管代码。组合用也行,先分清各自管什么。 ✓ 风格描述有方法论: 先挑 3 个形容词钉住气质(体验属性),再逐词翻译成规格。词是裁判,规格是执行。 ✓ token 清单是给 AI 立标准: 标准值钱在可预见,每次生成都落在同一套变量上,改稿不漂移,验收有对照。 ✓ 产出平庸先查输入。 输入只有形容词,产出只能落在平均值上;换成参考和变量,同一个模型立刻换脸。
内容来源: 小山学堂「审美工程」专题原创;部分设计原则整理自《About Face 4:交互设计精髓》第 17 章(Alan Cooper 等著),体验属性法与标准化论述出自同章。