关键词：海空艺术书屋、版式设计、创意设计、画册设计、排版设计、版式设计、封面设计、平面设计、设计公司
（本文以英文排版来做实例解读）
了解如何使用排版层次结构对信息进行优先级排序。
排版就像第二种语言，在实际文字之外的更微妙的层面上交流。实际的内容是你说什么，但排版是你如何说的，这是给人留下的第一印象。
在受众阅读一个单词或单击菜单按钮之前，排版就创造了一种体验。排版不只是讲述一个故事，它创造了一种氛围和情感反应，就像声音的语气一样。如果网页设计中所有的视觉元素都融入了用户体验，那么排版当然会产生巨大的影响，尤其是在内容较多的网站上。拙劣或缺乏排版以及明显的语法错误都会让受众反感。
在这篇文章中，将讨论如何最大限度地使用排版。从探索排版层次结构的层次开始，然后深入到单个元素。
排版层次结构的级别
排版层次结构是视觉层次结构中的一个子集。排版层次结构排列文字，以便重要的词很容易让正在浏览信息的受众优先看到。
在网站上很容易看到哪些部分是最重要的
如果没有这个层次结构，设计中的每个字母和单词看起来都是一样的。设计应该像MS DOS命令提示符一样具有视觉吸引力。作为一般规则，设计师Carrie Cousins建议字体至少支持三个层次结构。
试着把排版所用字体塑造成这些层次（级别）:
01.一级层次
页面上最引人注目的文本，通常比其他文本层更大且颜色更亮。因为这个层级字体如此强大，所以应该是稀疏的——保留它只为标题和模板。
02.二级层次
二级层次与主要级别相比不太明显，但比主要内容更引人注目，二级级别处理介于两者之间的所有内容。此级别在大小和颜色上具有一些最小但独特的元素，通常包括副标题、标题、引文、信息图表或与主要内容分开的支持性文本块。
03.三级层次
这是指最主要的内容，也是最常见的，也是最不引人注意的。它应该简单而不浮华——其他层次的目标是吸引注意力，这一层的目标是鼓励读者沉浸在文本中，从而减少分心。
04.其他级别
通过对三级层次稍加应用斜体、颜色、粗体、下划线和其他效果，可以创建更小的层次结构。这些层次可能包括下划线链接，用于在段落中强调的几个粗体字等。出现在横幅、徽标或其他背景图形中的文本也属于此类别。
视觉层次结构示例
为了说明正确使用排版层级的区别，让看一下下面Jon Tangerine的示例。
这里的字体排版有三个不同的层次，可以在不解释任何事物的情况下清楚地解释每件作品的元素。让我们看看第二项：
标题显然是“We, Who Are Web Designers”，但为什么这么明显呢？文本更大（大小）、更粗（粗细），并设置在左上角观众视线首先看到的地方（位置）。
第二个层次是出版日期，它的大小和颜色与文本的其他部分不同，并且还用斜体来区分。
第三个层次，文章预览，没有任何功能。与其他层次相比，它可能看起来平淡无奇，但这是为了让读者在欣赏实际内容时不会分心。
排版中的层次结构元素
你对哪一部分感兴趣?
与其他设计领域一样，排版遵循其自身的结构层次。了解排版层次就像了解如何使用排版，特别是了解如何让某些文本优先于其他文本。
通过操作下面的字段，你将更好地控制排版，从而更好地引导受众的视线。
01.大小
排版层次结构的基本单位。不同大小的文字吸引不同程度的注意力。
02.粗细
粗体？还是细体？
文本的粗细体，可通过粗体来实现受关注。虽然比大小更微妙，但它仍然是使文本脱颖而出的直接方法。加粗对于增加三级字体特别有效。
03.斜体
斜体字比粗体字更容易引起注意。因为这是一个微妙的触感，所以这适用于第三种层次。
04.大写
就像用大写写的电子邮件，看起来像你在大喊大叫一样，这同样适用于网页排版。在使用大写字母时一定要小心，因为它们会显得格外大，而且会突然出现在前景中。
05.颜色
现在我们来看看复杂的因素。暖色(红色、橙色、黄色)往往比冷色(蓝色、紫色)更能吸引注意力，特别是当暖色文本与冷色背景设置在一起时。色彩对比也很重要，因为饱和或明亮的颜色比柔和的颜色更突出。
06.对比
任何这些因素之间的对比——尺寸、重量或颜色——都会引起注意。对比标题和正文的字体有助于创建层次结构。
07.空间
空白可以使文本显得更大（因此更具可读性）。空间不足会使文本感觉更局促和更小。每个空间都会影响层次结构，从简单的字距调整到单词与屏幕边缘之间的关系。
08.位置
如果距离较远，“Read on ”的影响力就会小
接近可以是一种快速而简单的传达意义的方式。
09.方向
混合单词和字母的排版方向，以增强影响力。
将字母和单词横向、对角或倒置会增加视觉吸引力。这种效果为用户创造了令人惊讶的视觉效果。这对于在主要文本中强调短词/短语特别有效。倾斜、旋转到垂直和其他方法会立即将用户集中在受影响的文本上。
10.纹理
不同的排版元素为页面添加纹理。
纹理是非常主观的，是最难掌握的元素之一。这不是指字体本身的纹理，而是指通过页面上的排版图案创建的纹理。每个文本块都会产生自己的图案，因此要创建纹理，请通过更改任何其他元素来打破图案。谨慎使用，否则会分散注意力。
海空艺术书屋
本文由海空设计翻译并编辑，如需转载，请标明出处，谢谢。