Web和印刷设计的字体样式 _Web

本文概述

衬线字体
Sans-Serif字体
等距字体
系统字体
选择出色的字体进行设计工作

从早上起床到晚上上床睡觉, 绝大多数人都被字样轰炸。从手机上的应用程序到浴室的美容产品, 再到早上上下班时看到的标志, 印刷技术无处不在。但是, 有多少人真正注意到他们每天所包围的字体样式？
甚至设计师对字体的理解也不够, 通常根据松散的观点而不是客观的理解来形成字体决定。大多数设计师是否还了解设计各种字体的原始工业环境？这些上下文和历史对于确定易读性, 适当字符和给定字体的使用意味着什么？无论是从事哪种设计学科, 无论是视觉设计, UX还是传统印刷设计, 字体都是几乎所有设计作品中必不可少的元素。
当今使用的一些最有影响力的字体常常被忽视, 而倾向于市场上较新的独特字体设计, 有时也是如此。本文中的每种字体都有数十年的历史(即使不是几个世纪), 并且都是针对不同的技术环境而设计的。因此, 自引入以来, 已经创建了许多替代方案或更新。随着显示器和打印机的分辨率越来越高并能够准确显示更复杂的形状, 甚至最初为屏幕设计的某些字体也已过时。
衬线字体

文章图片
Baskerville, 乔治亚州, Garamond和Times New Roman是衬线字体的流行示例。
理解衬线字体和无衬线字体字体样式之间的区别是最基本的字体规则之一。对于许多人来说, 这可能是显而易见的, 但是衬线是字符主要水平和垂直线末端的笔画。衬线内有许多子类, 包括细线, 楔形和平板衬线, 它们都描述了衬线本身的视觉品质。

文章图片
通常, 衬线的历史要比San衬线的历史长, 因为它们是古腾堡出版社发明后用于印刷书籍的第一种字体。从本质上讲, 衬线可以使字符在各个字符之间顺畅地引导眼睛, 从而使阅读更舒适, 从而使衬线成为长版印刷作品的理想选择。因此, 衬线通常不是书籍或报告等印刷作品的常用字体, 尽管这不是绝对的规则。每种字体都有其特定的特质, 有些衬线字体并不真正适合大块的正文文本(有些无衬线字体对于长篇作品来说是清晰易读的)。
巴斯克维尔
巴斯克维尔(Baskerville)是经受时间考验的经典衬线之一, 至今仍在广泛使用。 Baskerville的设计是在最初的排字字体(Bodoni和Didot)与即将到来的19世纪和20世纪字体之间的过渡时期设计的。巴斯克维尔(Baskerville)的显着高对比度字体使它获得了成功。
设计师约翰·巴斯克维尔(John Baskerville)是一位极致的完美主义者, 因此创造了具有精美细节的字体。字体只能在自己的机器上打印, 以确保将字母正确地传输到页面上。这段历史具有重要意义, 因为巴斯克维尔(Baskerville)已适应我们今天工作的各种媒体。每个信函格式中包含的详细信息使Baskerville不适合用于低分辨率介质, 包括低分辨率显示器或不良打印机。话虽如此, 当巴斯克维尔有机会将其质量表达出来时, 它是一种出色的衬线字体。
巴斯克维尔(Baskerville)影响深远的现代数字字体的一个很好的例子是亚马逊为Kindle Bookerly委托的字体。如果你正在寻找可以替代巴斯克维尔(Baskerville)的替代产品, 并保留其200年的悠久历史, 并在屏幕上更新易读性, 那么Bookerly可能是一个不错的解决方案。其他选择包括Eaves太太和Plantin。
英语字体格式一种
像许多已经使用了一段时间的广泛使用的字体一样, Times New Roman是一种极化字体, 被很多人喜爱但也被某些人讨厌。通常, 人们对TNR的爱或恨都是一样的：它的冷漠中立。
马修·巴特里克(Matthew Butterick)写道：” Times New Roman不是字体选择, 而是缺少字体选择, 就像深空的黑色不是一种颜色。看时代新罗马就是凝视虚无。” 泰晤士报《新罗马》之所以如此朴素, 很大程度上是由于其无所不在的存在, 因为它是为伦敦时报设计的。
Times New Roman是为报纸的商业利益而设计的, 该报纸是为了保持可读性, 同时将尽可能多的单词挤入一行中, 从而尽可能使页面成一页。设计师对字体在报纸上的使用非常公开, 因为它在较细的列中较窄且更易读, 但对于行长较长的书而言并不理想。通过提高x高度并显着减少字符之间的跟踪或间距, 可以实现这种效率。
由于该字体在《泰晤士报》上获得了成功, 因此《泰晤士报》《新罗马书》很快就被大多数美国报纸采用, 从而使其成为最普及的字体之一。由于这种普遍性, 一些设计师建议不要使用Times New Roman, 因为它会给人以冷漠或廉价的印象。你可能会考虑的其他一些编辑风格的字体是Arnhem, Le Monde Journal或Plantin。
加拉蒙德
Garamond Antiqua是一种纯粹的老式字体, 由标志性的巴黎穿孔机Claude Garamond设计。 Garamond是为这种类型的字体设计的第一批面孔之一, 这意味着它非常适合当时最新潮的长篇小说：小说。
作为设计时代的固有品质, Garamond给文本带来了旧世界的感觉。但是, 与其他许多衬线字体相比, 其圆角的衬线字体使文本更加非正式。 Garamond凭借其清晰的形式一直是一个多产的字体, 使用户可以长时间阅读而不累。字符大的身体和高的x高度在每个字母周围创造了很大的空间, 使这些单词在感知上更大, 因此更清晰易读。
尽管许多设计师会为Garamond的永恒性辩护, 但其形式对于Web排版而言并不理想。 Garamond在印刷方面的优点包括柔和的曲线, 从一个字符到另一个字符融合在一起, 使它在较长的时间内更具可读性。不利的一面是, 这些曲线在屏幕上较小的尺寸上变得模糊不清, 从而妨碍了其可读性。因此, 尽管你可以在网上找到Garamond的众多娱乐内容, 但大多数屏幕设计师认为它已经过时了。话虽如此, EB Garamond的设计师仍然不这么认为, 并正在尝试在开源社区中重振这一经典。
如果你正在寻找Garamond的替代品, 请查看Sabon或Minion。
佐治亚州
也许是为了响应Garamond在屏幕上出现的故障等字样, 马修·卡特(Matthew Carter)受微软于1990年代委托设计了一种专门用于屏幕可读性的字样。乔治亚出生。
许多人认为格鲁吉亚缺乏其他批量生产的衬线(例如TNR)的中性品质, 它使文本具有友好而迷人的品质。因此, 卡特(Carter)令人印象深刻的设计壮举是, 他设法解决了屏幕易读性的问题, 同时又保持了打印面的吸引力。
故事是卡特在设计19世纪字体Scotch Roman的新版本时设计了Georgia。佐治亚州保留了许多前任品质。但是, 为了制作佐治亚州的银幕, 卡特进行了一些必要的更改：增加x高度, 四舍五入数字并创建轻微的未对齐以保持字符感。
尽管格鲁吉亚现已确立为经典字体, 但也被广泛认为比其他许多衬线字体更具现代感。 Miller和Abril有相似的感觉, 是不错的选择。
Sans-Serif字体

文章图片
Verdana, Gill Sans, Helvetica, Franklin Gothic和Futura是一些最常用的无衬线字体。
尽管有些人可能会认为无衬线字体样式最早是在古代发生的, 但直到19世纪才正式纳入广泛使用和现代社会。随着广告, 报纸和媒体的蓬勃发展, 人们需要一种可以从远处看成清晰标题的字体, 并且可以代表新的工业时代。
Verdana
Verdana与表兄佐治亚州有着相似的故事, 因为它们都是由马修·卡特(Matthew Carter)为微软在90年代设计的。因此, Verdana是专为屏幕设计的无衬线字体。与许多追求清晰的字体相似, Verdana具有较大的x高度以提高清晰度。 Verdana被称为人文主义的无衬线字体, 这意味着它保留了衬线字体的某些品质和设计逻辑。
但是, 马修·卡特(Matthew Carter)意识到某些文本可能会挤入屏幕的潜在限制空间, 因此Verdana的字符大小要平衡得足以避免在应用程序或平台中没有稳定的前导现象。考虑到Verdana是为90年代设计的, 因此在低分辨率设备上仍然特别有效。但是, 随着屏幕质量的提高, Verdana的优势逐渐丧失, 并且其性能不如以前。
如果在打印中使用Verdana, 则其宽的设置间距使其具有等距打字机字体的质量。 Verdana的这种质量使得它无法打印大量的文字。你现在可以考虑使用的替代方法是Colfax。 Colfax的设计师考虑到当今字体设计缺乏机械约束的问题, 并精心设计了一种更适合高分辨率显示器和喷墨打印的字体。
Gesta和PT Sans都是Verdana的不错选择。
富兰克林·哥特
富兰克林·哥特式(Franklin Gothic)是一种写实的无衬线字体, 最初由美国类型创始人(ATF)的莫里斯·富勒·本顿(Morris Fuller Benton)于1902年创建, 并在1970年代和1990年代由ITC扩展以包含更多的重量。字体的数字版本已由Adobe, 国际字体公司(ITC), Monotype Imaging和URW创建。
本顿承认最初的字体是为了向本杰明·富兰克林致敬, 它最适合标题和行业使用, 而不是较长的正文。此后, 使用其他权重和样式进行的更新扩展了用法选项。
富兰克林·哥特式(Franklin Gothic)永恒的品质使其在最初发行一百多年之后, 仍然是许多媒体的流行选择。《时代周刊》和《纽约时报》都将其用于各种头条新闻, 游戏的美国和加拿大版本均使用Scrabble拼板, 甚至在《星球大战》电影的开幕片中都使用了精简版。
虽然富兰克林·哥特式仍然非常受欢迎, 但一种流行的替代方法是新闻哥特式, 本顿是原版的流行继任者, 但机身较窄, 笔触对比度较小。其他替代方案包括Trade Gothic, Benton Sans和Maple。
未来的
Futura于1927年发布, 是第一种几何无衬线字体(与人本无衬线字体相对)的直接结果。 Futura的最大竞争对手Erbar Grotesk(于1926年发布)是在颇具影响力的包豪斯设计的, 其目的是传达20世纪初学校认为是现代的一切。这意味着几何逻辑消除了任何装饰暗示, 并致力于创建的字母形式中的纯逻辑。
像Erbar Grotesk一样, Futura也包括基于几何形状的字母, 主要是圆形(尽管正方形和三角形不适用于圆形)。它的笔触之间对比度较低, 小写字母的大写字母和大写字母的字母比例与罗马大写字母相似。它的设计师Paul Renner认为, 现代字体应具有现代感, 而不仅仅是对以前设计的重申。
在20世纪, 富图拉(Futura)声名lot起, 因为阿波罗11号宇航员在富图拉(Futura)的月球上留下了一块匾。大众汽车和许多其他品牌都采用了它。包括斯坦利·库布里克(Stanley Kubrick)和韦斯·安德森(Wes Anderson)在内的几位电影制片人都重新使用了它。如果你欣赏Futura的现代品质, 但发现它有点过分使用, 可以考虑尝试FF Super Grotesk, HK Grotesk(开源)或Neuzeit。
吉尔·桑斯(Gill Sans)
Monotype是一家字体铸造厂, 为我们带来了Times New Roman, 它委托多名数学家Eric Gill(一位雕塑家/排版师/图形艺术家)为伦敦的现代标牌制作字体。与Futura相反, Gill Sans是一种人文主义字体, 比其德国同时代的字体风格更简洁。 ” R” 略微张开, “ 眼镜” 小写字母” g” 接近标志。字体自然的粗体质量非常适合显示和标题, 但是稍后发布的较轻的粗细也非常适合正文。

文章图片
Gill Sans基于爱德华·约翰斯顿(Edward Johnston)1916年的《地下字母》(Underground Alphabet), 是伦敦地铁的官方字体。
它在伦敦地铁(London Underground), 英国广播公司(BBC)和英国教堂(The Church of England)的历史, 加上其现代而又人性化的特征, 使该字体成为典型的英国风格。尽管该字体在比例上是经典的, 但它具有一些艺术上的效果, 使其比其严格的德国同类字体DIN更令人愉悦。
就是说, 许多这些艺术耀斑使吉尔·桑斯(Gill Sans)成为一些平面设计师所不希望的。具体来说, 小写字母” a” 经常被批评为不平衡且不易辨认。
寻找Gill Sans的替代品吗？查看ITC Johnston或P22 Underground。
海尔维蒂察
Helvetica是唯一启发了自己的电影(2007年)的字体。它可以说是当今最著名/最流行的字体。该字体诞生于50年代, 当时人们竞争广泛流行的Grotesk字体的新版本。
Grotesk字体已逐渐发展以提高可读性。但是, 并非所有字体都适用于手机线性字体和机械字体。线性排字机需要将正则和斜体字符设置为相同的宽度, 从而迫使斜体显示得太宽而正则字符显示太窄。
Helvetica经过专门设计, 进行了敏锐的字符调整, 以保持Grotesk字体的现代美感和可读性, 同时使设计师能够批量生产。该字体在” Graphic 57″ 贸易展览会上首次发布, 在整个瑞士设计中变得无处不在。
可以替代Helvetica的其他字体包括Maison Neue, Univers和Folio。
等距字体等距字体样式最初是为打字机设计的。了解此类字体的主要质量是打字机要求以相等的间距键入每个字符。因此, 每个字符都放置在文本主体中的单个组织矩阵内, 而其他字体通常在间距上有所不同, 以管理易读性。
最终, 在打字机环境之外, 很少有应用使用等宽字体。相等的间距意味着它们效率较低, 并且通常也较不清晰。该规则的一个例外是为编写代码而设计的应用程序, 其中相等的间距实际上可以帮助提高可读性。
其中的一些示例是Courier, Consolas, Letter Gothic或Source Code Pro(免费)。但是, 有些设计师无法否认怀旧的审美。因此, 它们仍然很受欢迎。
系统字体系统字体是设备或程序随附的字体。 Mac, Windows甚至Adobe产品都有不同的系统字体。本文中包含的所有字体都至少具有某些作为系统字体的变体。
使用系统字体有一些缺点。最大的问题是这些字体通常曝光过度。由于它们几乎都包含在每个人的计算机中, 因此人们每天都可以通过出色的设计和糟糕的设计看到它们。尽管并非每个印刷项目都必须处于原创性的前沿, 但重要的是要了解, 如果你要设计的品牌应该是独特而原始的, 那么使用系统字体通常会破坏这一点。
使用系统字体的另一个主要缺点是其中某些字体不是很好。我想到了Arial …
最后, 许多系统字体被专门设计为在屏幕上清晰易读, 并且在打印时可能不是特别可读。对于设计师进行的每个项目来说, 这可能都不是问题, 但应牢记这一点。
选择出色的字体进行设计工作为特定品牌进行设计时, 选择合适的专业字体对任何设计师来说都是至关重要的工作, 尤其是考虑到某些字体系列的许可费用可能超过$ 1, 000时, 尤其如此。
对于许多项目而言, 选择一个字体家族, 包括多种重量, 宽度, 甚至包括衬线字体和无衬线字体, 都是明智的选择。这为设计人员提供了针对某个特定品牌可能进行的任何项目的很多选择, 甚至允许使用实际上没有太大不同的” 不同” 字体来更新市场营销资料(因此, 不太可能使消费者和品牌忠实者发香, 就像主要品牌进行的许多大型重新设计一样)。较深的字体家族可以很容易地与自己配对, 并具有多种个性。
【Web和印刷设计的字体样式】当寻找与现有类型库配对的字体以在项目中更常规地使用时, 应着重选择具有相似特征的字体。这意味着要考虑所有的帽子和小写字母的质量, x高度和形式几何。像Typewolf之类的网站对于查找与现有可用选项配对的字体而言可能是无价的(对于那些客户说他们想要” 像” Helvetica但绝对不是Helvetica的东西来说, 这是一个很好的选择)。