选择字体时的提示和注意事项(带有信息图)

已发表: 2022-03-11

为任何设计项目选择字体都会带来压力。 一些设计师默认为每个项目使用相同的少数字体。 其他人则花费数小时试图找出适合这份工作的字体,却从未真正对自己的最终选择充满信心。 考虑到存在超过 50 万种字体也就不足为奇了。

正确的字体可以做出设计,而错误的字体肯定会破坏它。 实验和实践对于掌握字体选择都很重要。 但是设计师可以记住一些事情来使字体选择更容易和更有针对性。

范围

使用字体的一个或多个项目的范围是设计师在选择字体时应该首先考虑的事情之一。 仅用于有限范围的字体(例如幻灯片)需要比将在品牌的整个视觉形象中使用的字体更不灵活。

设计师应该考虑字体是否仅用于数字项目或印刷。 他们还应该考虑字体是在有限的时间内使用还是无限期使用。 在选择新字体开始时,列出所有可能使用字体的项目可能会有所帮助。

选择字体时考虑所有应用程序
计划。 在他们的所有品牌材料中使用一种字体,包括他们的标志。 (艾伦·格林伯格设计)

情绪

每个项目都有心情。 无论那种情绪是正式的还是非正式的,有趣的还是严肃的,现代的还是经典的,或者完全是别的什么。 和每个项目一样,每种字体都有一种情绪。

对于设计师来说,考虑项目的情绪以及他们正在考虑的字体如何加强或与这种情绪发生冲突是很重要的。 例如,在一家律师事务所的网站上使用 Comic Sans 会发生冲突。 像 Crimson Text 或 Helvetica 这样的东西会更好。

情绪板是评估字体选择的好方法
情绪板是评估字体选择如何适应设计整体情绪的好方法。 (奥利维亚玛雅设计)

功能性

并非每种字体在每种重量和尺寸上都看起来不错。 在较大尺寸下看起来令人惊叹的显示字体在较小尺寸下可能会变得难以辨认。 在正文中使用小尺寸时看起来很棒的字体有时在显示尺寸下使用时看起来太平淡甚至乏味。

不过,有些字体几乎可以在任何尺寸下看起来都不错。 设计师应该在他们可能使用这些字体的每种尺寸下测试他们正在考虑的字体,以确保它们是可读的并且不会对用户体验产生负面影响。

如何选择正确的字体:考虑所有必要尺寸的易读性
Roboto 是众多字体中的一种,可以有效地用于大尺寸和小尺寸。

多功能性

非常适合在网络上使用的字体可能无法很好地用于印刷,反之亦然。 像Georgia 这样专为低分辨率屏幕上的可读性而设计的字体并不像Book Antiqua 这样的字体那样适合打印工作。

如果一种字体仅用于单个项目,那么很容易确定打印功能还是屏幕功能最重要。 但是对于可能在多个项目中使用的字体,设计师应确保该字体适用于可能使用它的每种媒体。

排版样式:选择适用于各种媒体的字体
Drop Co 的字体选择适用于印刷和数字设计。 (由 Marka Network 和 Mustafa Akulker 设计)

信息

项目的信息——无论是幻灯片还是品牌的视觉识别——对于确定要使用的最佳字体至关重要。 如果消息是严重的,字体也应该是严重的,反之亦然。

错误的字体可能会完全破坏品牌试图传达的信息。 例如,在历史社会网站的设计中使用 Open Sans 等现代元素并不能真正强化信息。 像 Crimson Text 这样的字体会更好。

强化品牌信息的字体组合
Olivia Palermo 网站上的字体完美地强化了该品牌的高端、优雅信息。

可读性

可读性可以说是字体最重要的特征。 由于 type 用于传达消息,如果无法读取该消息,则字体已失败。

可读性和易读性并不完全相同。 易读性是指区分字体中的字母的难易程度。 可读性更进一步,指的是区分和阅读不同单词的难易程度。

可读性和易读性都会受到所使用字体大小的显着影响。 在 18 像素时看起来很棒的字体在 10 像素时可能难以辨认。 除非设计师知道字体需要以较小的尺寸使用,否则这不一定会破坏交易。

字体特征:字体大小对可读性很重要
字体大小对字体的可读性有重大影响。

语言

并非每个网站或设计项目都会被翻译成多种语言。 但最好在项目开始时确定是否可能进行翻译。 并非所有字体都支持特殊字符(如重音字符),更不用说西里尔文和希腊文等字母了。

在几乎所有项目中,重要的是使用的字体至少支持扩展的拉丁字符,如重音和变音符号。 由于不支持重音而无法拼写单词或名称会使项目看起来不专业。

字体元素:语言支持对于某些设计可能很重要
在为某些项目选择字体时,支持多种语言可能很重要。

风格

有四种基本字体样式:衬线、无衬线、显示和脚本。 衬线字体通常被视为更传统和正式(尽管并非全部如此)。 无衬线字体可以被视为更加现代和简约。 显示字体不适合在小尺寸下使用,但它们的外观差异很大。 脚本字体类似于手写或书法。 脚本和显示字体主要用于短文本块或标题和标题等内容。

为了可读性,衬线字体曾经被认为在印刷中更易于阅读,而无衬线字体在屏幕上更易于阅读。 但是这两种风格的大多数现代字体都可以在任何一种媒体中都很好地工作,尤其是在屏幕分辨率提高的情况下。

设计师应该考虑是否要在标题和标题中使用显示字体或脚本字体,并决定衬线字体还是无衬线字体更适合他们的信息和项目的品牌。 决定这一点会缩小设计师的字体选择范围,从而更容易确定最终选择。

字体选择:结合 serif 和 sans serif 字体
Obachan 在他们的网站上同时使用 serif 和 sans serif 字体。

品牌

每个品牌都有心情和信息。 重要的是,所有视觉元素——不仅仅是字体——都匹配并支持品牌想要给公众的印象。

根据品牌适用性缩小字体选择范围可以从列出代表品牌的关键字开始。 从那里,设计师可以搜索包含这些关键字或同义词的字体。

例如,如果一个品牌是正式的和传统的,那么像 Garamond 或 Caslon 这样的字体会很合适。 如果一个品牌是现代和前沿的,设计师可能会选择像 Roboto 或 Raleway 这样的品牌。

好的字体组合可以强化品牌信息和情绪
Pureskin 将非正式的脚本字体与干净的无衬线字体相结合,强化了他们现代、女性化的品牌。 (由 Marka Network 和 Mustafa Akulker 设计)

许可

虽然许多字体具有允许在几乎任何情况下使用的通用许可证,但其他字体则没有。 一些许可证只允许在一种或另一种介质中使用。 其他允许在宣传材料中使用,但现在可能允许在销售的产品上使用。

另一个考虑因素是,如果多个设计师正在处理一个项目,他们可能每个人都需要字体的许可版本。 设计师应该确保他们了解他们正在考虑使用的任何字体的许可以及这些许可可能施加的限制。

组合

并非所有字体都可以很好地与其他字体配合使用。 有些字体足够中性,可以与数百种其他字体配对。 但其他人具有如此独特的特征,以至于合适的组合受到限制。

两者都有优势。 有限的组合可以更快地找到合适的组合,因为设计师可能只有十几个可供选择。 但是拥有更广泛的选择可以为未来的项目提供更多的灵活性。 选择字体组合既是一门艺术也是一门科学,设计师需要大量的实验和实践才能掌握。

字体组合:Serif 和 sans serif 字体可以很好地协同工作
结合多种无衬线和衬线字体在 Sophia's Tea 的包装设计中效果很好。 (由 Marka Network 和 Mustafa Akulker 设计)

大字体系列

具有多种粗细和样式的大型字体系列,例如 Roboto 或 Baskerville,可以让设计师更轻松地创建复杂的版式设计,而无需弄清楚哪些字体可以很好地协同工作。 一些大型字体系列甚至包括衬线和无衬线版本,这为设计师提供了更大的灵活性。

在品牌视觉识别等长期项目中,更大的字体系列也提供了更多的多功能性。 能够根据确切的项目需求在多种重量或样式之间切换,为设计师提供了更大的灵活性,而不必偏离品牌的既定身份。

字体元素:大型字体系列提供更多功能
像 Nimbus Sans 这样的大型字体系列为设计师提供了很多多功能性,这对长期或大型项目特别有帮助。

如何选择正确的字体

在任何设计项目中牢记这些提示可以使选择字体的过程更加顺畅。 想要提高字体选择技巧的设计师可以从事实践项目,例如为知名品牌或虚构项目选择新字体。 然后,当面对现实世界的项目时,他们会对自己的技能和选择更有信心。

对每个项目的全面了解可以让设计师更好地了解哪种字体最适合这些需求。 一旦确定了项目的范围,其他考虑因素——例如情绪、多功能性、信息和品牌——可以指导设计师选择最佳字体。 可读性、功能和语言支持等其他考虑因素可以帮助设计师进一步优化这些选择,为他们的设计工作找到完美的字体。

字体信息图

下载此信息图的 PDF 版本。
将此信息图嵌入网站。

• • •

进一步阅读 Toptal 设计博客:

  • 如何构建有效的排版层次结构
  • 剖析排版解剖学的复杂性(带信息图)
  • 可读性设计——网页排版指南(附信息图)
  • 了解字体分类的细微差别
  • 迷你教程——字体组合指南