设计原则 / Visual Hierarchy

Visual Hierarchy

通过位置、尺寸、字重、间距和视觉显著性,表达信息的重要程度与阅读顺序。

关键字段

What · 是什么

定义
通过位置、尺寸、字重、间距和视觉显著性,表达信息的重要程度与阅读顺序。

Why · 为什么

核心问题
视觉权重是否与内容重要性和用户任务优先级一致,并形成清楚的阅读顺序?
作用机制
位置、尺寸、字重、间距和对比共同分配注意,使用户在有限时间内建立阅读顺序。视觉权重与语义权重冲突时,用户会先看到不重要但更醒目的内容。

How · 怎么做

主要用途
帮助用户快速扫描、定位重点并理解内容关系。
设计指导
根据任务优先级安排标题、主要操作和辅助信息;让视觉权重与语义权重一致。

Evidence · 证据

局限与边界
层级不是单纯放大标题,首屏可见也不代表最高优先级。过多字号、颜色和强调层级会削弱整体结构。
最后验证时间
2026-08-21
常见错误
层级不是单纯放大标题;首屏可见不代表最高优先;不要用过多字号层级。

Lifecycle · 生命周期

状态
待复核