yophon在平面设计和 UI/UX 领域，“留白”（Whitespace）常被新手误认为是“浪费空间”。然而，在成熟的设计系统中，留白被视为一种核心设计元素。它不是背景，而是引导用户注意力的光标。
留白的功能
留白不仅仅是为了“好看”，它承担着重要的交互功能：
- 提升可读性：行间距和段间距的留白能让文字更易于阅读，减少视觉压力。
- 建立层级感：通过空间距离的大小，界定元素之间的亲疏关系。
- 聚焦核心：当一个元素周围有大量的留白时，用户的目光自然会被其吸引。
极简主义的典范：Apple 与 Muji
谈到留白的运用，Apple 和 Muji 是两个极端的代表，但也殊途同归。
Apple 的留白是“奢华”的。 走进 Apple Store 或浏览其官网，你会发现巨大的空白空间。这种留白传递的是一种自信和高端感，它告诉用户：我们的产品足够优秀，不需要杂乱的信息来填补空间。
Muji 的留白则是“虚无”的。 基于原研哉提出的“Emptiness”概念，Muji 的设计通过留白创造了一个容器，让使用者可以根据自己的需求去填充意义。这是一种极简主义的巅峰，留白在此刻成了品牌包容性的代名词。
设计系统中的留白准则
要在设计系统中标准化留白，我们通常采用以下原则：
- 8px 网格系统：所有的间距（Margin/Padding）都应该是 8 的倍数。这保证了视觉上的韵律感和数学上的整齐。
-
宏观留白与微观留白：
- 宏观留白：页面大版块之间的间距，用于区分功能区。
- 微观留白：列表项之间、图标与文字之间的间距，影响微观的视觉舒适度。
- 留白不是静止的：在响应式设计中，留白应当随着屏幕尺寸的增加而适度扩张，以保持平衡。
结语
伟大的设计往往不在于你放进去了什么，而在于你舍弃了什么。学会控制留白，就是学会控制用户的感官呼吸。在一个充斥着噪声的时代，留白是给用户最好的礼物。