2026-06-12 / 3 min

LiuliX Glaze 的留白和页面密度

记录纸张感界面里背景、留白、边界和组件密度的几个取舍。

设计界面前端

做 LiuliX Glaze 时,我希望页面读起来安静一点,但不是把所有颜色和层级都拿掉。最后真正影响阅读感的,还是背景、留白和组件密度能不能保持一致。

纸张感不等于加一层复古滤镜。背景有一点温度就够了,纹理过重会脏,边界和阴影太亮也会抢正文。排版和层级稳定以后,页面才不会显得空或者乱。

留白的作用是让用户更快判断阅读顺序。标题、正文、卡片之间的距离如果忽远忽近,用户会先找层级;间距稳定后,下一步要看哪里会更自然。

卡片、标签和按钮也需要克制。hover 和阴影只提供轻微反馈,不让每个组件都抢注意力。这些不是很复杂的设计原则,但在内容型网站里比做很多装饰更重要。

完整站点实现见 LiuliX Glaze 项目页。