让页面在瞬间明白易懂的一个好办法是确保页面上所有内容的外观——所有的可视线索——清楚，而且能准确地表述页面上内容之间的关系，哪些内容相关，哪些内容是其他内容的组成部分，换句话说，每个页面都应该有清楚的视觉层次。

一个视觉层次清楚的页面有三个特点：1、越重要的部分越突出。最重要的标题要么字体更大、更粗，颜色更特别，旁边留有更多空白；要么更接近页面的顶部——或者以上几点的综合。2、逻辑上相关的部分在视觉上也相关。可以把相近的内容分成一组，放在同一个标题之下，采用类似的显示样式，或者把它们全部放在一个定义明确的区域之内。3、逻辑上包含的部分在视觉上进行嵌套。例如，一个分类的标题出现在某本具体书籍书名的上面，在视觉上包括书籍区域，因为该书籍属于这个标题，而且书籍的标题也要横向覆盖这本书的元素。

好的视觉层次通过预先处理页面，用一种我们能快速理解的方式对页面的内容进行组织并区分优先级，从而减少了我们的工作。但是，如果一个页面没有清楚的视觉层次，所有内容看起来都一样重要，我们会选择低扫描页面的速度，寻找关键的文字和短语，然后拼凑出我们感觉重要的内容和内容的组织方式，这样就增加了很多工作。