设计原则
间距应表达结构关系,而不是凭感觉逐项微调。
原则 间距应表达结构关系,而不是凭感觉逐项微调。
设计动作 使用有限 spacing token;相邻元素、组内、组间、section 间距必须递增,并给工具栏和网格设置稳定尺寸。
正反例 正向示例:需要统一卡片、表单、表格、工具栏。 反向示例:大量随机 margin 值。
适用场景 需要统一卡片、表单、表格、工具栏。 页面信息密度较高但仍要清晰。
来源提示 来源提示:综合 Apple HIG、Material Design、NN/g 可用性原则和成熟设计系统中的布局/层级实践整理。
Agent 指令
使用有限 spacing token;相邻元素、组内、组间、section 间距必须递增,并给工具栏和网格设置稳定尺寸。