审美工程 · 11 / 12

把参考喂给 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 等著),体验属性法与标准化论述出自同章。