开篇小故事：这是一个运营页面的设计方案，主标题、副标题、正文、标签、价格，五个层级。我把主标题调到 32px，副标题 20px，正文 14px，标签 12px，价格单独加粗放大到 28px。

我把方案发给同事看，他盯着屏幕看半天，然后缓缓的说：感觉有点乱，哪个最重要看不太清楚。

我以为是字号差距不明显，于是把主标题拉到 36px。但还是乱。再拉大到 40px。还是乱。

主标题字号 40px

前前后后我足足花了一个小时反复调整字号，页面并没有变清楚。后来我才意识到，问题不是出在字号不够大，而在我错误的采用一个维度工具，试图解决一个需要多个维度共同作用的结果。

1. 层级是什么，为什么它重要

在讲影响界面层级的四个维度之前，我们先把界面层级这件事说清楚，因为很多设计师对层级的理解本身就有偏差。

层级不是"某个元素比其他元素大"，也不是"页面看起来有变化"。层级是读者视线的优先次序：在没有人指引的情况下，读者的眼睛会先落在哪里，停多久，再往哪里走，哪些信息可以直接跳过。

人在阅读一个陌生页面时，不会从左上角逐字读到右下角。视线会先被某些元素吸引，快速扫描整体结构，再根据自己的目的决定深入读哪里。这个过程发生在几秒之内，不受意识控制。设计师的工作是通过排版，让这个过程沿着正确的路径发生——让最重要的信息第一个被看到，次要信息在需要时找得到，辅助信息不干扰主线阅读。

层级没有建立起来的页面，视线不知道该先看哪里。读者要花额外的精力扫描全局，判断哪个信息是重点，这个判断过程本身就是认知负担。结果要么是读者放弃理解，要么是读者误判了信息优先级，得出了设计师不希望他得出的结论。

判断层级够不够，标准只有一个：读者在几秒内能不能分辨出哪个最重要、哪个次要、哪个是背景信息。能做到，层级就成立了；做不到，不管字号拉得多大，层级都是缺失的。

2. 字号的作用与局限

字号是我们建立层级最常用的手段，很多设计师会把重要的内容字号做大，把次要的做小。这个逻辑本身没有错，字号确实能传达优先级，大的元素比小的元素更容易引起读者的注意，这是视觉感知的基本规律。