AI 美学：从汉堡菜单到闪烁文字
The AI Aesthetic
每个时代都有其独特的设计语言，AI 时代也不例外。从汉堡菜单在移动端的普及，到如今✨表情符号代表 AI，新的交互范式正在形成。流式文本和“闪烁文字”最初源于 AI 聊天界面，如今正被广泛复用为异步任务的通用指示。更有趣的是，AI 应用似乎偏爱更小的图标、米色配色和衬线字体，甚至出现了点击后界面重绘的“打地鼠”式控件。这些设计选择是昙花一现的潮流，还是将像汉堡菜单一样，成为未来几十年软件交互的基石？
AI 等于闪光、彩虹色，想想还挺有意思，他们本该再加个独角兽凑成三件套。
HN 评论区
176- jjcm
> 我的大脑还会将其他美学风格与 AI 联系起来，比如米色/奶油色、橙色点缀以及衬线字体
关于 AI 生成设计所呈现出的狭窄趋同性，有一点值得考虑：LLM 被训练用来编写一致的代码。对于账单系统或后端函数这类东西来说，这很有道理——你希望代码保持一致。但问题在于，LLM 也编写代码来表现设计，这意味着你会得到一致的设计。结果就是，由于这种机制，设计会收敛于一个通用的平均值，这往往就是你看到这些重复美学风格的原因。
我在 Figma 做 AI 工具时见过这种情况。要想从 LLM 那里得到有创意、独特的输出非常困难。
如果你想避免这种情况，我推荐尝试用扩散模型作为起点。Gpt-image-2 是一位能力极强的设计师，而 Opus 和 Fable 在将图片转换为网页方面表现非常出色。从图片入手可以让你避开 LLM 输出中大量的同质化问题。我在这里确实有严重的偏见，因为我正是为了构建这个才离开了 Figma（https://news.ycombinator.com/item?id=48995754），但即使只是用 gpt-image-2 给你一个整体风格的感觉，也能在设计层面让你脱颖而出。
这里有一些我玩过的图片转网页的输出示例：
- yakkomajuri
有趣的是，我发现 AI 反而让我对设计更感兴趣了，因为我现在能真正做一些以前无法实现的事情，以前我的创意构想根本无法落地。
举个例子，我最近搭建了我们公司的网站，对结果非常满意。我想让它带有一些《过山车大亨》（Rollercoaster Tycoon）的韵味，经过大量的实验、指导、调试和参考示例，我终于做出了自己很喜欢的东西。两年前，我的公司网站可能就是个通用的 Bootstrap 模板，直到我雇了设计师。
还有很多地方可以改进，当然某些方面确实还透着 AI 的味道，但总体上它收到了很多正面反馈，最重要的是我自己很喜欢。我在考虑写一篇博客来分享我的创作过程，因为我是一个完全没有设计背景的开发者。
分享一张截图，以免显得像是在打广告：https://imgur.com/a/xqKi6X6（顺便说一句，网站里游乐园的一切东西都在动）
- baubino
> 我的大脑还会将其他美学风格与 AI 联系起来，比如米色/奶油色、橙色点缀以及衬线字体
首先，他们拿走了我的破折号（em dash）。现在，他们又要拿走我那个带橙色点缀的中性背景了。
- gitgud
优秀的 UX 抽象总是胜过糟糕的抽象，这意味着它们会经久不衰、被广泛模仿，并最终成为默认的 UX 标准……这方面的例子包括：汉堡菜单、微小图标以及流式文本的自动滚动。
- guessmyname
> 例如，汉堡菜单（≡）在移动设备兴起期间因屏幕尺寸限制而大量普及。
说到这个，GitHub 已经把他们的汉堡菜单换成了煎饼表情符号。
也许和今天早些时候发布的堆叠 Pull-requests 公告有关。
- AsyncBanana
这些东西很多也是之前趋势的延续。闪烁文字效果让人强烈联想到骨架屏（skeleton UI），只是被重新用于聊天界面罢了。一如既往，设计更多是连续的演变，而非离散的突变。
- dgunay
确实有很多 AI 生成的网站，尤其是开发工具和 SaaS 类的，特别喜欢深色背景、酷炫的配色（紫色似乎正在复兴），以及大量花哨的 UI 组件。
- paxys
这基本上就是 2010 年到 2024 年的 SaaS 美学风格。AI 是在这些数据上训练的，所以它也就照单全收了。