排版——字幕

在您真正需要它们之前，通常不会注意到图像标题。它们在帮助用户更快地扫描页面并一目了然地获得重要信息方面发挥着至关重要的作用。它们还有助于产品的可访问性，允许屏幕阅读器的用户访问视觉内容。如果设计得当，字幕也有助于品牌的视觉表现。

字幕的目的

在排版层次结构中，标题代表页面上最小的字体大小，通常小于正文。字幕代表伴随视觉内容的简短解释。它们还可以包括对照片、图像、插图、图表等的作者或版权所有者的致谢。

字幕的作用类似于锚点，可帮助用户浏览内容并仅抓住与他们最相关的信息。除此之外，字幕为视觉内容提供额外的上下文，并帮助有视觉或认知障碍的用户。

为所有图像提供标题，除了包含视觉兴趣但不传达信息的装饰性图像。

选择字幕字体

在决定字幕的字体时，请记住它应该在非常小的尺寸（6-9 pts）下保持清晰。考虑以下标准：

• 无衬线字体在较小的尺寸下比衬线字体更具可读性。

• 字体应该包括在较小尺寸下更易读的细变体。

• 字体具有较大的 x 高度。

• 字体有更多的开放计数器。

• 字体有更多的开放字母间距。

字幕样式

通常，标题看起来非常简约：位于图像侧面或下方的黑色或灰色文本。为了增加视觉趣味，设计师使用斜体并尝试颜色，在较暗的背景上应用较浅的颜色。将鼠标悬停在图像上时，某些字幕会显示为叠加层。

当您决定为字幕添加更多品牌个性时，请牢记可访问性。字幕必须清晰易读并符合 WCAG 颜色对比建议。此外，不要使用对阅读障碍用户来说难以理解的斜体，而是使用粗体字母来强调或对比。

字幕大小

至于标题是次要文本，它们应该不那么突出。平均而言，字幕比正文小 2 像素左右，以清楚地传达它们的重要性。

例如，如果正文是 16 像素，则标题可以是 14 像素。当大于此值时，字幕可能更难与普通文本区分开来。

字幕位置

字幕的主要目标之一是伴随并简要提供有关视觉内容的附加信息。它解释了为什么标题应该出现在图像、照片或插图下方。此外，这样字幕不会分散没有视觉或认知障碍的用户查看内容的注意力。

字幕辅助功能

字幕和替代文字在同一条船上：它们帮助在查看图像、处理视觉或使用屏幕阅读器访问内容时遇到困难的用户。不要重复可以从替代文本或图像中获得的信息，这样用户就不需要听到两次相同的信息。

提供大量信息的复杂图像（如图形、图表或信息图表）强烈需要引用关键内容和标题的标题和扩展描述。

如果标题非常具有描述性，则替代文本可以很简短。

字幕案例

任何超过 2-3 个字且全部大写的文本都会变成一个喊话，用户阅读困难，甚至可能失去兴趣。为什么会发生这种情况？

已经进行了许多研究来解释它。一项研究表明，人们不会逐个字母地阅读，而是识别升序和降序单词的轮廓。所有大写字母都没有这些变化，这使得阅读所有大写字母的较长文章变得更加困难。

最近的研究证明了这种解释，并表明人们发现很难阅读所有大写字母，因为他们不习惯它。缺乏练习会减慢阅读速度，使信息更难消化

无论您喜欢哪种理论，所有大写字母对普通人来说都是陌生的，这使得文本特别难以消化。此外，大多数屏幕阅读器会一个字母一个字母地拼出全部大写的文本，从而导致糟糕的用户体验。标题、副标题、标签和其他短语可以全部使用大写字母。然而，字幕看起来难以辨认，并且会带来更高的认知负担。

反过来，在句子的情况下，字母更有特色，文本感觉熟悉和自然——毕竟这就是我们长大后的阅读方式。

以上内容为转载