339

网页布局是网页设计的关键部分。它不仅会影响网页的美学，而且还会直接影响用户体验的质量。但是，在实际操作中，许多设计师通常会犯有不起眼但可能影响整体效果的错误。本文将为您总结10个常见的网页布局错误，并邀请行业专家为我们提供一些实用的建议和技巧，以帮助您避免这些错误并提高网页布局的质量。

短腿僵尸木材：互联网上超过95％的信息是书面的。优化的排版是为了优化可读性，可访问性，可用性和整体图形平衡。换句话说：优化排版也是优化用户界面。本文将提供一组规则，以帮助您提高文本内容的可读性和可读性。

1。使用的字体数量最少

使用3种以上不同的字体使该网站看起来非结构化且不专业，太多的类型尺寸和样式也会一次破坏任何布局。

一般而言，整个网站的字体数量仅限于两种类型的最多，而一种通常足够。如果您使用多个字体，请确保基于字符宽度的字体系统是互补的。如图所示：左组的字体相对和谐，而右侧字体的厚度对比度太明显了，这使得轻微和较重的比例看起来非常不和谐。

2。尝试使用标准字体

字体嵌入式服务（例如Web字体或）具有许多有趣且标准的系统字体，并且由于用户对标准字体更熟悉，因此可以更快地读取它们。

除非您的网站对定制字体非常有吸引力，例如品牌或创建沉浸式体验，否则通常最好使用系统字体。

3。限制线长度

如果您想要良好的阅读体验，则每行约60个字符。在每行上拥有正确数量的字符是您文本可读性的关键。如果每条文本太短，则必须反复折叠视线以打破读者的节奏。如果文本线太长，则用户的眼睛很难专注于文本。

对于移动设备，每行应具有30-40个字符。这是移动设备上查看的两个网站的示例。第一个使用每行50-75个字符（打印和桌面的每个行的最佳字符数），而第二个则使用最佳的30-40个字符。

4。选择各种尺寸的字体

确保您选择的字体在较小的屏幕上清晰可见！

字体很难在小屏幕上阅读：

5。使用字母呈现字体

许多字体使混淆相似的字母变得容易，尤其是使用“ I”和“ L”（如下所示），因此在选择字体类型时，请确保在不同上下文中检查您的类型以确保不会给用户造成问题。

6。避免使用英语的所有资本

请不要强迫用户阅读所有大写字母。与小写类型相比，这只会大大延迟用户的扫描和阅读速度，从而导致它们在几分钟内爆炸。

7。不要最大程度地减少线间距

线间距通常是字符高度的30％，以良好的可读性。

与行间距相比，段落之间的间距可以增加20％，空白空间可以为用户提供消化内容的时间。下图的左图：几乎重叠的文本。右：良好的间距有助于可读性。

8。确保您有足够的颜色对比度

请勿在文本和背景中使用相同或相似的颜色。文本越明显，用户可以扫描和读取的速度越快。

这些文本行不符合颜色对比建议，并且很难根据背景颜色阅读

这些文本线与颜色对比度建议一致，并且易于阅读背景颜色

9.避免着色为红色或绿色

建议除了颜色之外使用其他线索来区分重要信息。另外，避免单独使用红色和绿色传达信息，避免色盲用户无法平滑阅读的情况。

10。避免使用闪烁的文字

闪烁或眨眼的内容会使某些敏感的人发疯，对于普通用户来说，这可能会令人讨厌或分散注意力。

综上所述

至关重要的是要使布局可读，可理解，清晰和清晰。这是至关重要的。良好的排版可以使您的网站感到清新和引人注目。另一方面，不良的排版选择是分散注意力的。排版是为了更好地呈现内容，应以不会增加用户的认知负载的方式来尊重内容。

网页布局