打开一份报纸，你的目光首先会落在标题上，然后才是正文。这种顺序就是视觉层级的体现。设计师通过大小、颜色、对比度、间距和位置来安排元素，引导读者按一定的顺序阅读。其目的并非装饰，而是引导。如果页面缺乏层级，读者就需要自己去判断哪些内容重要，而大多数人根本不会费这个劲。

尺寸是最直接的工具。大标题比小标题更醒目。颜色和对比度的作用则更为微妙。灰色表单上的一个红色按钮之所以能吸引眼球，是因为它打破了整体的视觉模式。位置也很重要。西方读者的阅读习惯是从左上到右下，所以将关键内容放在这个路径上会很有帮助。留白在这里发挥着重要作用。用空白区域将某个元素隔离出来，无需添加任何线条或方框，就能凸显其重要性。

用于构建层级的工具

• 比例尺：先看较大的元素。
• 对比：强烈的差异会吸引注意力。
• 色彩：暖色调和饱和色调逐渐显现。
• 间距：隔离意味着重要性。

当所有元素都过于张扬时，层级结构就会失效。如果每个元素都粗体、大号且色彩鲜艳，那么就没有哪个元素能够脱颖而出。克制才是突出重点的关键。