设计与体验 · DEFINED TERM

Spacing Scale 间距尺度

用有限的一组间距值控制组件内外留白，形成稳定节奏。

你可能会这样说“统一使用 4、8、12、16、24、32 的间距体系。”

VISUAL EXAMPLE

先看懂它怎么工作

界面状态示例

任务说明

等待操作

MECHANISM

USE WHEN

页面布局、组件密度和设计系统

NOT FOR

每处手工猜一个像素值会造成节奏混乱

TELL YOUR AGENT

请按“Spacing Scale 间距尺度”的概念处理这个需求：统一使用 4、8、12、16、24、32 的间距体系。。先说明实现边界，再给出可检查的结果。

ACCEPTANCE

同层级间距一致，移动端适当收紧，内容不会因固定高度产生空洞

OFFICIAL SOURCES