作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
卡梅伦·查普曼的头像

卡梅伦查普曼

卡梅隆有设计背景,是两本网页设计书籍的作者:《欧博体育app下载》和《欧博体育app下载》.

分享

从早上醒来到晚上睡觉,绝大多数人都会受到字体的轰炸. 从他们手机上的应用程序到浴室里的美容产品,再到他们早上通勤时看到的标志, 排版无处不在. 但是有多少人真正注意到他们每天周围的字体样式呢?

甚至 设计师 对字体的欣赏不足,经常根据松散的意见而不是客观的理解来决定字体. 大多数设计师甚至知道设计各种字体的原始工业背景吗? 这些背景和历史对于确定易读性意味着什么, 适当的角色, 并使用给定的字体? 不管你从事的是什么设计学科,无论是视觉设计还是 UX 或传统 印刷设计在美国,字体几乎是所有设计作品的基本元素.

当今使用的一些最具影响力的字体往往被市场上较新的独特字体设计所忽视,有时这是正确的. 本文中的每一种字体都是几十年的, 即使没有几百年的历史, 它们都是为不同的技术环境而设计的. 因此,自从它们被引入以来,已经创建了许多替代方案或更新. 甚至一些最初为屏幕设计的字体也已经过时了,因为显示器和打印机的分辨率越来越高,能够准确地显示更复杂的形状.

衬线字体

网页排版中不同衬线字体的例子

理解衬线字体和无衬线字体风格之间的区别是字体最基本的规则之一. 对于许多, 这可能是显而易见的, 但是衬线是给一个字符的主要水平和垂直线条的末尾的笔画. 衬线中有许多子类, 包括他的发际线, 楔, 还有粗板衬线, 这些都描述了衬线字体本身的视觉效果.

衬线和. Sans字体,比较不同的字体样式

一般, 衬线比SAN衬线有更长的历史, 因为它们是继古腾堡印刷机发明之后第一批用于印刷书籍的字体. 本质上, 衬线可以让阅读更舒适, 由于衬线引导眼睛平滑地从一个字符到另一个字符, 使衬线体成为长篇印刷作品的理想选择. 正因为如此, 衬线字体仍然是书籍或报告等印刷作品的常用字体, 虽然这不是绝对的规则. 每种字体都有其独特的品质, 还有一些衬线字体不太适合大块的正文(而一些无衬线字体对于长篇作品来说非常易读)。.

巴斯克维尔

巴斯克维尔是一种经典的衬线,经受住了时间的考验,至今仍在广泛使用. 巴斯克维尔是在最初的字体(Bodoni和Didot)和19世纪和20世纪的字体之间的过渡时期设计的. 巴斯克维尔的成功是由于它明显的高对比度字体.

设计师, 约翰·巴斯克维尔, 是一个强烈的完美主义者,因此创造了一个美丽的细节字体. 字体只能在他自己的机器上打印,以确保字母格式正确地转移到页面上. 这段历史意义重大,因为巴斯克维尔已经适应了我们今天工作的各种媒介. 每封信中的细节都使巴斯克维尔不适合用低分辨率的媒介, 包括低分辨率显示器或坏打印机. 话虽如此, 等巴斯克维尔有机会表现自己的品质时, 这是一个很好的衬线字体.

一个现代的好例子, 深受巴斯克维尔影响的数字字体是亚马逊委托为Kindle设计的字体, 布克. 如果你正在寻找巴斯克维尔的替代品,既保留了200年的丰富性,又在屏幕上更新了可读性, 布克 会是个好办法吗. 其他选择包括 夫人. 屋檐Plantin.

Times New Roman

Times New Roman, 就像许多广泛使用的字体一样,已经存在了一段时间, 两极分化字体是被许多人喜爱但也被一些人厌恶的吗. 通常,人们对TNR的爱与恨都是一样的:它冷漠的中立性.

Matthew Butterick写道:“Times New roman与其说是一种字体选择,不如说是一种字体选择的缺失, 就像深空的黑暗不是一种颜色. 看《欧博体育app下载》的《欧博体育app下载》就是凝视虚无.Times New Roman之所以让人感觉如此平淡,很大程度上是因为它无处不在,因为它是为报纸设计的, 伦敦泰晤士报.

时代新罗马字体是为报纸的商业利益而设计的, 这是为了在保持可读性的同时,将尽可能多的单词塞进一行,从而尽可能多地塞进一页. 设计师们对报纸上使用的字体非常公开, 因为它在细栏中更窄,更清晰, 但对于行长较长的书来说并不理想. 这种效率是通过增加x高度和显著减少跟踪来实现的, 或者字符之间的空格.

由于字体与时代的成功, 不久之后,大多数美国报纸都采用了Times New Roman字体, 从而使它成为最普遍的字体之一. 因为它无处不在, 一些设计师建议不要使用Times New Roman, 因为它会给人冷漠或廉价的印象. 您可能会考虑的其他一些编辑样式字体有 阿纳姆, 《欧博体育app下载》, or Plantin.

加拉蒙字体

加拉蒙字体 Antiqua是一种纯粹的老式字体,由巴黎标志性的打孔工Claude 加拉蒙字体设计. 加拉蒙是第一批为这套字体设计的字体之一, 这意味着它是当时最新流行的长篇小说的理想载体.

作为它被设计的时代的内在品质, 加拉蒙字体赋予文本一种旧世界风格的感觉. 然而,它的圆形衬线使文本比许多衬线字体更不正式. 由于其清晰的形式,加拉蒙德字体一直是一个多产的字体, 允许用户阅读不累的长度. 人物的大身体和很高的x高在每个字母周围创造了很多空间, 让字看起来更大,更容易辨认.

尽管许多设计师都认为加拉蒙字体是永恒的, 它的形式对于网页排版来说并不理想. 加拉蒙德在印刷上的优点包括其柔和的曲线,从一个角色到另一个角色融合在一起, 使其在长时间内更具可读性. 缺点是这些曲线在屏幕上变小时会变得模糊,影响其可读性. 因此, 尽管你可以在网上找到许多关于加拉蒙德的娱乐活动, 大多数屏幕设计师认为它已经过时了. 也就是说,设计师 EB加拉蒙字体 我仍然不这么认为,并试图在开源社区中重振这一经典.

招聘美国全职自由UI设计师

如果你在寻找加拉蒙德的替代品,那就去看看吧 Sabon or 奴才.

乔治亚州

也许是为了回应加拉蒙德在屏幕上的失败, 马修·卡特在20世纪90年代受微软委托设计一种专门用于屏幕易读的字体. 乔治亚诞生了.

许多人认为,格鲁吉亚缺乏其他大规模生产的系列产品的中性品质, 比如TNR, 它赋予了文本一种友好和迷人的品质. 因此, 卡特令人印象深刻的设计壮举是,他设法解决了屏幕上的易读性问题,同时保持了印刷体的吸引力.

故事是卡特在设计19世纪苏格兰罗马字体的新版本时设计了格鲁吉亚. 格鲁吉亚保留了其前身的许多品质. 然而, 为了把乔治娅拍成电影, 卡特做了一些重要的改变:增加x高度, 把数字四舍五入, 为了保持角色感而制造轻微的错位.

尽管格鲁吉亚现在被确立为经典, 它也被广泛认为比许多其他衬线字体更有现代感. 米勒阿布里尔 是否有相似的感觉,是否有更好的选择.

无衬线字体

不同的无衬线字体的例子

虽然有些人可能会争辩说,无衬线字体风格最早出现在古代, 直到19世纪,它们才正式被广泛使用并融入现代社会. 作为广告, 报纸, 媒体蓬勃发展, 需要一种字体,既能从远处看清楚标题,又能代表工业的新时代.

Verdana

Verdana和它的表亲有着相似的故事, 乔治亚州, 因为它们都是马修·卡特在90年代为微软设计的. 因此,Verdana是专门为屏幕设计的无衬线字体. 与许多追求清晰的字体类似,Verdana有一个大的x高来增加易读性. Verdana被称为一种人性化的无衬线字体, 这意味着它保留了衬线字体的一些特性和设计逻辑.

然而, 马修·卡特意识到一些文本可能被塞进屏幕的潜在限制空间, 所以Verdana的字体大小是平衡的,足以避免在没有稳定的字体的应用程序或平台上拥挤. 考虑到Verdana是为90年代设计的, 它在低分辨率设备上仍然特别有效. 然而,, 随着屏幕质量的提高, 沃达娜的力量消失了, 而且它的表现也不像以前那么好了.

如果在印刷中使用Verdana,它的宽行距使它具有等宽的打字机字体的质量. 这种质量使得Verdana不适合打印大块的文本. 你现在可以考虑的另一个选择是科尔法克斯. Colfax的设计师考虑到当今字体设计缺乏机械约束,设计了一种更适合高分辨率显示和喷墨打印的字体.

罗马人PT无 都是替代Verdana的好选择吗.

富兰克林哥特式

富兰克林哥特字体是一种现实主义的无衬线字体,最初由美国字体创始人(ATF)的莫里斯富勒本顿于1902年创建,并在20世纪70年代和90年代由ITC扩展到更多的重量. 数字版本的字体是由Adobe创建的, 国际字体公司(ITC), 单型成像, 和URW.

原始字体, 本顿承认这是为了向本杰明·富兰克林致敬而设计的, 是最适合作为标题和贸易使用,而不是正文的长块. 此后,增加了重量和样式的更新扩展了使用选项.

富兰克林哥特的永恒品质使它成为许多媒体的热门选择, 距离最初的发行已经过去了一个多世纪. 《欧博体育app下载》杂志和《欧博体育app下载》都在各种标题中使用它, 美国版和加拿大版的拼字游戏都采用了这种方法, 浓缩版甚至被用在了《欧博体育app下载》电影的开场.

而富兰克林哥特仍然非常受欢迎, 另一种流行的选择是News Gothic, 本顿对原版的流行继承, 更窄的结构和更少的笔画对比. 其他选择包括 贸易哥特式, 本顿无, 枫木.

未来

未来, 发行于1927年, 是最早的几何无衬线字体(相对于人文无衬线字体)的直接结果吗. 未来最大的竞争对手, Erbar Grotesk(1926年发行), 是在极具影响力的包豪斯设计的, 目的是传达学校在20世纪之交感到现代的一切. 这意味着几何逻辑去掉了任何装饰的暗示,而在创造的字母形式中追求纯粹的逻辑.

比如Erbar Grotesk, 未来包括基于几何形状的字母形式, 主要是圆形(虽然也有方形和三角形,圆形不合适). 它包括笔画之间的低对比度, 大写字母和小写字母的比例类似于罗马大写字母. 它的设计者, 保罗·雷纳, 认为现代字体应该有现代的感觉,而不是简单地重复以前的设计.

未来在20世纪名声大噪, as the Apollo 11 astronauts left a plaque on the moon in 未来; Volkswagen 和 many other br和s have adopted it; 和 several filmmakers, 包括斯坦利·库布里克和韦斯·安德森, 挪用了吗. 如果你欣赏未来的现代品质,但发现它有点过度使用,考虑尝试一下 FF超级怪, 香港Grotesk (开源),或者 Neuzeit.

吉尔无

单型, 正是这家字体铸造厂给我们带来了Times New Roman字体, 委托博学的埃里克·吉尔(雕塑家/排字匠/平面艺术家)为伦敦的现代标牌制作字体. 吉尔无, 与未来相反, 是一种人文主义字体,风格不像德国同时代的字体那么死板. 字母“R”有轻微的喇叭形,而字母“eyeglass”的小写字母“g”几乎是标志性的. 字体自然粗体的质量很适合显示和标题, 然而,后来发布的较轻的重量非常适合正文文本.

字体样式和字体的历史

它在伦敦地铁的历史, 英国广播公司(BBC), 和英国国教, 再加上其现代而人性化的品质,使字体成为典型的英国字体. 虽然字体是经典的比例, 它有一些艺术的闪光,使它比简朴的德国同行更令人愉快, 喧嚣声。.

也就是说,这些艺术上的闪光点让一些人不喜欢吉尔桑 平面设计师. 具体地说, 小写的“a”经常被批评为不平衡和破坏可读性.

寻找吉尔无的替代品? 看看 ITC约翰斯顿 or 第22位地下.

海维提卡

海维提卡是唯一一种为电影提供灵感的字体(2007年). 它可以说是当今最著名/最普遍的字体. 这种字体诞生于20世纪50年代对广受欢迎的Grotesk字体的新版本的广泛竞争.

怪诞字体逐渐进化以增加易读性. 然而,并不是所有的字体都能很好地适用于手机版和机械版. 排字机要求将楷体和斜体字设置成同样的宽度, 这样就迫使斜体显得太宽,而正则体显得太窄.

海维提卡是专门设计的,具有敏锐的字符调整,以保持现代美和Grotesk字体的易读性,同时允许设计师大规模生产的好处. 在“Graphic 57”贸易展上首次发布,这种字体在瑞士设计中无处不在.

其他可以很好地替代海维提卡字体的字体包括 精制的Neue, 环宇, 对开本的书.

等宽字体

等宽字体样式最初是为打字机设计的. 要了解这类字体的主要特点是,打字机要求每个字符以相等的间距打印出来. 因此, 在正文中,每个字符都放置在单个组织矩阵中,而, 经常, 其他字体的间距不同,以管理易读性.

最终, 在打字机的语境之外, 很少有应用程序使用等宽字体是有意义的. 等距意味着它们的效率较低,而且通常可读性较差. 这条规则的一个例外是为编写代码而设计的应用程序, 等间距实际上可以帮助易读性.

例如Courier, Consolas, Letter Gothic或Source Code Pro(免费). 然而, some 设计师 just can’t deny the nostalgic aesthetic; thus, they remain popular.

系统字体

系统字体是设备或程序自带的字体. Mac、Windows甚至Adobe产品都有不同的系统字体. 本文中包含的所有字体都至少有一些变体是系统字体.

使用系统字体有一些缺点. 最大的问题是这些字体通常曝光过度. 因为几乎每个人的电脑里都有它们, 人们每天都能看到他们, 两者都很好 设计 还有可怕的. 虽然不是每一个 排版项目 需要站在创意的最前沿, 重要的是要明白,如果你为品牌设计 is 应该是独特的和原创的,使用系统字体往往会破坏这一点.

使用系统字体的另一个主要缺点是其中一些字体不是很好. 我想到了Arial……

最后, 许多系统字体被专门设计为在屏幕上非常易读,而在打印时可能不是特别易读. 这可能不是设计师承担的每个项目都存在的问题, 但这是我们应该牢记在心的.

为设计工作选择一个好的字体

设计 对于一个特定品牌, 选择合适的专业字体对任何设计师来说都是一项至关重要的工作, 特别是考虑到一些字体系列的许可证可能超过1美元,000.

选择包含大量粗细的字体系列, 宽度, 甚至对于许多项目来说,serif和sans-serif变体都是一个聪明的想法. 这给设计师提供了很多选择,让他们可以在任何项目中选择一个特定的品牌,甚至可以使用“不同”的字体来更新营销资料,而这些字体实际上并没有那么不同(因此不太可能激怒消费者和品牌忠实者), 就像许多大品牌的大型重新设计一样). 深字体家族可以很容易地与自己配对,并携带各种个性.

寻找与现有类型库配对以在项目中更普遍使用的字体时, 重点选择具有相似特征的字体. 这意味着要考虑大写字母和小写字母的所有特性, 包含, 形式几何. 等网站 Typewolf 对于寻找与现有可用选项配对的字体(以及当客户说他们想要像海维提卡这样的东西,但肯定要使用)是非常宝贵的 海维提卡).

了解基本知识

  • 有哪些不同类型的字体?

    有四种基本类型的字体:衬线字体、无衬线字体、等宽字体和显示字体. 在每个类型中都有多个子类型, 比如脚本, 板衬线, 奇形怪状的无衬线, 老式风格.

  • 什么是排版?为什么它很重要?

    排版是书面文字的视觉呈现. 好的排版可以强化文本的含义,使其更容易读懂. 糟糕的排版会使文本难以阅读或传达错误的含义(例如在法律文件上使用Comic Sans字体), 而不是像加拉蒙字体这样更正式的名字).

  • 字体和字体有什么区别?

    “字体”指的是一系列字体, 每一个都包含具有相似设计特征的符号. 传统上, 一种字体,指的是字体的特定大小和粗细, 尽管这两个术语现在经常互换使用.

  • 在网页上使用什么字体最好?

    当选择“最佳”字体用于网页时, 选择一种能够强化页面内容和品牌形象的字体是很重要的. 正式、专业的网站应该使用正式、专业的字体. 更轻松的网站可以使用更随意的字体.

就这一主题咨询作者或专家.
预约电话

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.