留白的艺术：为什么设计中「空」比「满」更重要

第一次接触网页设计时，我总是想把每一个角落都填满内容。标题要最大、正文要最多、图片要最炫。但随着经验的积累，我逐渐意识到：有时候，少即是多。

什么是留白？

留白（Negative Space）是指页面中未被内容占据的空间。它不仅仅是白色区域，而是任何没有视觉元素的空白。留白分为：

• **宏留白**：大区块之间的空间，如页眉与内容区之间
• **微留白**：元素内部或元素之间的空间，如文字行距、按钮内边距

留白的心理学

人的眼睛需要「停歇」的地方。适当的留白能够：

• . **降低认知负荷** — 让用户更容易聚焦重要信息
• . **建立视觉层次** — 通过空间大小区分内容优先级
• . **传达品牌调性** — 大量留白通常传递高端、精致的感觉
• . **提升可读性** — 足够的呼吸空间让阅读更舒适

实践中的留白技巧

1. 使用网格系统 网格是控制留白的有力工具。它将页面划分为规律的列和间距，让设计更加系统化。

2. 设定基础间距单位 建议设定一个基础单位（如8px），所有间距都是这个单位的倍数：

:root {
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
}

3. 不要害怕边缘留白 页面的边缘留白同样重要。不要让内容紧贴浏览器边框，给内容一些「呼吸」的空间。

经典案例分析

苹果公司的产品页面是留白运用的典范。大量留白不仅让产品成为视觉焦点，还传递出简约、高端的品牌调性。

Google的搜索页面更是将留白运用到极致——一个搜索框，几行链接，简单却不简陋。

结语

学会留白，是一个设计师从「堆砌元素」到「克制设计」的重要一步。不要害怕页面上有「空」的地方，那些空白正是设计呼吸的地方。