LiuliX Glaze 的留白和页面密度
记录纸张感界面里背景、留白、边界和组件密度的几个取舍。
设计界面前端
做 LiuliX Glaze 时,我希望页面读起来安静一点,但不是把所有颜色和层级都拿掉。最后真正影响阅读感的,还是背景、留白和组件密度能不能保持一致。
纸张感不等于加一层复古滤镜。背景有一点温度就够了,纹理过重会脏,边界和阴影太亮也会抢正文。排版和层级稳定以后,页面才不会显得空或者乱。
留白的作用是让用户更快判断阅读顺序。标题、正文、卡片之间的距离如果忽远忽近,用户会先找层级;间距稳定后,下一步要看哪里会更自然。
卡片、标签和按钮也需要克制。hover 和阴影只提供轻微反馈,不让每个组件都抢注意力。这些不是很复杂的设计原则,但在内容型网站里比做很多装饰更重要。
完整站点实现见 LiuliX Glaze 项目页。