为提高网页文本的可读性而设计正文字体怎么设置

发布时间:2024-06-12浏览:8

可读性:“阅读的状态或质量,是印刷品的一种属性,影响着以持续方式阅读的难易程度。”

文字可以是美丽的、简单的、狂野的、有趣的、令人兴奋的,还有许多其他的。它可以激起情感,帮助用户理解你的信息。字体有很多种,但有一点是共同的——它必须是可读的。

这是一个经常被忽视的因素。设计师在太小的空间里塞入了太多信息,或者选择了优先考虑外观而非可读性的字体。但关键是:如果字体无法阅读,您的设计将无法完全发挥作用。

虽然听起来有点耸人听闻,但这几乎是普遍现象。你可能会问,“字体作为艺术元素怎么样?”难以阅读的字体确实可以在这种设计中发挥作用,但只有与可读的文本搭配时才行。

狭窄空间内的可读性

什么使文本可读?它实际上是许多因素的组合,包括行长、行距、字体样式、边距和填充以及颜色和对比度。

这些元素中的每一个都会影响屏幕阅读的难易程度。这些元素中的每一个都是设计师可以控制的。请记住,本文讨论的元素指的是网站主体中的文本,其中文本的可读性可以说是首要考虑因素。(其他地方的文本标准相对宽松,只要主体具有高度的可读性即可。)

不同屏幕上的可读性

那么,如何创作出最易读的文本呢?对于正文,有一些关于每行字数的基本准则(每个设备各不相同),有助于实现最佳的可读性。

从哪里开始?最佳行长可以帮助您确定段落的大小。方法如下:确定正文的宽度——通常您可以假设它分为三种尺寸:台式机、平板电脑和手机。然后将文本大小调整为每行理想的字数。

虽然还有其他因素在起作用,但这些指导方针是一个很好的起点。

最佳行长与良好行距相结合可提高可读性。通常,行距最好定义为正文字体大小的百分比,也可以定义为固定值或 em。

如果您正在寻找一种可以使所有这些工作更容易的工具,请尝试黄金比例字数统计器。

其他提高可读性的技巧

在创建可读的排版时,正文之外的文字也很重要。使用标题、项目符号列表、段落之间的额外间距和颜色也可以提高整体可读性(标题有助于扫描整个网站)。

考虑使用以下元素来增强文本层次并创建更完整、更易读的网页设计。请记住将这些元素“设计”成独特的字体、大小和颜色,并使其与文本主体协调一致。

10 种易于阅读的字体

没有字体推荐,任何关于可读性的文章都是不完整的。以下是 10 种可读性极高且相当流行的字体,供您在构建网站时选择。

打开 Sans

正文字体怎么设置_正文字体一般用几号字_正文字体

拉托

外型

诺比尔

Droid Sans

Arvo 衬线字体

旧标准 TT

四月 Fatface

福尔科恩

约瑟芬·斯拉布

可读性检查表

现在你已经很清楚自己想在下一个设计项目中使用什么字体和样式,你确定你能以完全可读的方式将它们组合起来吗?这里有一个清单,供你规划字体设计。

综上所述

可读性是设计的一个重要组成部分。如果页面上的内容无法阅读和理解,那么它对用户来说就完全不相关且不重要。

您如何规划设计项目的可读性?您还有其他成功秘诀吗?请在评论中与我们分享。

译者:可乐橙;翻译地址:

热点资讯