网页排版设计技巧都有哪些。

好的版式会提高用户的阅读热情，而差的版式会降低用户的阅读热情。正如奥利弗·赖因斯坦在他的文章中所说:网页设计95%是排版& rdquo在说:

优化排版就是优化可读性、易访问性和可用性！让整体数字平衡。

换句话说:优化你的排版意味着优化你的用户界面。在本文中，我将提供一些规则来帮助您提高文本内容的可读性。

1.减少使用不同类型的字体

使用超过3种不同的字体，使网站看起来没有结构和不专业。记住，太多的尺寸类型和样式也会破坏任何布局。

为了防止这种情况，请尝试将字体数量限制为zui。

一般来说，将字体数量限制在zui限制内(两个就够了，一般一个就够了)，在整个网站粘贴相同的字体。如果使用多种字体，请确保字符系统根据字符宽度互补。以下面的字体组合为例。格鲁吉亚和凡尔登(左)价值观相近，很般配。对比一下与巴斯克维尔和Impact(右)的配对，其中过分强调的Impact使其对应的serif字体显得沉闷。

2.使用标准字体。

字体嵌入服务(如Google Web Fonts或Typekit))可以提供许多有趣的字体，这些字体对于您的设计来说是新鲜的和意想不到的。它们也很容易使用。

1)选择任何字体，如Open Sans。

2)在HTML文档中生成代码并粘贴。

3)搞定！

实际上，这种方法有一个严重的问题:因为用户更熟悉标准字体，所以他们可以更快地阅读它们。

除非你的网站对自定义字体很有吸引力(比如品牌推广或者营造沉浸式体验)，通常zui更喜欢使用系统字体。最有效的方法是使用系统化的字体:Arial、Calibri、Trebuchet等。记住，好的版式能吸引读者的是内容，而不是版式本身。

3.限制线的长度。

每行有适当数量的字符是使文本可读的关键。不是你的设计，决定了你的文字宽度，应该是可读性问题。考虑一下Baymard Institute关于可读性和行长度的建议:

& ldquo如果想有好的阅读体验，应该是每行60字左右。每行有适当数量的字符是使你的文本可读的关键。& rdquo

如果线太短，视线需要频繁返回，会打破读者的节奏。如果一行文字太长，用户就很难把注意力集中在文字上。图像:材料设计

对于移动设备，每行应该是30-40个字符。以下是在移动设备上查看的两个网站的示例。一种是每行使用50-75个字符(打印和桌面每行的zui字符数)，另一种是zui使用30-40个字符。

在网页设计中，你可以通过使用em或pixels来限制文本的宽度，以获得每行的字符数。

4.选择适合各种大小的字体。

用户将通过不同屏幕尺寸和分辨率的设备访问您的网站。大多数用户界面需要不同大小的文本元素(按钮副本、字段标签、章节标题等)。).选择一种可以在各种大小和粗细下运行良好的字体，以保持每种大小的可读性和可用性，这一点非常重要。

5.使用可以区分字母的字体。

许多字体使相似的字形容易混淆，尤其是用& ldquo我& rdquo还有& ldquoL & rdquo(如下图所示)以及字母间距较小的空格，如when & ldquor & rdquo还有& ldquon & rdquo看起来像& ldquoM & rdquo。因此，在选择你的版式时，一定要在不同的文本环境中检查你的版式，以确保它不会给用户带来问题。

6.避免所有文本的大写。

全部大写字母:是指文本中全部大写的字母，在不涉及阅读的上下文中(比如首字母缩写词或者logos)很好，但是当你的消息涉及阅读时，不要强迫用户全部大写。正如迈尔斯·廷克(Miles Tinker)所说，在他的标志性作品《可读印刷》中，全大写印刷和小写排版大大延缓了用户的阅读速度。

结论:

排版是一件重要的事情。做出正确的布局选择可以让你的网站看起来更优雅。另一方面，糟糕的字体选择可能会分散注意力，并经常吸引人们对字体的注意。排版要做到易读、易懂、清晰，这一点至关重要。

内容排版是为了荣誉而存在的，排版要以不会增加用户认知负荷的方式尊重内容。