选择和配对字体的最佳做法是什么?


69

我一直发现字体选择有点神秘。选择字体时应考虑哪些因素?如何将两种字体成功纳入设计中?

我意识到一些因素将包括:

  • 易读性
  • 可扩展性
  • 适当/情绪/情感

但是,如何客观地判断易读性或适当性?是否有客观原则可用于字体选择?如果可能,请在您的答案中列出资源或示例。专注于不同字体有效性的研究也将非常有用。

Answers:


44

Smashing Magazine上有一篇非常不错的文章关于组合字体

  • 尝试将Sans-Serif标题类型与Serif正文类型匹配
  • 避免类似的分类(不要使用2个平板字体或2个压缩字体)
  • 为每种字体/字体分配不同的角色
  • 对比字体粗细
  • 创建各种印刷颜色
  • 不要混合心情
  • 用中性(而不是另一种不同的字体)来区分
  • 避免组合过于分散(例如狭窄和扩展)
  • 保持简单(只需尝试两种字体)
  • 变化点大小

23

配对字体时,我要记住的主要内容是:第二种字体说的有所不同吗?

答案不一定会决定您是否应该配对字体,但这非常重要。通常在设计中添加另一种字体只会增加不必要的复杂性和繁忙性。同样重要的是,您使用的字体必须足够不同以保证进行更改。如果两种字体看起来太相似,则可能会显得草率,并且不添加任何内容。

如果字体在特定样式或时期内非常扎根,将其与其他可识别时期内的字体配对通常不是一个好主意。更中性的字体可以更好地应对。


16

除了明显的规则(如果要用于长文本,必须易于阅读,必须与设计的其余部分相适应,等等),对于选择字体没有硬性规则。选择一种字体是指选择一种与设计的其余部分(以及设计中的其他字体)在美学上相称的东西,以其可读性吸引读者,并且最重要的是,阅读起来很舒适。当然,对于Web字体来说,一定数量的读者安装了字体也很重要,这限制了您的选择。

至于配对字体,还有绝对固定的规则。通常,您可能不希望将Mosh与Times New Roman一起使用,但是总会有例外。

我建议您通读《我爱印刷术》中有关选择字体的文章:

http://ilovetypography.com/2008/04/04/on-choosing-type/


12

理解排版对于图形设计的成功至关重要。出色的排版的第一步是选择正确的字体。如果您牢记内容的性质和目标受众,则只能选择正确的字体。这是选择和使用字体的五项准则

1.您想传达什么心情?

您是在设计演示文稿,网站还是读书报告?您想传达什么心情?

挑选字体与选择当天要穿的衣服没什么不同。就像衣服一样,表达性和时尚性的字体与有用且适合许多情况的字体之间也有区别。好玩吗?随便吗 严重?新鲜?老式的?选择一种可以捕捉那种感觉的字体。

在此处输入图片说明

例如:如果要为银行创建徽标,则需要选择一种字体,以产生安全感和保护感。因此,像Adobe pro Garamond这样的正式和传统字体将是更好的选择。

2.分组字体:字体家族

组织可能的字体选择的一种快速方法是使用最广泛使用的字体分类:衬线或无衬线。他们说衬线字体提供了连续性和吸引力,因此提高了可读性,但无衬线支持者称其为排版神话。通常,衬线字体是更传统的“旧样式”,而无衬线字体则被视为现代和未来派字体。

在此处输入图片说明

无论您选择Serif还是Sans,在这两个类别中都有很多不错的选择。要了解有关类型分类的更多信息,请先查找常用的类别,例如几何,人文主义,旧风格,现代,过渡和衬线衬线。

几何Sans-Serifs是那些基于严格几何形式的字体。几何Sans的单个字母形式通常具有相同宽度的笔划,并经常证明其设计中的一种“少即是多”的极简主义。

几何/现实主义/ Grotesk Sans的示例:Helvetica,Univers,Futura,Avant Garde,Akzidenz Grotesk,Franklin Gothic,Gotham。

在此处输入图片说明

人文主义者

这些是从笔迹衍生而来的无面孔-尽管其中一些看起来看上去干净而现代,但它们的根源仍然保留着不可避免的东西。人文主义字体的字母形式通常具有更多的细节,更少的一致性,并且经常涉及较细和较粗的笔画粗细

无人值守的例子:Gill Sans,Frutiger,Myriad,Optima和Verdana。

在此处输入图片说明

老式

这些字体在粗细之间几乎没有反差,并且弯曲的字母形式倾向于向左倾斜(就像书法倾斜一样)。最好的旧风格面孔经典,传统且可读。

旧样式的示例:Jenson,Bembo,Palatino和Garamond。

在此处输入图片说明

过渡与现代

过渡和现代的字母形式比旧风格时期朴素的面孔更具几何感,鲜明而富于艺术性。最好的是,过渡性和现代性的面孔显得强健,时尚和充满活力。

过渡字体的示例:Times New Roman,Baskerville。

在此处输入图片说明

现代衬线的例子:Bodoni,Didot。

在此处输入图片说明

平板衬线

板衬线也称为机械衬线,方衬线或埃及字体,是一种衬线字体,以厚重的块状衬线为特征。衬线端子可以是钝的和有角的(Rockwell),也可以是圆形的(Courier)。

平板衬线的示例:Clarendon,Rockwell,Courier,Lubalin Graph,Archer。

在此处输入图片说明

3.选择衬线和无衬线

项目的主标题可以用粗体sans-serif字体编写。在正文中使用衬线字体可能是一个好主意。您希望有一些对比来显示项目的两个部分之间的差异。组合两个或更多字体可能很棘手。一般的经验法则是使用中性衬线和San Serif组合。它安全,容易且有效。在“ Helvetica”中设置标题,在“ Times New Roman”中设置正文,您一切顺利!

在此处输入图片说明

如果您觉得这太无聊,请尝试将旧字体与现代字体结合使用。带衬线的脚本怎么样?如果这样做,请务必注意所选字体之间的对比度。确保它们之间的对比度足以将它们分开。如果字体太相似,它们将显得笨拙且不合适。例如,将“ Helvetica”和“ Arial”组合在一起,看起来将更像是一个粗心的错误,而不是有意识的设计选择。

4.设计的风味

显示器和装饰字体应谨慎使用。一个小的“ Shanghai”字体会很长的路要走。它适用于徽标和类别标题中的此菜单。现在,想象一下以“ Shanghai”字体设置的整个菜单很难阅读。除非您不担心可读性,否则这些字体不是大文本块的合适选择。这些字体很少用在标题上,显示字体可以为设计增添一些必要的风味,但是如果使用范围太广,它很快就会失去欢迎。

在此处输入图片说明

这些字体很少用在标题上,显示字体可以为设计增添一些必要的风味,但是如果使用范围太广,它很快就会失去欢迎。

在此处输入图片说明

5.规则五是“没有规则”

只有约定。关于如何使用类型,没有铁定的规则,就像关于早上应该如何着装的规则一样。值得尝试一切只是为了看看会发生什么。印刷术是您随着时间的推移而学到的东西,需要不断的反复试验。最终,它成为一个简单,自然的过程。同时,玩得开心!

在此处输入图片说明

结论

我希望这五个原则为您提供了一些选择,应用,混合字体以及是否完全混合字体的指南。最后,挑选字体需要结合理解,直觉和技巧要求来实践。

资源




1

一个很好的参考网站,可以了解人们如何配对字体。我为您提供字体他们还在说明中提供了每种字体的名称。另一个好的资源是一个名为“ WhatTheFont”的智能手机应用程序,您可以拍摄字体图片,它将尝试找到它的正确名称。如果您喜欢或喜欢一些排版,这非常有用。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.