人们不喜欢在网上阅读。他们经常同时处理多项任务,在选项卡、电话通知和工作职责之间切换。如果呈现大量文本,大多数人会直接跳过它以寻找更容易消化的内容。
格式良好的段落使文本内容更易于阅读,更易于用户消化。它们是写作的基石,一次呈现一个想法并提供内容组织和结构。它们对于保持可读性和使所有用户都可以访问数字产品至关重要。
各种段落格式化技术旨在提高可读性和可扫描性,以帮助用户花费更少的精力来查找他们需要的信息。
行长
根据美国技术转换服务 (TTS) 制定的指南,建议的行长应在 45-75 个字符之间,包括空格。从可访问性的角度来看,长于这个范围的行很难在大块文本中遵循。另一方面,短线也不是最好的解决方案:由于它们突然结束,用户的眼睛不得不经常来回移动。最终,他们会感到疲倦,注意力也会减弱。为避免这种情况,请坚持建议的范围。
标题、说明和标签不需要遵守相同的行长考虑,并且可以更短。
行高
行高或行距是段落中行之间的垂直距离。通常,它取决于大小和字体本身。较大的字体大小和行宽需要较大的行高。
字体大小的百分比定义了行高,最佳值应该是所选字体大小的 150% 左右。例如,如果字体大小为 16px,则 24px 的行高是一个很好的起点。
150% 的行高在行之间创建足够的空间并使文本可读,防止相邻行上的字母相互碰撞。但是,250% 的大行距会使文本看起来不自然,并且用户更难以跟上线条。
您可以使用GRT 计算器计算最佳行距和字体大小。
段落间距
段落不会凭空出现。作为设计师,我们的工作是添加空格和格式化段落,以将难以消化的内容分解成合乎逻辑的片段。此外,当行和段落之间没有足够的空间时,有认知和视觉障碍的人会发现很难跟踪文本。
WCAG 建议段落间距应至少比常规行间距大 1.5 倍。换句话说,段落之间有一个空行,很容易与常规换行符区分开来。
左对齐
在英语和大多数欧洲语言中,人们从左到右阅读和写作。这就是为什么左对齐或“左对齐”是网络上最常见的对齐方式之一。它感觉很自然,模仿我们眼睛的流动,并保证大篇幅的写作具有更好的可读性。
此规则不适用于从右到左的语言,例如阿拉伯语、希伯来语、波斯语或乌尔都语。在这些情况下,右对齐(右对齐)文本更具可读性。
标题和说明可能使用其他对齐类型,但正文应保持左对齐。
居中对齐
虽然居中对齐使页面看起来对称,但它会减慢阅读过程,尤其是对于有认知或视觉障碍的用户。应用居中对齐时,文本会创建突然的、不均匀的边缘,迫使用户从稍微不同的点开始每一行。
为标题、副标题、块引用、号召性用语按钮和其他应该破坏文本流以吸引用户注意力的元素保存中心对齐
有对齐
与左对齐是从左到右语言最常见的类型相同,右对齐对于从右到左语言来说是自然的。在全球范围内,有 12 种从右到左的语言,包括阿拉伯语、希伯来语、乌尔都语、波斯语、南阿塞拜疆语(在伊朗阿塞拜疆地区使用)、亚拉姆语(在伊拉克北部、土耳其东南部、叙利亚东北部和伊朗西北部使用) 、迪维希/马尔代夫和富拉尼(在西非、中非和苏丹很常见)。
反过来,右对齐是从左到右语言最不自然的类型,因为它与人们阅读和写作的方式相矛盾。与居中对齐一样,它会创建文本段落的不均匀边缘,使其难以扫描。
什么时候右对齐在设计中适合从左到右阅读的语言?
• 用于图像说明或其他短语,以在信息块之间创建重点。
• 用于表格中的数字以有效地比较它们。
段落长度
Twitter 凭借其简短的消息 (Tweets) 流行起来有充分的理由:简短的文本块对用户更友好。简洁但充分发展的段落更易于阅读和浏览,特别是如果文本使用标题和副标题来引导读者浏览页面。
但是什么段落长度最好?尽管对于最佳段落长度几乎没有共识,但作为起点,请尝试每段 2-3 个句子。但是,您不应该关注这个限制。相反,每段包含不超过 1 个想法,并密切关注页面结构。段落应该帮助您创建一个漂亮、平衡的构图,并作为导航锚出现,引导用户而不是混淆他们。
缩进段落
段落不会自然地出现在文本中。在早期的印刷书籍中,段落分隔符用两条水平线 (||) 的符号标记。后来,在 17 世纪,图书出版商开始使用缩进(段落第一行开头的空格)和换行符来为文本添加停顿。
如今,设计师发誓通过结合缩进、换行和/或段落间距来将内容画布变成简短而吸引人的文本块。但是,不要通过使用过多的信号(如缩进和额外的行间距)来过度格式化段落,从而创建难以理解的不清楚、不稳定的文本块。
大写字母
在印刷书籍发明之前,手稿作者使用 首字母大写 或 verals(大型装饰性首字母)来标记新章节或章节的开始。随着印刷术的诞生,出版商不断添加手绘首字下沉以模仿手写手稿并增加书籍的价值。
如今,排版师和设计师使用首字下沉来创造优雅、经典和书卷气的外观。用户在文章的第一段、书籍章节或新章节的开头会遇到那些放大的装饰字母。
有几种方法可以放置首字下沉,这样它们就不会破坏页面结构:
• 将首字下沉放置在与文本相同的基线上,将文本块的第一个单词设置为小写字母以平滑过渡。
• 将首字下沉切入文本,使其环绕字母。
• 将首字下沉放在文本旁边,让它悬在左边距而不流入文本块。
不要使用首字下沉来标记每个新段落。相反,坚持缩进、换行或其他视觉提示。
列表
设计师使用文本中的列表来排列信息,并允许用户更快、更有效地导航选项。当我们提供列表的视觉格式时,我们必须确保有认知或视觉障碍的用户获得相同的体验。
屏幕阅读器用户应该能够在列表选项之间跳转并区分子列表(如果有的话)。
• 对无序列表使用项目符号、破折号或星号。
• 对有序列表使用数字。
• 对子列表使用缩进(必要时加上项目符号或数字)。
• 避免手动格式化。
• 确保每个列表项都使用 <li> 标记正确格式化。
拉引语
顾名思义, 拉引语 是从文章中提取并作为图形元素插入页面布局的关键短语、引语或摘录。与块引号相比,拉引号在正文中重复精确的短语。目标是吸引用户的注意力并突出关键主题。它还可以帮助读者浏览内容并专注于最重要的部分
通常,拉引号使用不同的字体、大小和样式来突出正文。至于它们的位置,拉引号通常设置在内容的一侧。
块引用
块引用,也称为摘录、抵消引用、长引用或显示引用,字面上看起来像块。它们指的是从正文中引出的直接引用,因为它们太长而不能放在文本内的引号中。该段落从新行开始,并从左边距缩进。
但是,与拉引号相比,它们包含独特的内容(来自外部来源的引用),在文章中不会重复并突出作者身份。
块引用通常可以通过使用不同的字体(通常是斜体)、字体样式或大小或缩进来与周围的文本区分开来。
什么时候应该使用块引用而不是在常规正文中包含引用?通常,超过 4-5 行的引用应该被屏蔽。但是,对块引用长度的要求因您使用的指南而异。例如,《芝加哥风格手册》建议在典型手稿中引用超过 8 行或 100 字时使用块状引用。
以上内容为转载
网友评论