审美工程 · 8 / 12 生 UI：从形容词到规格书 给 AI 提 UI 需求，形容词是许愿，规格是指令。同一个落地页需求，三档提示词能差出三个档次的产出；这一节教你把「好看」写成一份 AI 没法跑偏的规格书。 三档对比 规格书 排印规格 负向约束 提示词积木 一句话速览 「做个好看的页面」和「参考 Linear 的信息密度、只用一个主色」差出一个档次。三档提示词对比产出，现场看差距 形容词是许愿，规格是指令 「做个好看的落地页」交出去，AI 会还你一个紫色渐变、居中堆料的大路货。这口锅 AI 只背一半：它没拿到信息，只能输出训练数据的平均值。Prompt 工程篇讲过「信息给一分，它答一分」，生 UI 是这条规律最直观的展台。 主色写死、间距锁网格、字重限两级、禁止项列清单 ，产出立刻换一个档次。
动手 · 同一个需求，三档提示词
三档提示词，三种产出 三档切换
来回切两下，感受提示词的信息量怎么变成产出的档次。
档一 · 许愿 档二 · 贴标签 档三 · 规格书
提示词 做个好看的落地页
untitled-project.vercel.app
AI 驱动 · 下一代平台 重新定义生产力的未来 一站式 · 全场景 · 赋能每一个团队 立即开始 了解更多 已有 100,000+ 团队的共同选择
智能 AI 加持 高效 极速体验 安全 企业级
这就是「AI 默认味」。 没拿到信息的 AI 输出训练数据的平均值：紫色渐变、玻璃卡片、居中堆料、口号文案。像每一个 AI 生成的页面，就是不像你的产品。
提示词 做一个现代简约风格的落地页
landing-v2.vercel.app
高效的团队协作工具 简单、好用、值得信赖 免费试用
任务管理 让工作更高效 团队协作 让沟通更顺畅 数据统计 让决策更简单
收敛了一点，但停在平庸。 「现代简约」帮你筛掉了渐变，可主色是什么、密度多高、圆角多大，AI 还在猜。三张一模一样的卡片、一句谁都能用的口号，放谁家��网都成立。
提示词 参考 Linear 的信息密度。全站唯一主色 #DB2777，其余用中性灰。间距走 8pt 网格。标题两级字重 800/600。圆角统一 12px。禁止渐变、禁止 emoji 图标、禁止超过一种阴影。
flowbase.app
Flowbase 登录 项目进度，一屏看完 任务、评审、发布节奏，都在同一张时间线上。 开始使用 看演示
42 进行中任务 7 待评审 3 本周发布
规格书式提示词，产出直接可用。 主色只出现一处玫红、间距落在 8pt 网格、标题两级字重、零渐变零 emoji。发挥空间被圈在规格里，AI 反而稳定发挥。
排印有硬数字，抄就行 规格书里最容易漏的是文字本身。界面十有八九是字，字出问题，配色再对也白搭。好消息是排印早就有现成的硬指标，About Face 4 第 17 章直接给了数： 对比度、字体、大小写、字号 ，四条全能翻译成提示词。
对比度走 80% 正文与背景的明度对比至少 80%。浅灰叠浅灰的「高级感」，用户读起来是罚站。 屏幕用无衬线 衬线字体在屏幕上会发毛，正文一律无衬线；衬线只准出现在大字号的装饰性标题。 英文别全大写 人靠词形认字，全大写把词形抹平，又吵又难读。层级靠字号和字重拉，别靠喊。 10px 是底线 低于 10px 的字基本没法读。免责声明也得让人读得见，再小就成了摆设。
还有米莱和萨诺那句判词，About Face 4 原样收进了教材： 不必要的差异是一致设计的大敌 。差不多一样的东西，就做成一样。写进提示词，它就是最值钱的禁止项。
动手 · 规格翻译器 左边是你嘴里的人话，右边是 AI 需要的规格。点一行翻译一行，翻完整段复制走。
规格翻译器 0 / 5
点左边一句模糊需求，翻出右边带数值的规格话术；五句都翻完可以一键复制。
「字要看得清」
点击翻译
「标题别那么吵」
点击翻译
「屏幕上要好读」
点击翻译
「别花里胡哨」
点击翻译
「显得专业一点」
点击翻译
复制五句规格
动手 · 排印找茬
同一张卡，两套排印 二选一
点你觉得更好读的那张，对照上面四条规矩验一验。
A
teamly.app/pro
PREMIUM PLAN LIMITED OFFER 升级专业版解锁高级报表与团队协作功能，本周下单享受八折优惠。 优惠最终解释权归平台所有，续费按原价结算，详见条款。
B
teamly.app/pro
专业版限时特惠 升级专业版解锁高级报表与团队协作功能，本周下单享受八折优惠。 优惠说明：续费按原价结算，详见条款。
动手 · 拼一份你自己的规格书 规格书不用背，六个条款各挑一块就拼出来了。哪组选「不提」，哪部分就交回给 AI 赌运气，预览里看得一清二楚。
提示词积木机 实时拼装
每组挑一块，下方的提示词跟着变；拼好点复制，直接发给 AI。 参考产品 Linear Notion Stripe
主色 给色值 #DB2777 让 AI 挑
间距 8pt 网格 不提
字重 两级 800/600 不提
排印 对比 80% + 无衬线 不提
禁止项 禁渐变禁 emoji 不提
复制提示词
练一题再走
场景题：哪句约束最值钱 单选
哪句约束对 AI 生成 UI 的效果提升最大？
A 要大气上档次 B 配色要和谐 C 禁止渐变、颜色只允许一个主色加中性灰 D 参考大厂风格
三类条款，抄这三句
条款类型 作用 模板话术 正向规格 把能量化的都定死，AI 没得猜 「主色 #DB2777，间距走 8pt 网格，圆角统一 12px，字重只用 800 和 600」 负向约束 把 AI 最爱跑偏的路提前堵死 「禁止渐变、禁止 emoji 图标、禁止超过一种阴影」 参考锚点 用双方都见过的产品当坐标 「信息密度参考 Linear，留白参考 Notion」；别说「大厂风格」，没有指向等于没说 统一性条款 把「差不多一样」提前统成一样 「差不多一样的元素做成一样：全站只允许一个主色、一套圆角、一种阴影，没有理由的差异一律删掉」
第四类就是米莱和萨诺那条「不必要的差异是一致设计的大敌」的提示词版。AI 特别爱在细节上加戏：这里 10px 圆角、那里 12px，两种灰、三种阴影。统一性条款把加戏的口子提前封死。
本节要点
✓ 形容词是许愿，规格是指令： 主色、间距、字重、禁止项，写成能逐条验证的条款。 ✓ 负向约束性价比最高： 「禁止渐变、禁止 emoji 图标、阴影不超过一种」，三句话砍掉大半 AI 味。 ✓ 排印有硬数字可抄： 对比 80%、正文无衬线、英文禁全大写、字号 10px 起，写进提示词就是四行验收标准。 ✓ 下次生 UI，用积木机拼一段规格书 发给 AI，跟上一次的「随口一句」对比产出。
内容来源： 小山学堂「审美工程」专题原创；部分设计原则整理自《About Face 4：交互设计精髓》第 17 章。