principle / Visual Hierarchy
Visual Hierarchy
通过位置、尺寸、字重、间距和视觉显著性，表达信息的重要程度与阅读顺序。
Key fields
What
- Definition
- 通过位置、尺寸、字重、间距和视觉显著性，表达信息的重要程度与阅读顺序。
Why
- Core Question
- 视觉权重是否与内容重要性和用户任务优先级一致，并形成清楚的阅读顺序？
- Mechanism
- 位置、尺寸、字重、间距和对比共同分配注意，使用户在有限时间内建立阅读顺序。视觉权重与语义权重冲突时，用户会先看到不重要但更醒目的内容。
How
- Primary Use
- 帮助用户快速扫描、定位重点并理解内容关系。
- Design Guidance
- 根据任务优先级安排标题、主要操作和辅助信息；让视觉权重与语义权重一致。
Evidence
- Limitations
- 层级不是单纯放大标题，首屏可见也不代表最高优先级。过多字号、颜色和强调层级会削弱整体结构。
- Last Verified At
- 2026-08-21
- Common Mistakes
- 层级不是单纯放大标题；首屏可见不代表最高优先；不要用过多字号层级。
Lifecycle
- Status
- 待复核
Related content
This entry does not have related content yet.
No related content to show yet.