建立清楚的视觉层次

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

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