几个月前,Anthropic 推出了 Claude Design。你可以把它理解成 Claude Code 的“设计版”——只不过这一次是做 UI 设计。

HN Claude Code Adoption 2026-08-27T06:39:20.270493

说实话,我觉得这东西太棒了。我对用户体验和界面设计算是有比较明确的好恶,但作为一个开发者,自己写出来的界面总是不太好看,这让我一直很郁闷。

现在好了,Claude 来拯救我了……对吧?

Claude Design screenshot

看起来不错……一开始是这样

第一次看到 Claude Design 生成的东西,我就被折服了,随后开始把 Claude 设计的界面和网页直接上线。

比如说 Beekeeper Studio 里的这个新版升级弹窗:

Shiny new upgrade modal

我当时心想:这也太帅了吧。不过 Beekeeper Studio 的其他工程师不这么看。我心想:你们懂啥?然后照发不误,还一口气接连上线了好几个新网页,啪、啪、啪。

等等,这我见过

说句实话,我在 AI 设计这块算是挺早上手的,当时还挺得意,觉得自己干得漂亮。心想我这个天才举动,转化率怎么着也得往上走走吧。

……但没过多久我就发现,很多新上线的网站,和我那个升级弹窗长得惊人地像。

它们都有一些共性。我心里咯噔一下:原来 AI 设计和 AI 写作一样,每个设计都带着明显的“AI 痕迹”。只要大家用同一个工具,你的应用就会和别人的长得差不多。虽然外行看着觉得挺好看,但只要用过 Claude,一眼就能认出来。

那些一眼就能看出的“AI 设计套路”

我总结了一些最扎眼的特点,现在满大街都是。下面这些例子全都出自 Beekeeper Studio 的同一个页面😬,但你往上翻那些网站,每个里面都能找到同样的东西。

  1. 卡片、按钮等元素,鼠标悬停时会轻微“浮起来”。

  2. 一个发光的绿色小圆点,旁边配一句“实时更新”“边写边改”之类的说明。上面这个是“实时估算”。

Claude green circle

  1. 标题上方有一行小字(eyebrow),类似一种“倒过来的副标题”。

Claude eyebrows

  1. 图标或文字使用霓虹配色,哪怕跟整体设计并不搭调。

Claude neon

这些“特点”在我三月份上线的 Beekeeper Studio 升级弹窗里全都能看到。

Shiny new upgrade modal

这个弹窗堪称集大成之作,完全就是一份 AI 设计特征的罪证清单——眉题、渐变、漂浮元素、霓虹,样样齐全。

这些设计不算糟,只是不够“厚”

Claude 产出的设计确实能用,那问题出在哪?

问题在于:虽然看起来很干净,但所有设计都开始变得千篇一律,一个设计和另一个设计之间界限模糊。浏览不同国家、不同网站时,你能明显看出页面上的像素用的是同一支笔刷画的——Claude 的笔刷。

我已经越来越不喜欢自己网站上的这类设计,正在着手清除它们,可以说是进行了“降 AI 重制”。

说起来,这些设计给人的感觉是什么?冷冰冰的。没有什么生命力,就像 AI 生成的文字一样没有灵魂。也许对 SEO 有好处,但对读者来说未必是好事。

这让我想起 Adam Mastroianni 的一篇文章——他就喜欢“厚”的东西!我也希望自己的应用和网站能“厚”一点。

我并不声称自己的网站或产品是什么无价的艺术品或文学杰作,但我确实希望它们有灵魂,能“厚”那么一点——中厚也行。而 Claude 的设计……薄如纸片。

查看原文