极简并不意味着把所有装饰删掉。一个页面可以只有黑白两色,仍然让人不知道从哪里开始。真正的简洁,是让使用者少做判断。
先建立阅读顺序
打开一个页面,人们会先注意到面积大、对比强的元素。与其让每个模块都争夺注意力,不如明确一条阅读路径:标题、摘要、正文、下一步。
我习惯先在纸上写下页面最重要的一件事。如果这件事都不清楚,增加阴影、圆角或动效也很难挽救体验。
留白也是信息
靠近的元素会被理解为一组,距离较远的元素则暗示一个新的话题。间距实际上在替我们表达结构。
| 关系 | 可以尝试的间距 |
|---|---|
| 图标与标签 | 8px |
| 标题与说明 | 12–16px |
| 同一组内容 | 24px |
| 不同章节 | 48–64px |
这些数字是起点,并不是定律。中文标题的密度、英文字体的字面高度,以及屏幕宽度,都会影响最后的判断。
让每个细节有理由
.reading-column {
max-width: 70ch;
margin-inline: auto;
line-height: 1.9;
}
.reading-column h2 {
margin-block: 2.5rem 1rem;
}限制行宽,是为了让眼睛更容易找到下一行;增加段落间距,是为了让停顿更自然。设计决策一旦有了理由,整个页面就更容易保持一致。
删除之前,先理解
不要因为追求简洁而隐藏必要的状态、说明或导航。一个没有文字的图标也许看起来干净,却可能让人猜测。
好的克制不是少做工作,而是把工作留在幕后,把清晰留给读者。
感谢你读到这里。
思考没有终点,下一篇见。