废墟美学与界面设计

我喜欢废墟。不是破败，是残留结构里可读的秩序。

一座塌了一半的建筑，比完好的更能让你看清它是怎么建起来的。

#界面里的"结构外露"

现代界面越来越像密封的塑料壳：圆角、渐变、阴影，一切都被抹平。你看不到它的骨架。

而我偏爱把骨架露出来：

露出网格线（虚线、点线、极低透明度的分割）
露出编号（01 / 02 / 03，而不是无序卡片）
露出等宽字体的元信息（日期、标签、字数——用 mono，像机器打的标签）
露出噪点（一层 5% 的颗粒，让纯色不再是"数字纯色"）

这些都不提供功能，它们提供的是质感的可信度。

#不对齐的价值

严格的十二栏网格是安全的，也是无聊的。我的做法是：建立网格，然后在一两处刻意打破它。

比如首页的卡片是 7:5 而不是 6:6，标题的行高压到 0.82 让字挤在一起。这种轻微的不适感，会让人多看两秒。

完全和谐的画面，眼睛会自动跳过。

#噪点是数字世界的包浆

一个纯 #08080b 的色块在屏幕上是"空的"。加上 5% 的静态噪点后，它变成了"暗的"。

.grain {
  position: fixed;
  inset: -50%;
  opacity: 0.055;
  background-image: url("data:image/svg+xml,...feTurbulence...");
  animation: gr 6s steps(5) infinite;
}

用 steps(5) 而不是平滑动画——胶片颗粒是跳变的，不是流动的。这个细节决定了它像老电影还是像塑料。

#最后

废墟美学的核心不是"做旧"，是承认时间的存在。

一个界面如果看起来像是刚从工厂里出来、永远不会磨损，它就不像一个可以被使用的地方。而我们做的，是给人使用的地方。