版式设计|【海平面】排版层次结构：它是什么以及如何使用它？版式设计

关键词：海空艺术书屋、版式设计、创意设计、画册设计、排版设计、版式设计、封面设计、平面设计、设计公司
（本文以英文排版来做实例解读）
了解如何使用排版层次结构对信息进行优先级排序。

本文图片

排版就像第二种语言，在实际文字之外的更微妙的层面上交流。实际的内容是你说什么，但排版是你如何说的，这是给人留下的第一印象。
在受众阅读一个单词或单击菜单按钮之前，排版就创造了一种体验。排版不只是讲述一个故事，它创造了一种氛围和情感反应，就像声音的语气一样。如果网页设计中所有的视觉元素都融入了用户体验，那么排版当然会产生巨大的影响，尤其是在内容较多的网站上。拙劣或缺乏排版以及明显的语法错误都会让受众反感。
在这篇文章中，将讨论如何最大限度地使用排版。从探索排版层次结构的层次开始，然后深入到单个元素。

本文图片

排版层次结构的级别
排版层次结构是视觉层次结构中的一个子集。排版层次结构排列文字，以便重要的词很容易让正在浏览信息的受众优先看到。

本文图片

在网站上很容易看到哪些部分是最重要的
如果没有这个层次结构，设计中的每个字母和单词看起来都是一样的。设计应该像MS DOS命令提示符一样具有视觉吸引力。作为一般规则，设计师Carrie Cousins建议字体至少支持三个层次结构。
试着把排版所用字体塑造成这些层次（级别）:
01.一级层次
页面上最引人注目的文本，通常比其他文本层更大且颜色更亮。因为这个层级字体如此强大，所以应该是稀疏的——保留它只为标题和模板。
02.二级层次
二级层次与主要级别相比不太明显，但比主要内容更引人注目，二级级别处理介于两者之间的所有内容。此级别在大小和颜色上具有一些最小但独特的元素，通常包括副标题、标题、引文、信息图表或与主要内容分开的支持性文本块。
03.三级层次
这是指最主要的内容，也是最常见的，也是最不引人注意的。它应该简单而不浮华——其他层次的目标是吸引注意力，这一层的目标是鼓励读者沉浸在文本中，从而减少分心。
【版式设计|【海平面】排版层次结构：它是什么以及如何使用它？】04.其他级别
通过对三级层次稍加应用斜体、颜色、粗体、下划线和其他效果，可以创建更小的层次结构。这些层次可能包括下划线链接，用于在段落中强调的几个粗体字等。出现在横幅、徽标或其他背景图形中的文本也属于此类别。
视觉层次结构示例
为了说明正确使用排版层级的区别，让看一下下面Jon Tangerine的示例。

本文图片

这里的字体排版有三个不同的层次，可以在不解释任何事物的情况下清楚地解释每件作品的元素。让我们看看第二项：
? 标题显然是“We, Who Are Web Designers” ，但为什么这么明显呢？文本更大（大小）、更粗（粗细），并设置在左上角观众视线首先看到的地方（位置）。
? 第二个层次是出版日期，它的大小和颜色与文本的其他部分不同，并且还用斜体来区分。