首页/风格学院/AI Alignment Lab

什么是 AI Alignment Lab?

AI Alignment Lab 设计风格示例

AI Alignment Lab 是研究文章在“证据就是唯一装饰”时的样子:一张白页,一栏窄窄的衬线正文,以及一条给数据加上正负号的红蓝色带。

AI Alignment Lab 速览

AI Alignment Lab 是一套取自可解释性研究的出版物式设计语言。它承袭自 Distill 做出的文章模板,后来又被 transformer-circuits.pub 继承:纯白页面,一栏宽度适中的衬线正文,图表在需要地方时从正文栏里探出去,占住外侧留白。它读起来像期刊,运转起来像软件。

颜色是刻意省着用的。一个深海军蓝管住所有链接和强调;标题、图注、分隔线与标签之间的结构层次,全靠灰阶来完成。整页唯一饱和的颜色,属于那条红—蓝发散色带,它负责报告归因的结果,所以只要颜色出现,它就是在告诉读者某件可以度量的事。

这就是这套风格的核心:证据自带正负号。红与蓝不是品牌色,也不是情绪色,它们报告的是某项贡献指向哪一边、强弱如何。除此之外,一切都被收起来:没有阴影,没有圆角卡片,没有渐变,段落之间只有一根发丝细线与空白。没有任何东西在装饰,每一张图都在陈述数据本身。

AI Alignment Lab 设计风格用在文章页上

AI Alignment Lab 从何而来?

这套风格始于一场出版实验。Distill 在 2016 年上线,做出了一套读起来像期刊、运转起来像软件的文章模板。记录里把 Chris Olah 与 Shan Carter 两个名字与它联系在一起,工作地点在旧金山湾区。这套模板做了一个安静的决定,并影响了此后的一切:科学写作可以和任何产品一样设计得讲究,只要设计服务于阅读,而不是服务于自己。

其中有两股潮流。第一股是“可探索的解释”(explorable explanations)这一传统:文章不再是一张固定的页面,而是一个图表会回应读者、论点既可阅读也可亲手试一试的地方。这就是为什么这套风格里的图表被当作一等内容,需要更宽的空间时可以离开正文栏。第二股是科学配色,即 ColorBrewer 一脉:这些色带专门为“从颜色里读出数字”而设计,包括用于穿过零点的数值的发散色带。

第三股潮流是主题本身。机制可解释性(mechanistic interpretability)是一项研究计划,目的是弄清一个训练好的模型是怎样得出它所说的话的;自 2021 年起,transformer-circuits.pub 继承了 Distill 的模板,把它作为这类工作的栖身之所。在这类研究里,图常常就是一份归因:衡量模型的各个部分或输入的各个部分对输出贡献了多少、指向哪个方向。一条中间为中性色的红蓝色带,是画这种东西最自然的办法,而这套模板给了它一张安静的页面去出现。

结果是一种“朴素是功能性的、而非潮流式的”界面。视觉手段很少,因为每多一种,都会和数据争夺注意力。读者面对这样的页面,应当觉得没有任何东西在向自己推销什么,论证是公开地摆出来的,证据就在眼前。设计师使用这套风格时,真正借来的,正是这种“靠展示数据赢得信任”的姿态。

AI Alignment Lab 的视觉特征是什么?

适中的正文栏

正文集中在一栏窄窄的、用衬线体排成的文字里,行宽是为长时间阅读而定,而不是为了铺满屏幕。这一栏是整页的脊梁,标题、段落、图注都挂在它上面,所以页面读起来像一篇文章而不是一张版面,长篇解释也能从头到尾保持可读。

探入边栏的图表

只要数据需要更大的空间,图表就可以从正文栏里探出去,占住外侧留白。宽幅的归因矩阵可以越过正文延伸而不打断它的节奏,小注与图注则放在文字旁边的外侧空间。于是页面有了清楚的“阅读”与“观看”两层:正文栏用于论证,边栏用于证据。

衬线正文,灰阶结构

结构靠灰阶而不是颜色来搭建。标题、图注、标签、坐标轴和分隔线各自占据灰阶里的一档,其余交给字重和间距。这让页面不动用颜色,就能建立清晰的秩序,也让衬线正文保持一种平静的、书卷式的气质,如同一篇印刷出来的论文。

唯一的海军蓝

一个深海军蓝承担所有链接与所有强调。它不用来铺大面积,也不用来装饰,只用于表明“这里可以点击”或“这里值得留意”。因为强调色只有一个,读者立刻就能学会这套编码,这个颜色也保有它的意义。再多一个强调色,就会既和它竞争,也和数据色带竞争。

红—蓝发散色带

整页唯一饱和的颜色,是一条从红经过中性中点走向蓝的发散色带。它用来报告归因:色相说明某项贡献指向哪一边,深浅说明它有多强。它出现在矩阵、热力图和覆盖在文字上的高亮里。因为它只留给带正负号的数据,所以它一出现就是信息,而不是装饰。

发丝线与留白

段落与章节之间只用一根发丝细线和空白来分隔,从不用阴影、圆角卡片或渐变面板。表面是平的,边缘是画出来的,而不是被光照出来的。这让页面带有一种清醒的质地:深度不被模拟,因为内容里没有任何东西是实体的。白页处处是同一种白,层级靠位置与字重来表达。

图形即证据

页面上的每一张图形都在提出一个可以被检验的主张。没有装饰插图,没有图库配图,也没有装饰性的分隔物。图示、图表与矩阵都是为了被阅读而画的,有标注的坐标轴和易读的图注;这套风格设定的读者,是一个想顺着数据一路读下去的人。如果某个视觉元素无法作为证据被辩护,它就不该出现在这里。

AI Alignment Lab 设计风格用在仪表盘上

谁塑造了 AI Alignment Lab?

Chris Olah

Olah 是记录里与这套风格相连的两位关键人物之一。他的名字与 Distill 的文章模板相连,也与后来落脚于 transformer-circuits.pub 的机制可解释性研究相连。他代表了这样一种想法:解释模型如何工作,值得与研究本身同样用心地设计。

Shan Carter

Carter 是记录中点名的第二位关键人物,与同一套文章模板及 2016 年上线的 Distill 相关。他的名字提醒我们,这套风格是设计与工程合在一起的产物:为阅读而建的页面,配上行为像软件一样的图表。

Distill

Distill 是一份期刊,它在 2016 年上线时做出了这套风格核心的那份模板。它建立了一种读起来像期刊、运转起来像软件的文章形式:白页、衬线正文栏,以及能探进边栏的图表。后来这一路出版物的面貌,很大程度上承袭自它做出的那些选择。

transformer-circuits.pub

自 2021 年起,transformer-circuits.pub 继承了 Distill 的模板,作为可解释性研究的发表阵地。它是这套风格最清晰的在用范例:密集的技术论证排在平静的衬线栏里,归因图用红—蓝色带,链接统一用一种海军蓝。

今天怎么用 AI Alignment Lab?

只要内容是“用数据支撑的论证”,并且读者的信任比他们的兴奋更重要,这套风格就适用。它适合研究报告、评测报告、技术文档,以及任何希望显得“把推导过程亮出来”的产品。要牢牢守住的纪律很简单:适中的衬线正文栏、用灰阶做结构、用一种海军蓝做链接,红—蓝色带只留给带正负号的数值。

做演示文稿,封面可以是白底上一行衬线标题加一小行灰色的元信息,海军蓝只用于一个链接或一个名字。内容页保持一栏文字加旁边一张图,复刻网页的边栏逻辑。数据页是这套风格最出彩的地方:用发散色带画出的归因矩阵或热力图,中点为中性色,坐标轴有标注,再配一行短图注,说清读者应当看出什么。

做网页界面,这套风格适合可解释性工具、评测仪表板、模型卡片与文档站。表格用发丝线和灰色表头,链接用海军蓝,凡是展示带正负号贡献的图表一律使用红—蓝色带。卡片、投影与圆角容器,由留白和线条取而代之。若以这种语汇做定价或产品页,会是朴素的、以文字为主的:由对比表去说服,海军蓝只标出唯一的行动。

做编辑与营销内容,它天然适合论文、长文、技术博客、白皮书与研究发布。让图表在需要时冲破正文栏,把图注当作真正解释的地方,并让任何推广性元素保持与周围内容同样的低调。这种外观传达出认真与坦诚,这正是研究机构或依赖信任的产品想要呈现的东西。

最常见的错误,是把红与蓝当作一套装饰性色板。把它们用于品牌着色、用于“好与坏”,或用于没有正负之分的数值(比如单纯的计数),都会让已经学会“这两种色相表示方向”的读者感到困惑。其他错误还包括:加第二种强调色、把每个容器都做成圆角、给图表加柔和投影,或改用粗壮的无衬线展示风格,把一篇论文变成落地页。这套风格靠它所拒绝的东西赢得可信度。

AI Alignment Lab 设计风格用在幻灯片 · 封面上

AI Alignment Lab · 常见问题

为什么正文用衬线体,而且栏这么窄?

因为这张页面是为持续阅读一篇论证而建的。适中栏宽里的衬线体,传达出“这是一篇论文”而不是“这是一张产品页”,较窄的行宽也让长篇解释读起来舒适。窄栏还把边栏腾了出来:数据需要空间时,图表可以从栏里探出去,正文因此从不与证据争位置。

红与蓝究竟代表什么?

它们表示归因,那是一个带正负号的量。一种色相表示某项贡献指向一个方向,另一种表示指向相反的方向,深浅表示强弱,中点是中性色。它们不是“好”与“坏”,也不是品牌色。只把它们留给带符号的数据,读者才能在它每次出现时都信任这个颜色。

红—蓝色带能用在别的地方吗,比如状态提示或计数图表?

最好不要。这条色带的价值来自它的专属性:它是整页唯一饱和的颜色,并且永远表示一个带正负号的度量。把它用于单纯计数、状态或装饰,会削弱这层含义。对没有正负之分的数据,用灰阶或海军蓝强调色,把发散色带留给真正会穿过零点的数值。

这套风格能用在深色背景上吗?

它的原生形态是一张白页,定义这套风格的研究出版物就是这样呈现的。深色版本是可能的,但需要谨慎:保持同样的规则,即只有一种强调色、用灰阶做结构、发散色带只留给带符号的数据,并确认色带的中性中点在深色底上仍然读作中性。只要这些原则保住,精神就保住了。

这套风格只适用于 AI 研究吗?

不是。它源自可解释性研究,但其逻辑适用于一切以证据为先的出版物:科学报告、数据新闻、技术文档、内部分析,以及依赖信任的产品页面。内容需要的是一个主张、一些数据,和一位愿意跟着论证读下去的读者。如果目标是激发兴奋或传达情感温度,而不是追求清晰,别的风格会更合适。

获取 AI Alignment Lab 完整设计系统
© 2026 Curio