为什么这个博客用圆角和柔和阴影

设计

现在的网页默认词汇是：圆角卡片、投影、毛玻璃。它们都来自同一个隐喻——屏幕里的物理世界，卡片是漂浮在桌面的纸片。很多人批评这套词汇轻浮，但被批评的往往不是词汇本身，而是滥用：圆角圆成糖纸，投影黑成夜晚。

这个博客用的是一套克制的「柔光」词汇：

圆角有节制——卡片 16px、图片 12px，再大就是玩具
阴影低透明度、大模糊——托起层次，而不是炫耀光源
强调留给暗红色——小面积、有预算，一年只出场几次

层次不一定要靠投影，这点没错。一本书里没有投影：标题靠字号，段落靠缩进，层次靠细线。印刷词汇安静、克制，这个博客曾经整套用过它。但它要求读者自己完成全部的空间想象——而屏幕上的读者往往在滚动、在分心、在 390px 宽的手机上读一篇三千字的长文。印出来的层次是「读」出来的，浮起的层次是「看」见的：后者便宜，但对分心的人更诚实。

用回圆角和阴影之后有一个意外的收获：层次变直觉了。卡片是一张卡片，浮层是一次浮起，读者不需要学习词汇——注意力仍然回到文字本身，因为所有装饰都压在低透明度、大模糊的柔和阴影里，谁也不炫耀光源。对一个以长文为主的站点，这正是想要的。