【合理的段落格式】提高移动设备可读性的字体排版的7条准则

保持整个像素的线条，那么这样做。

设计人员的标准方法是使用基线网格进行打字，但对于移动设备，我们需要使用x高度（x高度实际上是小写’x’的高度）。我们从易读性研究中了解到：大脑识别出文字的顶部，而不是底部，因此为了获得更大的扫视流，我们需要确保角色的顶部与像素最紧密地对齐。

五、不要丢失你的抹布（文字的起伏边缘）

一块抹布，是一块文字的边缘。您阅读的大部分内容都是左对齐（至少对于拉丁语言而言），导致右边缘参差不齐。

当你的眼睛从一条线的一端跳到下一条线时，如果所有的跳跃都是一致的，那么大脑就能更好地判断下一次跳跃的角度和距离。想想它是穿越踩踏石头的，它是很多的如果它们的间距一致，则会更快。因此，文本的左边缘应该是平的，每条线从同一个地方开始（对于从右到左阅读的语言，情况正好相反）。

因此，您不应该居中对齐超过两行或三行文本。

通常，文本是合理的，这意味着线上的文字是相等的间隔，以便两边都没有抹布。（我怀疑合理的文本是时髦的，因为响应式设计教会设计师在块中进行思考。）合理的文本导致不一致的空白，并且在最坏的情况下导致一行上的几个单词，这是非常刺耳的。更短的措施加剧了合理文本的问题，因此在移动设备上无法读取合理的文本。

从左到右：左对齐，居中对齐，两端对齐。

如果整洁对你来说真的很重要，那么用文字连字来软化抹布，但永远不要在移动设备上证明文字是正确的。

衣衫褴褛的右侧文本在移动设备上有额外的好处：文本通常在分散注意力的情况下阅读，读者经常会远离文本——检查电台名称或接听电话。抹布在右侧立柱上创建一个随机形状，帮助眼睛重新定位其最后位置，重新读取最少。

六、降低对比度（减少反差）

虽然我们希望鼓励文本和背景之间的对比，但我们希望在不同类型的类型之间减少它。

这样做的原因是我们的大脑根据背景判断重要性。您的标题可能是桌面上正文大小的两倍，甚至三倍，并且因为屏幕上有更多文本，因此可以正常工作。在移动设备上，可见的文本明显减少，因此对比度变得夸张。

大多数设计师使用某种Fibonacci序列来调整文本大小。对于移动设备，请将比率调高以降低类型尺寸的对比度。例如：如果您使用黄金比例来增加尺寸，则乘以0.618。对于移动设备，请采用较小的比例并乘以0.382。

桌面屏幕比移动屏幕容忍更极端的印刷尺度。

七、根据比例调整跟踪

当我们调整移动设备的字体大小时，我们需要了解跟踪中的必要更改。

（让我先说明你不应该调整字距.Kerning是两个字母对的间距，这样它们之间的空间与其他字符之间的空间在视觉上是一致的。当字体构建时，Kerning被添加到字体中，它可能需要数月。如果您选择了专业构建的字体，那么它已经正确完成，如果您认为它没有正确完成，请找到不同的字体。）

跟踪不是字距调整，跟踪是应用于字体中所有字符的字母间距，您通常也不应该调整跟踪。

该规则的例外情况适用于大文本，例如标题和小文本，例如脚注。较大的文本需要较少的跟踪，较小的文本需要更多的跟踪。前者是由于分组，后者是为了有利于对比。如果您对标题进行了更改，或者您正在使用通常具有更严格跟踪的显示字体，则可能需要在缩小时稍微放松跟踪。

摘要

排版是设计师花费终身珩磨的工艺，正是因为每种文字，每种字体和每种技术都带来了新的挑战。没有严格的规则会在每种情况下始终有效。

当你渴望可读性时，你需要记住三个原则：顺畅的线条流动，清晰的空间层次和充足的对比度。对于移动网络尤其如此。

没有任何规则不能被你自己的证据所推翻，但这里的指导方针将成为移动设备上精美布局文本的理想起点。

原文地址：webdesignerdepot

译者：@下班之后

本文由@乔心 翻译发布于人人都是产品经理。未经许可，禁止转载。

ti’tu