专题篇章 · Taste Engineering:让产出值得留下

「AI 味儿」是怎么来的

紫色渐变、毛玻璃、圆角卡片三件套:AI 默认输出训练数据的平均值,平均值就是平庸。在一张典型的 AI 生成页面上点出「AI 味」特征,集齐揭晓成因

本页解决的问题

先给结论

「「AI 味儿」是怎么来的」要解决的关键问题是什么?

紫色渐变、毛玻璃、圆角卡片三件套:AI 默认输出训练数据的平均值,平均值就是平庸。在一张典型的 AI 生成页面上点出「AI 味」特征,集齐揭晓成因

判断标准

把品味变成产品可重复的行为。 有用的结果不是一句“我觉得更好”。它应该是一条看得见的规则、一个小例子,以及判断体验何时低于标准的方法。

下一步

记录一个前后对比,让别人不用听解释也能看懂质量线。

常见误区

表面更精致了,却没有减少用户的不确定感。

动手 · 先把「AI 味」抓出来

下面是一张典型的 AI 生成 landing page。它藏着 5 个高频出现的「AI 味」特征,在页面上把它们逐个点出来。每点中一个,会告诉你这个特征为什么成了 AI 的默认动作。

点出页面上的 5 个「AI 味」特征 0 / 5
直接在假界面上点你觉得「一看就是 AI 生成」的地方
neuraflow-ai.example.com
NeuraFlow产品方案定价登录
1 紫色渐变 NEW · AI 工作流 2.0 发布
2 居中大标题
释放你的无限潜能
一站式智能平台,让工作更高效
受到全球 10,000+ 团队的信赖
3 毛玻璃
99.9%
可用性
10k+
团队
4.9
评分
5 渐变按钮 免费开始使用
免费试用 14 天 · 无需信用卡
4 三列图标卡
智能摘要长文一键提炼要点
数据洞察一句话生成报表
无缝协作打通 200+ 常用工具
紫色渐变 hero。2020 年之后,SaaS 官网把紫色渐变用成了行业制服,训练数据里这种背景的密度奇高。你没说要什么背景,模型就落在样本最密的地方。
居中大标题加两行灰字。「大标题 + 副文案 + 居中」是模板站最通用的版式,放在哪个行业都不出错。对模型来说,不出错的版式出现次数最多,于是成了默认答案。
毛玻璃卡片。Glassmorphism 流行那几年,教程和素材站贡献了海量样本,还给它贴上「高级感」标签。模型想表达「精致」时,第一反应就是糊一层玻璃。
三列图标卡片。「三个卖点配三个图标」是 landing page 教程的标准段落,几乎每套模板都带一份。模型见得多了,写到功能介绍就自动排出三列。
渐变主按钮。组件库和素材站里,「重要的按钮」常被做成渐变来吸引眼球,模型把两者绑定了:一到 CTA,渐变就上。
五个都抓到了。单看每一件都算体面,问题在于这套组合出现在了成千上万个页面上。所谓「AI 味」,就是训练数据高概率区域的味道:你没给指令的地方,它一律用最常见的答案填上。
动手 · 视觉噪音体检单

「AI 味」有更早的学名。Cooper 在《About Face 4》第 17 章里管这类东西叫视觉噪音:多余的视觉元素,把注意力从真正传达信息的对象上拽走。他还列了一份七种形式的清单。下面这块「团队周报后台」七种全占,对照体检单逐项确诊。

七种视觉噪音,逐项确诊 0 / 7
点体检单上的症状名,界面上对应的病灶会亮起来
weekly-report.example.com/admin
过分装饰
团 队 周 报 中 心
层级无力
本周概览
共完成 23 项任务,延期 4 项,新增需求 9 项
数据每小时自动刷新,点击卡片可查看明细
对比过密
完成率 82% · 延期率 17% · 满意度 4.2
无信息 3D
季度数据总览3D 可视化引擎 · 全新升级
颜色太多
导出 筛选 新建 分享 归档 设置
元素拥挤
研发设计市场运营客服财务行政法务全部我的已延期本周
分隔过重
支付网关迁移 · 已完成
客服工单积压 · 处理中
新人入职培训 · 排期中
七项全中。这份清单出自《About Face 4》第 17 章,写书的时候还没有生成式 AI,病理却条条对得上。往下看成因就知道为什么。验收 AI 产出时,先按这张单子体检一遍。
找茬 · 嘉年华效应

七种噪音里,「颜色太多」有个专门的名字。《About Face 4》的说法:颜色像调色板一样拥挤在一起,会让用户不堪重负,这叫嘉年华效应;饱和度再拉满,喧闹感加倍,直接和内容抢戏。同一个周末市集的宣传页,两种配色,点你觉得更能让人看进去的那边。

找茬:哪边更好 点选一边
信息一样多,配色两条路。点选你的答案。
方案 A
riverside-market.example.com/a
本周六日 · 河畔公园
距开市还有 1 天 08 : 42 : 15
周末市集开逛啦
手作 咖啡 黑胶 植物 限定
五十家摊主入驻
凭票根抽黑胶
扫码进群每日签到抽盲盒 · 朋友圈集赞 20 个换咖啡
领门票 看摊位图
方案 B
riverside-market.example.com/b
WEEKEND MARKET
河畔周末市集
本周六日 10:00~18:00 · 河畔公园 · 五十家摊主
领取免费门票看摊位图
手作陶艺、皮具与手工银饰 18 家
咖啡本地烘焙与手冲专场 12 家
黑胶二手唱片市集 · 整点现场 DJ
免费入场 · 宠物友好 · 雨天照常
常见的赢过好的

AI 生成设计时,挑的是训练数据里的高概率区域,也就是全网设计的「平均值」。这和语言幻觉是同一个机制:接话的时候,顺的赢过对的;生成设计的时候,常见的赢过好的。它交出紫渐变三件套,正如它一本正经地编出一个不存在的书名:都是在挑「最像会出现在这里」的答案。

平均值就是平庸:AI 默认给你的,是全网设计的中位数。

好消息是,这个机制留了一扇门:概率分布是随输入变化的。你的描述越具体,模型可选的区域就越窄,窄到一定程度,它就被你拉出了平均值。

拧一拧 · 具体度旋钮

同一个需求,三种具体度的说法,看产出怎么变。

提示词具体度,三档切换 切一切
你对 AI 说
「做个好看的页面。」
teamflow.example.com
全新 AI 引擎驱动
开启智能新时代
赋能每一个团队 · 释放创造力
99.9% 可用性 · 10k+ 团队
立即体验了解更多
更简单的团队协作
一个工作台,管理项目与文档
开始使用预约演示
项目管理
文档协作
日程同步
PROJECT TRACKER
给工程团队的任务系统
键盘优先,毫秒级响应,和你的代码库长在一起。
开始使用查看文档
议题两下按键新建,自动关联提交
周期两周一循环,燃尽图自动生成
路线图按季度聚合,进度实时同步
选一选 · 哪句能把 AI 拉出平均值
想让 AI 摆脱默认审美,哪句最管用? 单选
选错也有解释,选到对的为止
A「做得好看一点」
B「更有设计感、更高级」
C「参考 Linear 的信息密度,全站只用一个主色,禁止渐变」
D「用现在最流行的风格」
本节要点

AI 味有出处:模型默认输出训练数据的高概率区域,也就是全网设计的平均值,紫渐变三件套是这片区域的门面。

视觉噪音有病理清单:过分装饰、无信息量的 3D、过重分隔、元素拥挤、颜色纹理对比过密、颜色太多、层级无力,七项出自《About Face 4》;颜色挤成调色板还有个学名,嘉年华效应。

机制和幻觉同源:接话时顺的赢过对的,生成设计时常见的赢过好的。没给指令的地方,它一律用最常见的答案填。

解法是拧高具体度:参照物加上可验收的硬约束(一个主色、禁止渐变),每加一档,产出离默认味远一步。下次让 AI 生成页面前,先把这五个特征列进禁用清单。

内容来源:newwebplay AI「审美工程」专题原创;部分设计原则整理自《About Face 4:交互设计精髓》第 17 章。

从「动手 · 先把「AI 味」抓出来」把感觉变成判断

「下面是一张典型的 AI 生成 landing page。它藏着 5 个高频出现的「AI 味」特征 ,在页面上把它们逐个点出来。每点中一个,会告诉你这个特征为什么成了 AI 的默认动作」指出,AI 降低了做出“能用”成品的门槛,读者真正需要练的是看出哪里不对,并把感觉说成可以执行的要求。

观察用户的下一步,而不是只看表面

「「AI 味」有更早的学名。Cooper 在《About Face 4》第 17 章里管这类东西叫 视觉噪音 :多余的视觉元素,把注意力从真正传达信息的对象上拽走。他还列了一份七种形式的清单。下面这块「团队周报后台」七种全占,对照体检单逐项确诊」可以转成几个可观察的问题:用户是否知道现在发生了什么,是否知道下一步做什么,出错或空白时能否恢复,以及信息层级是否让重要内容先被看见。

漂亮不等于容易用

把「解法是拧高具体度: 参照物加上可验收的硬约束(一个主色、禁止渐变),每加一档,产出离默认味远一步。下次让 AI 生成页面前,先把这五个特征列进禁用清单」用在第二个页面或流程上,记录一个具体犹豫点和一个改动后的用户动作;能被观察到的变化,才是体验改善。

从「动手 · 先把「AI 味」抓出来」走到「动手 · 视觉噪音体检单」

「动手 · 先把「AI 味」抓出来」先把问题落在「下面是一张典型的 AI 生成 landing page。它藏着 5 个高频出现的「AI 味」特征 ,在页面上把它们逐个点出来。每点中一个,会告诉你这个特征为什么成了 AI 的默认动作」上;到了「动手 · 视觉噪音体检单」,讨论继续推进到「「AI 味」有更早的学名。Cooper 在《About Face 4》第 17 章里管这类东西叫 视觉噪音 :多余的视觉元素,把注意力从真正传达信息的对象上拽走。他还列了一份七种形式的清单。下面这块「团队周报后台」七种全占,对照体检单逐项确诊」。两段连起来,重点就不只是记住一个结论,而是看清它成立所依赖的条件。

把这条判断带到下一个场景

评估体验时,把抽象的“好看”或“顺手”换成用户动作:他是否看懂状态、找到了下一步、能从错误中恢复,并且愿意继续使用。

  • 「动手 · 先把「AI 味」抓出来」:下面是一张典型的 AI 生成 landing page。它藏着 5 个高频出现的「AI 味」特征 ,在页面上把它们逐个点出来。每点中一个,会告诉你这个特征为什么成了 AI 的默认动作
  • 「动手 · 视觉噪音体检单」:「AI 味」有更早的学名。Cooper 在《About Face 4》第 17 章里管这类东西叫 视觉噪音 :多余的视觉元素,把注意力从真正传达信息的对象上拽走。他还列了一份七种形式的清单。下面这块「团队周报后台」七种全占,对照体检单逐项确诊
  • 「最后的要点」:机制和幻觉同源: 接话时顺的赢过对的,生成设计时常见的赢过好的。没给指令的地方,它一律用最常见的答案填

最后的「最后的要点」把讨论落到「机制和幻觉同源: 接话时顺的赢过对的,生成设计时常见的赢过好的。没给指令的地方,它一律用最常见的答案填」。回看这条线索时,最值得保留的是:当输入、规模或风险改变,哪些判断需要重新做一遍。

标记为已学完 阅读进度会自动记录
← 上一篇下一篇 →

继续阅读

同一条线上的下一篇。

文章讨论

读到这里,留下一个判断。

把刚想明白的地方、还没想通的问题,留给下一位一起学习的人。

正在讨论 「AI 味儿」是怎么来的 Taste Engineering:让产出值得留下
3条讨论文章讨论 · 与共学社区同步
在共学社区查看
AM
Asha Morgan内容编辑
观点实践记录

我把这篇文章里的一个判断改写成了今天可以验证的小实验。比记住结论更有用的是,知道下一步要观察什么。

文章讨论7 有帮助
LH
Lin Harper独立开发者
观点观点

读完以后我先回头找它成立的条件,而不是直接把方法搬进项目。这个顺序让后面的取舍清楚很多。

文章讨论5 有帮助
KM
Kiki Moore产品运营
问题问题

如果把这个判断放到真实工作里,最先需要补的约束是什么?我想知道从阅读到第一次实践之间,哪一步最值得先做。

文章讨论4 有帮助