阅读顺序
主题 → 关键信息 → 补充说明 → 操作入口。价格或活动重点可成为主焦点，但不要与标题同时争夺注意。
间距与对齐
用间距表达关系，用对齐建立阅读顺序。
间距节奏
屏幕可从 u = 8px 起步，再按内容与设备调整。
1u · 8px
标签与对应内容
2u · 16px
同组元素
3–4u · 24–32px
不同内容组
4u 起 · 32px 起
版面外边距的试排起点
窄屏边距可缩减，以不挤压内容为准。印刷可从 u = 2mm 试排；u 不等于字标留白 x，像素也不直接换算毫米。
对齐与分组
选购指引
先确认学校，再选择款式
把需要一起读的信息放近。
核对尺码
另一个步骤留出更大的组间距。
- 同组标题、正文、按钮共用对齐线。
- 组间距大于组内距，让关系一眼可见。
- 同级卡片统一圆角、内边距和标题位置。
换行与缩放
优先在语义停顿处换行；窄屏允许内容纵向排列。不要为了塞进一屏缩小正文，也不要把字标拉窄。