principle / White Space
White Space
利用元素之间未被占用的空间建立分组、层级、呼吸感和焦点。
Key fields
What
- Definition
- 利用元素之间未被占用的空间建立分组、层级、呼吸感和焦点。
Why
- Core Question
- 未被占用的空间是否在表达分组、层级、焦点和可读性，而不是单纯填满或浪费页面？
- Mechanism
- 空间差异可以直接表达归属和阅读停顿，减少对边框和额外说明的依赖。留白还会改变视觉重量和注意力，但过量留白会增加滚动和定位成本。
How
- Primary Use
- 降低视觉拥挤，提升可读性，并表达内容关系。
- Design Guidance
- 优先让间距承担分组；区分组内和组间空间；兼顾信息密度与设备尺寸。
Evidence
- Limitations
- 留白不是越多越高级，也不是空白越少越高效。过大的组内间距会拆散关系，过小的组间距会造成粘连，还要兼顾设备尺寸和任务密度。
- Last Verified At
- 2026-08-21
- Common Mistakes
- 留白不是浪费空间；不是越多越高级；高密度专业工具仍需要结构化留白。
Lifecycle
- Status
- 待复核
Related content
This entry does not have related content yet.
No related content to show yet.