好的版式会提高用户的阅读热情，而差的版式会降低用户的阅读热情。正如奥利弗·赖因斯坦在他的文章中所说:网页设计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)所说，在他的标志性作品《可读印刷》中，全大写印刷和小写排版大大延缓了用户的阅读速度。
结论:
排版是一件重要的事情。做出正确的布局选择可以让你的网站看起来更优雅。另一方面，糟糕的字体选择可能会分散注意力，并经常吸引人们对字体的注意。排版要做到易读、易懂、清晰，这一点至关重要。
内容排版是为了荣誉而存在的，排版要以不会增加用户认知负荷的方式尊重内容。
本文来自投稿，不代表重蔚自留地立场，如若转载，请注明出处https://www.cwhello.com/92595.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
