层级：让重要的东西先被看见

先理解这个概念

视觉层级是信息重要性的外在表达。如果所有文字一样大、所有按钮同样醒目，用户只能逐项阅读。先确定第一、第二、第三层信息，再选择少量视觉变量表达差异。

视觉层级通过差异建立。字号、字重、位置、对比和周围空间都会影响注意力；如果每一项都变大、加粗、加色，差异反而消失。先确定读者需要先看什么，再选择少量手段形成顺序。层级不仅是标题比正文大，也包括同一组信息中哪个值承担决策。

记住这三个原则

1. 01

   先写出页面最重要的三个信息，再安排样式。

2. 02

   同一层级使用相同样式，不因心情改变字号。

3. 03

   只突出少数重点，其余元素主动让出注意力。

实际设计时，分三步做

1. STEP 01

   把页面内容写成“先确认、再理解、最后操作”的阅读顺序，选出最关键的一条信息。

2. STEP 02

   先只用字号、字重和留白建立三级关系，再少量加入颜色。避免让多个元素同时争夺唯一强调色。

3. STEP 03

   缩小页面或快速扫视，检查首先被看见的东西是否正确；再阅读真实长内容，确认局部层级仍然成立。

一个容易理解的例子

用户先识别项目，再理解内容，最后执行操作。

适用边界与取舍

高对比不是越多越好。警告与主要操作都需要注意力，但不能把所有辅助文字压到难以阅读来衬托标题。降低优先级仍要保持可读。