在选择字体的阶段,设计师经常问自己:“是Serif还是Sans-Serif”? 选择在设计中使用的字体种类至关重要,因为它会极大地影响设计的可读性,用户体验和整体美感。

40种免费的高质量手绘字体

40种免费的高质量手绘字体

与衬线字体家族不同,这些手绘字体看起来不太严重,但它们倾向于赋予并传达... 阅读更多

虽然,无论您有多少印刷术经验,您总是会陷入衬线与无衬线难题之间 我个人认为,解决该问题的一个好方法是理解衬线和无衬线的基本知识 ,这正是本文旨在实现的目的。

让我们看一下下面的文章,这些文章着重强调了衬线字体和无衬线字体之间的主要区别,以便更好地理解两者。

衬线来自哪里?

线是附着在字体笔画末尾的小细线 人们认为它们起源于拉丁字母,罗马人曾将其作品刻在石头上。

尽管这种装饰作品在版式中没有普遍接受的起源,但据信罗马人曾经在石头上画有轮廓的字母,因此当石头雕刻者跟随刷痕出现时,刷痕逐渐张开,最终创造出了衬线

排字101:Serif与Sans-Serif

那无衬线呢?

另一方面,Sans-serif的字面意思是“没有衬线” 在每个角的末尾没有这些悬空的笔画的任何字体都可以视为无衬线字体。

排字101:Serif与Sans-Serif

知道这一点后, 选择衬线字体还是无衬线字体会如何影响您的设计? 这里有几件事情要考虑:

可读性

可读性经常被衡量为读者消化内容的难易程度 当然,由于视觉通常是主观的,因此有许多因素在起作用,包括兴趣水平或读者以及内容在已给出的块或空间中的排列方式

呈现文本的“老派”方法使用衬线是有原因的。 您是否曾经想到过为什么大多数报纸都使用衬线字体作为内容? 因为衬线更易于阅读。 每个字符中的这些小装饰线条引导您的眼睛顺畅地移动,并使字母结合在一起,使得阅读较长的文字减少了您的眼睛负担

字母之间的空格(因为在间距时必须考虑衬线),也为读者提供了更大的空间,使读者轻松识别彼此之间的字母

查看下面的示例,您会注意到衬线字体为眼睛带来了更轻松的阅读体验,因为它在字母和单词之间造成了缝隙。 这使您将视线从一个词转移到另一个词变得更加容易。

排字101:Serif与Sans-Serif

另一方面,使用相同的间距, 衬线字体变得更加难以阅读 这是因为每个字母的间距较小,因为在间距时不必考虑衬线

易读性

易读性是刻字的质量和清晰度 这涉及字体的精细细节,并且是必不可少的,因为它可以帮助读者将一个字符与另一个字符区分开。 与可读性不同,因为后者主要关注整体内容

排字101:Serif与Sans-Serif

在上图的情况下, Arial中的sans serif的小写字母L和I看起来非常相似 想象一下,键入“伊利诺伊州”一词。

这里是强调我的观点。

排字101:Serif与Sans-Serif

但是,请务必注意,如果您的字体难以辨认,则它永远都不会变得可读。 但是,在很多情况下,由于易读类型相对于设计目的的间隔或缩放比例 ,它们看起来似乎不可读。

Alex Poole写了一篇很好的文章,比较了衬线字体和无衬线字体,试图找出更清晰的字体。

据他说,关于易读性有五个要注意的功能:

  • 衬线或无衬线
  • 点大小
  • X高度
  • 专柜
  • 上升和下降

普尔基于支持双方的观点得出结论, 在字体选择方面,可读性确实没有差异 他还指出,衬线或缺少衬线有可能影响可读性, 但这种差异甚至不可衡量

但是,他说:

与衬线字体和无衬线字体相比,同一类型家族的成员在可读性上的差异更大。 还有其他一些因素,例如x高度,计数器大小,字母间距和笔划宽度, 对于可读性而言,比是否存在衬线更为重要

缩放和分辨率

网页设计中的文字不是静态的。 它可能因屏幕而异,并且需要可扩展。 这样做是为了使屏幕大小仍然可以读取文本

在这一领域,可以肯定地说sans-serif赢得了胜利,因为它更灵活地扩展规模 Sans-serif字体更容易以较小的分辨率提供强调性和可读性, 因为由于字体中缺乏细节,它们可以避免出现拖尾现象

排字101:Serif与Sans-Serif

图片来源: TIME

这是如何严重使用衬线的一个主要示例 看看上面的《时代杂志》封面的底部,您会很容易注意到它的阅读难度,因为它不易流动,尤其是在小尺寸的情况下。 但是请注意,当转换为“乔纳森·弗朗岑”的sans serif时,效果是多么完美。

炸掉sans-serif字体时也是如此。 字体的比例尺保持其一般形状,并使其更易于识别 因此,在缩放时,无衬线往往易于适应更好的尺寸,因为它们可以很好地适应小尺寸的涂抹和大尺寸的撕裂

衬线还是无衬线?

那么,问题的答案是什么?

好吧,我们可以说这很明显。 在sans-serif和serif字体之间进行选择最终归结为您使用文本的目的 如果您要设置的文字大小保持几乎相同? 然后,您将需要更好的可读性,从而使衬线字体成为更好的选择

另一方面,如果您想使文本成为响应式网站的一部分 ,则选择Sans-Serif字体可能更明智,因为您不希望文本看起来太小而无法阅读。

排字101:Serif与Sans-Serif

图片来源: GQ

看看这些同时使用serif和sans serif字体的GQ杂志封面 普遍的共识是,衬线字体用于正式和印刷材料, 而无衬线字体主要用于网络 但是在这种情况下,两者都被使用了,如果您会注意到,衬线始终是Cover模型的名称,因此请加以强调。

最后的话

只要记住, 一致性是关键 您选择的字体需要与所创建设计的整体美感保持一致。 您可以混合并匹配相似的字体,并尝试调整它们的大小以弄清楚哪个有效。 但是,请记住,您这样做是为了让用户理解该消息,并且您的设计也很美观。

网页设计师使用的20种超轻巧典雅字体

网页设计师使用的20种超轻巧典雅字体

除了颜色和布局选择之外,选择正确的字体对于产生几乎所有好的字体都是至关重要的。 阅读更多

翻译自: https://www.hongkiat.com/blog/serif-vs-sans-serif/

相关文章: