16个网页文本排版设计中的常见错误

上期我们介绍了15个着陆页设计中的常见错误, 这期我们继续来聊网页文本排版设计中常见的错误。

1. 一大长串的文本

一大块文本比较难阅读。为了引导阅读,应将其拆分为段落或引入短语、图片之类的进行分段。

2.标题离前一段和下一段之间的距离相同

标题不应该离上下段都是一样的距离,它应该属于下一段,标题上方的距离应该比下方的距离大2-3倍。同时,标题下的距离应该跟段落之间的距离大致相同或稍微大一点。这样,标题的视觉效果是跟后文联系在一起的。

3.没有逻辑顺序

在排版中,对比用于在视觉上划分不同级别的文本并建立严格的层次结构。主标题应该是页面上最突出的,副标题应该相对较小但仍然清晰可见。

4.内容块上方和下方的间距不同

如果内容块的重要程度一样,则他们彼此之间的距离要相等。

5.标题位置太靠近图片了

一方面,插图及其标题本应该形成一个整体,但这两个元素是独立的,并且标题不应干扰图像。

6.副标题和文本之间的间距太小

小标题和后面的文本属于一起,但如果文章中段落之间的间距大于子标题和下一段之间的间距,则该文章看起来脱节。

7.突出元素放置得太靠近正文

用作重点表达的元素(如关键短语或引号)是独立的对象。要让它们真正脱颖而出,请将它们设置为离上下的正文75-120像素的间距。

 

8.不够明显的额外元素

如果您想强调某个短语,请将这部分加粗,让这个短语的字体大于主文本约10-15 px。让关键短语从文本中脱颖而出。

9.窄小的文本块添加色彩背景

如果您想突出显示页面的一小部分(例如作者信息),只需在这个元素的周边设置足够的间距,不需要将此部分内容填充色彩背景,看来起不协调。

不要再为子标题填充背景色,使用更大的字体和留出足够间距已经是页面的焦点了。

10.两个全屏图片之间有留有空白区域

在序列中使用多个全屏图像时,请避免在它们之间留出空格。图片边框仍然可见,并且无需添加其他元素。

 

11.使用了太多的设计标记

在文本中加粗字体通常没什么效果,到处都是加粗的字体会影响阅读。

12.排版样式太多

设计不应该影响可读性。排版样式越少,重要的元素就越明显。

13.在长篇文章中让文本居中

居中通常应用于标题和块引号,以区别于文本的其余部分。居中长文本会导致文本难以阅读。

14.标题太靠近图片

标题是一个独立的设计元素。它不应该太靠近随后的图片。一个好的设计应该设置不小于60像素的填充,并添加一个子标题 - 它将展开页面的内容并将正确的重点放在您需要的位置。

15.用错文本的斜体

斜体用于突出显示文本中的单词或短语。它不像粗体那样立即引人注目,但它确实可以让你在需要的地方强调它。

不要将所有内容(正文,标题)使用斜体。如果在文本中使用无衬线字体,一定不要使用斜体。

16.内容块相对于页面中心显得不协调

如果您在编辑页面后稍微休息一下(更改字体大小,对齐或缩进)并查看其中的内容,您可以轻松地自己发现此错误。

每天更新,
全站高品质素材免费下载!