排版——标题

标题为文本内容提供了额外的结构并创建了排版层次结构。没有它们，用户会看到巨大的文本块，他们可能难以理解和消化。此外，大块文本更难扫描相关信息。

实施适当的标题样式以分解逻辑部分中的内容可以改善读者的整体用户体验。它使他们能够快速轻松地找到对他们最重要的内容。它允许他们跳过不相关的部分。

标题

除了美学之外，标题在设计中还有一些重要的用途。最基本的目的是分隔内容的各个部分。当介绍一个重要的概念或主题时，通常会在其前面加上一个标题，以便让读者知道主题正在发生变化。

对象正在发生变化的视觉指示有助于提高可读性和可扫描性。读者通常会浏览较长的文本文档以找到他们正在寻找的信息。标题可以帮助他们轻松发现相关部分，同时还可以提高 SEO 和可访问性。

最后，标题和副标题有助于在文本内容中创建视觉层次结构。当读者登陆看起来像一堵坚固的文字墙的页面时（尤其是在数字产品中），他们不太可能继续阅读很长时间。标题将文本分解并提供结构，使内容对用户来说不那么令人生畏。

副标题

副标题在数字内容中以两种方式使用。第一个直接在标题或标题下（它们被称为字幕），以提供更多上下文。这在像 Medium 这样的网站上很常见，在文章标题下经常使用副标题。[1]

第二种情况是在文本中单独使用副标题，以突出主题中已经被标题分开的重要部分。这样做的目的是帮助内容的可扫描性，使读者更容易找到他们正在寻找的确切信息。

并非每条长篇内容都会使用副标题。有些会使用不止一级的子标题（因此子标题中有子标题）。应根据内容的结构决定是否以及如何使用子标题。如果它们的使用改善了用户体验，则包括它们。否则，将它们排除在外。

眉毛标题

眉毛标题，也称为踢脚线，是出现在标题或标题上方的短语。[2]它在那里为标题提供额外的上下文，通常用于指示内容是类别或系列文章的一部分。

作为一般规则，眉毛标题只能用在一段内容的标题上方。除非您有非常令人信服的理由，否则不要在您的内容中的部分标题上方使用它们。

此外，在排版层次结构中，请记住，当所有三个格式都正确时，您的眉毛标题可能会在您的文章标题和副标题之后被阅读。眉毛标题的格式通常不会与标题和副标题格式竞争注意力，因为它们包含不太重要的第三级信息。

规模

排版比例对于设计中的视觉层次至关重要。花时间为您的标题创建一个具有视觉吸引力和功能性的排版比例。

HTML 中有 6 个默认标题级别 (H1–H6)，但在绝大多数情况下，您不会使用全部 6 个级别。H1 是最大的，应该保留给文章或页面的标题。理想情况下，任何页面上都应该只有一个此标题级别的实例。H2 通常用于一段内容中的标题，H3 和可能的 H4 用于子标题。H5 和 H6 很少在内容中使用，尽管它们可能用于侧边栏、菜单或其他实例中的标题。

要创建比例，最好的起点是您的正文字体大小。虽然您可能不会使用所有 6 个标题级别，但您可能希望制作比例以包含所有标题，特别是如果您希望在设计中获得更高的印刷对比度。选择要使用的比例，然后根据该比例计算与正文字体大小相关的标题大小。

标题案例

标题大小写用于许多编辑风格指南中的标题或标题。标题大小写规定标题的第一个字母以及任何主要单词的大写，而次要单词全部小写。然而，风格指南之间存在很多关于什么是“小词”的争论。

在一些风格指南中，不同的标题级别使用不同的大写做法。例如，APA 风格指南对一级和二级标题使用标题大小写，但对三级、四级和五级标题使用句子大小写。

在设计文本内容时，要记住的主要事情是保持大小写一致。如果您在某些页面上使用标题大小写而不在其他页面上使用，它会给您的产品一种杂乱无章的感觉，甚至可能使它看起来不专业。

句子大小写

在句子大小写中，只有标题或标题的第一个字母大写。其余单词（专有名词除外）全部小写，与内容正文中的句子相同。

数字产品中标题的句子大小写的使用差异很大。但是，考虑句子大小写的一般经验法则与标题的长度有关。如果您的标题通常较长，那么使用句子大小写而不是标题大小写可能会提高可读性。

以上内容为转载