极简并不意味着把所有装饰删掉。一个页面可以只有黑白两色,仍然让人不知道从哪里开始。真正的简洁,是让使用者少做判断。

先建立阅读顺序

打开一个页面,人们会先注意到面积大、对比强的元素。与其让每个模块都争夺注意力,不如明确一条阅读路径:标题、摘要、正文、下一步。

我习惯先在纸上写下页面最重要的一件事。如果这件事都不清楚,增加阴影、圆角或动效也很难挽救体验。

留白也是信息

靠近的元素会被理解为一组,距离较远的元素则暗示一个新的话题。间距实际上在替我们表达结构。

关系可以尝试的间距
图标与标签8px
标题与说明12–16px
同一组内容24px
不同章节48–64px

这些数字是起点,并不是定律。中文标题的密度、英文字体的字面高度,以及屏幕宽度,都会影响最后的判断。

让每个细节有理由

reading.css
.reading-column {
  max-width: 70ch;
  margin-inline: auto;
  line-height: 1.9;
}
 
.reading-column h2 {
  margin-block: 2.5rem 1rem;
}

限制行宽,是为了让眼睛更容易找到下一行;增加段落间距,是为了让停顿更自然。设计决策一旦有了理由,整个页面就更容易保持一致。

删除之前,先理解

不要因为追求简洁而隐藏必要的状态、说明或导航。一个没有文字的图标也许看起来干净,却可能让人猜测。

好的克制不是少做工作,而是把工作留在幕后,把清晰留给读者。

感谢你读到这里。

思考没有终点,下一篇见。