设计术语词典视觉层级 / 设计术语词典
视觉层级与焦点：先读什么
层级是一组信息之间的先后关系，焦点是当前最突出的位置。设计时先确定读者要完成的事，再决定把注意力引向哪里。
词条定义
- 视觉层级 Visual hierarchy
- 通过大小、字重、位置、间距和色彩等差异，安排信息被注意与阅读的相对顺序。
- 视觉焦点 Focal point
- 在当前画面中最容易吸引注意的局部。它可以服务于层级，但单一焦点不能代替完整的信息顺序。
一个具体例子
原创教学示例：一张名为“纸上城市”的展览介绍页，同时有展名、日期、地址和“查看场次”。若四者都用粗体大字，读者仍需逐项判断。可以把展名作为进入点，把日期与地点并为一组，再用独立按钮承接已经产生兴趣的读者。这个顺序是本例的内容选择，不是所有活动页都适用的规定。
把两个概念分清
| 观察对象 | 描述什么 | 使用边界 |
|---|---|---|
| 层级 | 讨论展名、日期和补充说明之间的相对重要程度。 | 不能只凭某一行的字号判断。 |
| 焦点 | 讨论一张明亮图片或一块按钮首先吸引了注意。 | 最显眼的元素未必是最需要读懂的信息。 |
怎样观察与修改
- 写下读者进入页面后的首要问题：这是什么活动？何时去？在哪里？
- 先移除装饰，用相同颜色排列内容，保留展名、时间地点和操作三个信息层次。
- 仅改变一个变量，例如加大展名或增加它与下组内容的间距，再比较阅读顺序。
- 缩小画面检查焦点是否仍与任务一致；随后回到原尺寸阅读，不以缩略图判断正文可读性。
适用情景与限制
适用于活动介绍、文章首页、海报和产品说明。数据表或检索结果页可能更需要均衡扫描，不应强行制造一个压过所有内容的大焦点。
动手练习
把你当前页面的内容按“必须先知道、接着需要、按需查阅”分成三组。如果最鲜艳的装饰落在第三组，说明注意力分配值得重新检查。
常见问答
有很多重要信息怎么办？
先按任务分组；同一层级可以有多个平行入口。不要把所有内容同时提升为第一层。
层级只能靠字号吗？
不是。位置、空隙、字重与对比也能建立差别，关键是差别应与内容重要程度一致。