Creating Hierarchy建立层级

视觉层次的作用

到目前为止，我们已经学习了如何利用空间来组织和构建排版。接下来，我们将探讨如何通过视觉层次进一步澄清并结构化我们的排版内容。

旧报纸与现代报纸的对比

100年前，报纸的首页通常长这样：

旧报纸布局
视觉上信息看起来几乎相同，排版显得混乱，阅读起来非常不便。唯一的阅读方式就是从顶部开始，逐步往下读，这对于想要快速了解当天事件的人来说非常不方便。

今天的报纸首页，通常是这样呈现的：

现代报纸布局
不同的信息类型看起来各不相同，且通过视觉突出显示重要内容。这样，读者可以快速浏览标题，或者迅速找到页面编号。

什么是排版中的视觉层次？

排版视觉层次（Typographic Hierarchy）是一种让不同内容看起来不同的策略，通过样式来反映不同内容的相对重要性。通过调整字体样式、大小、重量、颜色和设置等设计元素，我们可以清晰地区分信息的层级，帮助读者轻松获取重要信息。

---

如何建立有效的视觉层次

实践示例：样式调整

我们来看一个实际的例子，分别处理两个段落：一个重要的段落和一个不太重要的段落。通过以下步骤调整这两个段落的排版：

通过这些变化，我们实现了以下效果：

1. 字体大小：让重要段落的文字更大，吸引眼球。
2. 字体样式：使用斜体让不重要段落在视觉上有所区分。
3. 字体颜色：通过颜色的变化，使得不重要段落显得更轻盈、次要。
4. 字体粗细：加粗右侧段落的字体，使其稍微更突出。
5. 行间距：让重要段落的行间距较宽，强调其信息的舒适阅读。
6. 字体类型：使用无衬线字体，使右侧段落与左侧的有衬线字体形成对比。

最终效果

现在，我们有了两个完全不同的排版样式，它们在视觉上立刻可以被区分开来，并且能够清楚地传递不同的重要性。尽管两者风格有所不同，但由于紧密的字体搭配，它们仍然看起来相对统一。

---

应用到更复杂的排版设计中

如果我们将这种视觉层次策略应用到字体时间轴的排版示例中，你会发现，我们能够进一步提升信息的清晰度。

例如，当所有设计师的名字都被样式化为不同的方式时，我就能快速区分出这些内容类别，避免信息混淆。

---

视觉层次的重要性

正如空间布局一样，良好的视觉层次在排版设计中至关重要。它能使排版更加邀请并且易于访问，帮助读者轻松识别并处理信息。排版的核心目的就是清晰、简洁和易读，而有效的层次结构正是实现这一目标的关键。