AI 美学
文章摘要
设计师 Jim Nielsen 写了一篇很短的随笔,主题是:每一个时代精神(zeitgeist)都会催生出属于自己的设计惯用语,其中一些随潮流消失,另一些则会沉淀进软件交互范式的底层。他举的经典例子是汉堡菜单(≡)——它因移动端屏幕受限而爆发,如今已经扩散到各种界面里,成为「这里还有更多菜单内容」的一种简洁表达,很可能会长期存在下去。
那么 AI 时代正在产生哪些新的设计惯用语?他列了几类。
第一类是纯粹的符号挪用。他问:在 AI 之前,闪光 emoji ✨ 到底意味着什么?他自己也说不清,但现在它就是「AI」。他还顺带调侃了一句:AI = 闪光 + 彩虹色,其实挺好笑的,干脆再加上独角兽凑齐三件套(✨🌈🦄),倒也贴切。
第二类是与 AI 技术本质强绑定的交互模式,典型代表是流式文本(streaming text)。这个模式是为聊天界面而生、也在聊天界面里被打磨成熟的,因此未必能被大量复用到其他软件范式中。
第三类是已经开始外溢的模式。最典型的是「微光文本」(shimmering text)——在 AI 语境下它暗示「正在思考」,但现在被拿去表示任何异步任务(思考、抓取、计算等)的进行中状态。
第四类是作者潜意识捕捉到的视觉影响。他特别点出极小的图标:这一点在桌面 Electron 应用上尤其刺眼,因为它们与系统级应用的质感(grain)格格不入。他给出一张对比截图:左边是 Claude、Codex、Cursor 这类 AI 桌面应用,右边是 macOS 自带的 Finder、Photos、Mail,AI 应用的图标明显更小、笔画更细。他反问:小图标会成为我们与计算机交互的集体未来吗?(他个人希望不会。)
除此之外,他还把米色/奶油色背景、橙色点缀、衬线字体,以及「打地鼠式 UI 控件」(点一下开关整个界面重排,你得把鼠标挪到别处才能再点一次)都归入自己脑中与 AI 关联的美学清单,并戏称这是「AI 的非确定性质感渗进了它的 UI/UX」。文章结尾是一个开放式的追问:这个 AI 时刻还在孕育哪些美学,其中有多少会扎根,成为未来数年甚至数十年的通用交互范式?
HN 评论精华
需要说明的是,这条讨论(377 分、176 条评论)严重偏离了原文主旨。原文谈的是我们作为用户在与 AI 产品交互时看到的设计,但评论区绝大部分在争论AI 生成的前端长什么样,并迅速演变成「AI 出品是不是 slop」的阵营战。40four 中途专门发帖提醒:”很多人(包括我)习惯先看评论再看正文——这篇文章讲的是我们与 AI 交互时遇到的设计美学,不是 AI 帮我们写代码时输出的美学。”但这条提醒基本没能扭转风向。
关于 AI 输出为什么长得都一样
- jjcm(前 Figma AI 工具团队成员,现自己创业做设计工具)给出了讨论里技术含量最高的解释:LLM 被训练成「写一致的代码」,这对计费逻辑或后端函数是好事,但设计也是用代码表达的,于是你得到的是一致的设计——所有产出向一个通用均值对齐,这就是那些重复美学的来源。他在 Figma 时就发现,很难从 LLM 里逼出有创意、有独特性的产出。他的建议是:用扩散模型(diffusion model)当起点,先生成图像再转网页,可以绕开 LLM 的同质化倾向。他还贴了两个示例站点。
- 但他的示例立刻遭到围攻。azan_ 直言:”无意冒犯,这些例子绝对就是典型的 AI slop。”gentoo 的批评最到位:它们读起来像是对既有成熟美学的「超级精致的仿作」,赛博朋克那个几乎把所有类型套路都用上了,完全没有风格上的创造性选择——没有刻意打破惯例,也没有做减法。lynndotpy 说自己一眼就能认出来:”什么都凑成有力的三段式。我根本不需要知道『早い・旨い・熱い』是什么意思就能闻出味儿来。”
- somenameforme 的观察很细致:最像 LLM 的地方在于那些随机而不合时宜的符号——闪电、方框、棋盘金字塔之类的东西被塞在奇怪的位置,像是模型在试图暗示赛博朋克主题却做得很拙劣,而这与页面其余部分极其流畅的配色和排布形成刺眼反差。他类比自动驾驶:能开得非常好,却偶尔一头撞上水泥隔离带。
- TheOtherHobbes 总结了一条判别法则:忙碌(busy-ness)是关键破绽。AI 在任何意义上都不「经济」,文字、图像、视频、有时连代码都是——细节很多,但大部分是为了分散注意力的装饰。AI 不擅长克制、潜台词,也(讽刺地)不擅长优雅的提炼。
- ben_w 从采样角度补充:这更多是温度(temperature)问题而非一致性问题。每个空白上下文窗口的起点都一样,唯一的初始扰动来自用户提示;如果 5000 个人都只说「做个单页应用干 X」,结果自然高度雷同——就像 Simon Willison 那只骑自行车的鹈鹕,永远朝右,永远是普通自行车。
- dancheong(做印刷出身的在职设计师)给了最有洞见的一条:米色—衬线—闪光这套外观早于模型存在,它是 2019–2022 年高端 SaaS 品牌重塑浪潮的产物,只是语料奖励了它。他认为原文所说的「一种美学」其实是美学的缺席——没有任何约束在往回推。所有强势的视觉传统都来自限制:铅字、CMYK、矿物颜料。他最近在用韩国寺庙传统颜料重建配色系统,五种基色,每一对都必须挣出自己的对比度,而约束恰恰是有趣的部分。他的结论是:”提示词里写『更怪一点』解决不了问题,真正的约束也许可以。”
关于小图标(这部分才是原文本意)
- 意外地,不少人站在 AI 应用这边。strictnein:”也许我是少数派,但在文中那组对比截图里我明显更喜欢 AI 产品,macOS 那边看起来很臃肿。”SyneRyder 同感,还追问 Liquid Glass 里的左侧栏为什么要放在一个抬起的面板上——毫无必要的一整圈圆角矩形视觉杂讯。
- piskov 指出问题被找错了:”图标的问题不是直径,而是描边粗细——它应该和字重一致。”anon373839 顺势联想到 2013 年前后那波「厌食症式排版」,猜测细笔画意在传达某种精致感。
- jwr 提出了一个更朴素的解释:所有 AI 应用图标都小,未必因为它们是 AI 应用,而是因为设计团队之间互相抄。他认为设计圈普遍存在一种自卑情结,看到别人的作品就觉得自己不如人,于是去模仿——结果所有人都在抄 Apple,连坏决定一起抄。他还举了非圆形方向盘作为跨行业的同类例子。
其他值得一提的观察
- Centigonal 提出了一个语言层面的 AI 印记:技术语境里对 “grain”(质感/纹理)一词的滥用。”我确信原文是人写的,但我那个 AI 辅助的代码库里现在满是 grain、seam、tracer bullet、load-bearing component。这些词我以前几乎没听过,现在到处都是。就像所有人突然有了一个说话方式很特别的朋友,然后大家都染上了他的口癖。”
- KronisLV 写下了本帖最精妙的自嘲——他先用 LLM 的口头禅开头(”You are absolutely right, that’s the load bearing assumption and it earns its keep”),然后说:他其实不介意当年一堆网站长得像 Bootstrap 默认主题,LLM 本来有机会带来一个「体面的时代」——文字通顺不烦人、代码易读易调、留白和排版合理、字体可读、可用性良好。”结果我们得到的是把科普/领英腔调开到 11 档的 AI slop 文字,和一堆看起来都像 SaaS 落地页的 UI。也罢,本来可能更糟。”
- qwery 对「流式文本是 AI 原生模式」提出异议:逐字显示文本本就是低性能主机(8/16 位游戏机)上的固有模式,至今仍被游戏当作风格选择保留;它也内生于慢速网络连接、早期互联网和终端界面。更贴近当代大众的例子是 TikTok——那本就是文字上屏的默认方式,追赶 TikTok 的平台(包括 YouTube 的自动字幕)都跟进了。他还顺带吐槽逐词显示的字幕违背了无障碍字幕的既有最佳实践。
- panic 考证说加载用的微光效果大概源自 2014 年的 Facebook Paper 应用。AsyncBanana 也认为微光文本本质是骨架屏(skeleton UI)的延续,”设计更多是连续演化而非离散跃迁”。
- firasd 抛出一个有趣的反向预测:旧模型生成的前端反而会变得有辨识度——如果你把 2025 年中期 Sonnet 那种紫色渐变背景一直用下去,你反倒与众不同了。left-struck 顺势感叹:”完了,我意识到二三十年后会有一波怀旧老式 AI 的浪潮。”Izkata 回复说两年前就已经有了。
- harisamin 给出了最省事的历史视角:还记得 90 年代的 GeoCities 美学吗?扁平化设计呢?Twitter Bootstrap 呢?”这一切都会过去。”
- kombookcha 从消费者角度讲了一段实感:网站不是产品,但它透露了一家餐厅怎么运作、怎么呈现自己。今年夏天他见到很多用 AI 生成菜品图的菜单,没有一个能让他信任——用一个跟实际产品毫不相干的东西来推销,很难对这门生意有信心。用张意面的库存图他反而不会察觉,纯假的东西才是巨大的劝退。”他知道的一些最好的餐厅有着老掉牙的简陋网站,因为它们已经开了几十年——这奇怪地成了『有大量忠实顾客』的良好预测指标。手工但粗糙意味着务实、不搞花架子;精致且专业制作意味着高投入。而这种东西?它写着 slop 店。”
- yakkomajuri 提供了一个正面案例:AI 反而让他这个毫无设计背景的开发者对设计产生了兴趣,因为他终于能把脑中的创意做出来了。他给公司做的网站带了点《过山车大亨》的味道,经过大量试错和方向调整最终很满意,还贴出了中间几版草稿。有人回复”感谢你没有直接发布第一版”,而不少人反倒更喜欢他中途那版带过山车的设计。