优化网站排版也是一种优化用户界面的方法。在本文中，作者将分享一套规则，帮助您提高文本内容的可读性和可读性。

沟通在设计中起着至关重要的作用——它建立网站和用户之间的联系，帮助他们实现他们的目标。当我们谈论网页设计中的交流时，我们通常指的是文本的输出。

印刷术在这一过程中起着至关重要的作用：超过95%的信息是以书面形式出现的。好的排版使阅读行为变得容易，而糟糕的排版使用户关闭页面。网页设计是95%种排版设计：

换句话说，优化网站排版也是优化用户界面的一种方式。在下面的文章中，我将提供一组规则来帮助您提高文本内容的可读性和可读性。

使用超过3种不同字体会使网站看起来不结构化和不专业。请注意，使用更多字体样式可以一次性破坏所有布局。

一般来说，字体的数量被限制在最小（两个以上，一个正好）。如果使用多个字体，请确保字体具有序列感，并且其字符宽度是相辅相成的。以以下字体的组合为例：格鲁吉亚和韦尔达河。Na（左）结合创建一对和谐的相似价值观。相比之下，巴斯克维尔和冲击（右）显著地掩盖了SerIFs的不匹配，创造了更好的视觉体验。

字体嵌入式服务（如谷歌Web字体或Type KIT）有许多有趣的字体，为您的设计提供创新、新鲜和意想不到的效果，而且它们也非常方便使用。以谷歌为例：

除非你的网站有足够吸引人的自定义字体（例如品牌化或创建沉浸式体验），最好使用系统字体。更安全的方式是使用系统字体：Arial、Calibri、Tebe等。记住好排版会吸引读者而不是文本I。我自己。

每行放置适当数量的字符是文本可读性的关键。它不仅是你的设计，它决定了你的文字宽度，它也应该是一个可读的问题。

如果你想要一个好的阅读体验，你应该限制每行大约60个字符。每行有合适的字符数是文本可读性的关键。

如果一条线太短，眼睛必须经常回过头来打破读者的节奏。如果一行文字太长，用户的眼睛将不能长时间聚焦在单行文本上。图像来源：材料设计

对于移动设备，每行基本上是30-40个字符。下面是移动设备上浏览的两个网站的例子。第一个使用每行50-75个字符（每行和桌面最好的字符数），而第二个使用最好的30-40个字符。

用户将从具有不同屏幕大小和分辨率的设备访问您的网站。大多数用户界面需要不同大小的文本元素（按钮文本、字段标签、部件标题等）。选择适合各种尺寸和分辨率的字体以保持每个尺寸是很重要的。可读性和可用性。

确保你选择的字体在较小的屏幕上是清晰可辨的。尽量避免像Vivaldi这样的脚本字体（在下面的例子中）：虽然它们很漂亮，但是很难阅读。

许多字体可以很容易混淆类似的字母形式，特别是与I和L（如下所示）和字母间距差。

例如，当R和N看起来像M.时，在选择类型时，一定要在不同的上下文中检查类型，以确保它不会对用户造成问题。

所有的大写字母——意思是所有字母的文本——在没有阅读的上下文中（例如缩写词或徽标）看起来都很漂亮，但是当你的信息涉及阅读时，不要强迫所有的大写字母被使用。正如Miles Tinker所说，在他里程碑式的工作可读性中，所有大写字母都会增加。扫描和读取的速度，与小写类型相比。

在排版中，我们有两个文本行（或行高）之间的间距的特殊术语。通过增加行的高度，可以增加文本行之间的垂直空白空间，并且通常增加屏幕空间返回的可读性。字符高度提高可读性。

正如Dmitry Fadeyev指出的，正确地使用段落之间的空格可以增加20%的理解力。使用空白技能可以为用户提供知识，这些知识可以改变知识，然后断开无关的细节。

文本和背景不应使用相同或相似的颜色。文本越明显，用户扫描和阅读的速度就越快。W3C建议正文文本和图像文本之间的对比如下：

一旦选择了颜色，在大多数设备上测试真实用户是绝对必要的。如果任何测试都显示了阅读文本的问题，那么您可以确保您的用户有完全相同的问题，然后以统一的方式解决。

色盲是一种常见的情况，尤其是男性（8%的人是色盲），建议使用除颜色以外的其他光缆来区分重要信息。此外，避免使用红色和绿色单独传达信息，因为红色和绿色的色盲是最多的。色盲的常见形式。

闪烁本身或闪烁的内容可能触发敏感个体的神经攻击，它不仅会引起神经阻力，而且可能对一般用户来说是恼人的或分散注意力的。

文本排版是一个重要的设计领域。正确的排版选项可以使您的网站感觉更新，因此排版的可读性、清晰度和清晰度非常重要。文本排版的存在是为了突出内容，内容的可读性应该以一种方式来增强。不增加用户的认知负荷。