设计原则 / White Space
White Space
利用元素之间未被占用的空间建立分组、层级、呼吸感和焦点。
关键字段
What · 是什么
- 定义
- 利用元素之间未被占用的空间建立分组、层级、呼吸感和焦点。
Why · 为什么
- 核心问题
- 未被占用的空间是否在表达分组、层级、焦点和可读性，而不是单纯填满或浪费页面？
- 作用机制
- 空间差异可以直接表达归属和阅读停顿，减少对边框和额外说明的依赖。留白还会改变视觉重量和注意力，但过量留白会增加滚动和定位成本。
How · 怎么做
- 主要用途
- 降低视觉拥挤，提升可读性，并表达内容关系。
- 设计指导
- 优先让间距承担分组；区分组内和组间空间；兼顾信息密度与设备尺寸。
Evidence · 证据
- 局限与边界
- 留白不是越多越高级，也不是空白越少越高效。过大的组内间距会拆散关系，过小的组间距会造成粘连，还要兼顾设备尺寸和任务密度。
- 最后验证时间
- 2026-08-21
- 常见错误
- 留白不是浪费空间；不是越多越高级；高密度专业工具仍需要结构化留白。
Lifecycle · 生命周期
- 状态
- 待复核
相关要素与机制
这条内容目前没有关联内容。
暂时没有可展示的关系内容。