Coursera 笔记

Week 02 · Fundamentals of Typography字体设计基础

Typefaces, Fonts and Type Families🅣 字体、字型与字体家族

Coursera ↗

选择字体可能是设计初学者面对的最具挑战性的问题之一。面对众多字体,我们该如何选择?如何分辨字体的优劣?以及如何选择适合某个特定任务的字体?接下来,我们将逐步解析这一主题。


什么是字体(Typeface)?

字体是一组具有特定风格的字形。例如,当我们看到一些熟悉的字母形状时,我们会认出“这是 Times New Roman”。

字体家族(Type Family)

大多数字体属于一个更大的字体家族,通常包括以下几种常见变体:

字体变体 描述
Regular / Roman 直立字体,笔画均衡,不倾斜,常规重量。
Italic 倾斜字体,通常用于强调。
Bold 加粗字体,笔画更重。
Bold Italic 加粗倾斜字体,结合强调和重量感。

这些变体组成了一个简单的字体家族。


字体与字体样式(Typeface vs. Font)

字体与字体样式的区别

许多计算机程序将 Typeface 和 Font 混为一谈,但实际上它们有着不同的定义。

  • 字体样式(Typeface):字体家族中的一种特定风格。例如,Times Italic、Times Roman 和 Times Bold 都是字体样式。
  • 字体(Font):字体样式加上尺寸。例如:
    • 72 点 Times Roman 是一种字体。
    • 36 点 Times Roman 是另一种字体。

历史背景:
在金属活字时代,每个字体都会被铸造成特定大小的字块。这意味着不同尺寸的字母可能会重新设计,以适应印刷效果。因此,72 点 Times Roman 和 36 点 Times Roman 会稍有差异。
随着数字排版的发展,字体现在可以平滑地缩放,这使得 Typeface 和 Font 之间的区别变得不那么明显。但如果不确定用词,Typeface 是更安全的选择。


字体选择的基本问题

Serif 与 Sans Serif 的选择

选择字体时,可以从以下两个主要类别开始:

  • Serif 字体
  • Sans Serif 字体

Serif 字体

  • 特征:字体笔画末端有装饰性的线条或延伸部分,称为 Serif(衬线)。
  • 起源:最早源于雕刻字母时的凿痕,后来演变为装饰元素。
  • 功能:衬线可以强调基线,帮助字母在长文本中更易于阅读。
  • 风格:显得更传统、更经典,更适合正式或传统设计。

Sans Serif 字体

  • 特征:没有衬线,笔画末端被截断为平整的形状。
  • 功能:线条干净简洁,整体风格更现代。
  • 风格:显得更现代、更几何化、更干练,适合科技或现代设计。

阅读性比较

虽然 Serif 字体曾被认为更适合长文本,但由于我们对 Sans Serif 字体的熟悉程度不断提高,现在这两种字体在阅读速度和可读性上几乎没有显著差异。

字体类别 感觉与用途
Serif 经典、传统、正式,适合印刷、书籍、报纸等长文本。
Sans Serif 简洁、现代、科技感,适合屏幕阅读、数字媒体等现代场景。

Serif 与 Sans Serif 的进一步分类

Serif 和 Sans Serif 是字体的两个主要类别,但它们内部还有更细的分类。接下来,我们将对 Serif 字体 进行更详细的拆分。

Serif 字体的子分类:

  1. Old Style(旧式衬线):柔和的对比,笔画自然流畅。
  2. Transitional(过渡式衬线):衬线与笔画对比更明显。
  3. Modern(现代衬线):衬线非常细,笔画对比极大。
  4. Slab Serif(厚衬线):衬线粗重,适合标题或强调内容。

Sans Serif 字体的子分类:

  1. Grotesque(怪诞型):早期的无衬线字体,笔画末端略带弧度。
  2. Neo-grotesque(新怪诞型):线条更加直观和统一,例如 Helvetica。
  3. Humanist(人文型):更接近手写的风格,具有人性化特征。
  4. Geometric(几何型):以几何形状为基础,风格简洁,例如 Futura。

如何选择合适的字体

字体选择的建议

  1. 考虑文本用途:是用于标题、正文还是脚注?
  2. 确定合适的风格:是需要正式、经典的感觉,还是现代、简洁的风格?
  3. 测试字体的可读性:在实际使用环境中,字体是否易于阅读?
  4. 注意视觉效果:字体是否符合整体设计的主题与情感?

通过理解字体的分类与特点,你可以更轻松地选择适合项目需求的字体,同时让设计更具专业性与表达力。