视觉层次结构的控制还涉及到一个关键的部分，就是字体和排版。不同的字体组合，不同大小的字体搭配，同样直接影响着视觉层次的构建。标题和展示性的文本所使用的字体和正文部分的字体应该着明显的对比，这样的对比一般是通过字体家族、色彩和大小来进行区分，Banner 中的展示性文案、正文标题、副标题、正文内容这些内容所处层次不同，重要性不同，功能也不尽相同，自然也就处于不同的层次。不过，通常而言，设计师需要将字体数量控制在3种以内，太多的字体会让整个设计显得凌乱不堪。

　　9、桌面端3层级，移动端2层级

　　在具体的内容层级控制上，桌面端和移动端有着不一样的要求。在相对较大的桌面端屏幕上浏览网页的时候，3个层级的信息能够让页面看起来丰富，但是信息的呈现又足够清晰有条理，主要和核心的信息最容易吸引用户的注意力，这是第一个层级;易于扫视的文本内容以标题和副标题的形式呈现，帮助用户对于内容有基本的了解，而正文和说明则将内容更为具体地展现出来，供用户仔细阅读。

　　但是移动端的情况则截然不同，小屏幕上并不足以承载3个层级的信息展现，通常设计师会将内容划分为两个层级，这样用户便于吸收，UI看起来足够清爽直观，用户也不会因为层级过多而感到混乱。

　　结语

　　高效的层级构建不仅仅是美学层面上的事情，它同样是功能性的。有效的层级结构搭建帮助用户更轻松获取信息，更能帮助产品更容易达到商业目标，这不是皆大欢喜么?