跳转到内容

设计与体验 · DEFINED TERM

留白与间距

留白是让内容呼吸的空区域,间距用稳定规律表达元素关系。

你可能会这样说“相关内容靠近,不同板块拉开,但不要留下无意义大空洞”

VISUAL EXAMPLE

先看懂它怎么工作

容易误解不要用随机 margin 修补每个局部位置
更准确提升可读性并区分内容层级

MECHANISM

运行机制

  1. 按关系分组
  2. 使用间距尺度
  3. 形成节奏和边界

USE WHEN

适合这样用

提升可读性并区分内容层级

NOT FOR

不要这样理解

不要用随机 margin 修补每个局部位置

TELL YOUR AGENT

可直接发给 Agent

请按“留白与间距”的概念处理这个需求:相关内容靠近,不同板块拉开,但不要留下无意义大空洞。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

相同关系使用相同间距,手机和桌面都无失衡空白

OFFICIAL SOURCES

官方来源