字体选择的五个原则!

host 电商运营 114 次浏览 没有评论

对于很多新手来说,选择字体是个烦恼的过程。从正规传统的字体到神奇的 小拐棍儿字体还有复活节小兔子字体,似乎有着无法掌握的无穷无尽的选择,而且有永无止境的列表和推荐。其实选择合适的字体是一项综合硬规则和软直觉的活 动,并且需要多年的经验去达到这种境界,本文就描述了运用字体的五个原则。

1.穿着场合

很多我的新学生会像选择新的音乐一样去选择字体,他们会分析每种字体的特点,然后找到一些有个性的,能表现出来他们独特的品味,个性和生活经历的字体。这种方法其实是有问题的,因为它把个性看得太重了~

不 管怎样,选择字体更像是早晨选择这一天要穿的衣服。正如同衣服一样,那些有表现力的时髦的字体和那些有用的适合更多场景的字体是不一样,而我们的工作就是 根据场合为它们找到一种平衡。虽然适合性听上去并不是性感的概念,但它确实是引导我们选择到正确字体的决定性的一项考验~

我“最爱”的一件衣服可能是我从一个旧货店淘的一条70年代的闪亮的喇叭裤,但事实上除了万圣节我实在是找不到机会穿它。

一样的,每个设计师都有几个最爱的字体,存在手里等着有个完美的机会去使用它。但更多的时候,我发现早上我还是总是选择那条旧牛仔裤。这并不表示比起我最爱的喇叭裤,我更喜欢这条牛仔裤,只是看上去我经常穿它而已。

每 个设计师都有几个像舒适的牛仔裤一样的主力字体:它们百搭,它们配上周围的内容后或自然或正式,正适合场合的需要,它们总是会出现。通常,它们会有些粗细 度(weight: Light, Regular, Bold…),或者有些样式(style: Italic, Condensed…)。

我的安全感字体是:无衬线字体(Myriad, Gotham, DIN, Akzidenz Grotest 和 Interstate)和衬线字体(Mercury, Electra 和 Perpetua)。

(衬线:指的是字形笔画末端的装饰细节部分。无衬线字体在西文中习惯称sans-serif,其中sans为法语的“无”的意思。)

像Helvetica Neue这类的字体会被用来表达声音和情绪。很舒服的百搭字体,对设计师来说就像是舒服的牛仔裤。

2.了解字体家族:字体分组

服装的比喻给了我们很好的想法,什么样的我们需要放到一起。所以下个挑战就是想出一些结构的种类我们可以用来给字体分类。

字体可以被细分成许多种,但是基于现在主要使用场合的理解沟通需要,我们只需要掌握五种分组就可以了。

下面的列表并不是一个综合系统的分类,而只是一些可以被快速识别记住的主流分类(这个网站有更详细的分类)。让我们来看看2个无衬线组,2个有衬线组和1个另类组。

1). GEOMETRIC SANS (几何型无衬线字体组)

事 实上这里我合并了三种不同的组(Geometric, Realist和Grotesk),但是他们的共同点已经足以让我们把它们放在一起理解了。Geometric Sans-Serifs 是一类严格的基于几何形体的字体。通常它的每一个字母粗细都一样,并且遵循着简单设计的原则。

它的优点是:清晰,大方,时尚,很通用;

它的缺点是:冷酷,没有感情色彩,乏味。

一个经典的Geometric Sans就像一个设计的很漂亮的飞机场,它让人印象深刻,现代感十足并且十分有用,但是如果让我们考虑一下是否愿意住在这样的地方,我们不得不再三考虑考虑。

Geometric/Realist/Grotesk Sans的例子有:Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

2). HUMANIST SANS (亲切型无衬线字体组)

这批字体是从手写体演化而来的,尽管有的看上去简洁时尚,但不可避免的还保留着一些人情味在里面。比如,比较一下上图中的“t”和Geometric里面例图中的“t”,你就会发现有人情味的“t”包含了更多的细节和风格在里面。

这就是Humanist Sans的本质:相比于Geometric Sans一切从简的设计,Humanist Sans通常会有更多的细节,更少的一致性,字母线条的粗细会频繁的变化,毕竟它们是来源于个性化的手写体嘛~

它的优点是:时尚与人情味并存,清晰与善解人意并存;

它的缺点是:看上去有些空洞乏味,轻微的手写体的感觉不够真诚。

Humanist Sans的例子有: Gill Sans, Frutiger, Myriad, Optima, Verdana.

3). OLD STYLE (老式风格衬线字体组)

也被称为“Venetian”,它们是我们最古老的字体,是书法形式经历了几个世纪的逐渐演变的结果。老式字体的特点是粗细对比并不明显(貌似是因为那个年代的技术限制),并且弯曲的字母倾向于偏向左侧。

它的优点是:经典,传统,可读性好;

它的缺点是:太传统。。。-_-

Old Style的例子有: Jenson, Bembo, Palatino, 和特别是Garamond(它的诞生被认为是完美的,以至于一个半世纪了都没有人想去改进它~)

4). TRANSITIONAL AND MODERN (过渡型和时尚衬线字体组)

作 为启蒙思想的产物,Transitional字体(18世纪中期)和Modern字体(18世纪后期,不要和20世纪中期的现代主义混淆)产生于字体设计 师们想试着让字体比低调的老式字体更几何感,更尖锐,更艺术感一些。Transitional字体标志着在这一方向上适度的进步,尽管它经典的字体 Baskerville看上去那么尖锐以至于人们坚持说看着它有损视力。

在创造Modern字体的过程中,字体设计师沉迷于对线条粗细的强烈对比的展示,这也是受到创造出两个相似字体Bodoni和Didot的两个设计师竞争的影响。

它的优点是:强劲有力,时髦,有活力;

它的缺点是:很难定位,太显眼太巴洛克风格以至于不够经典,太庸俗以至于不够真正的时尚。

Transitional衬线字体的例子有: Times New Roman, Baskerville.

Modern衬线字体的例子有: Bodoni, Didot.

5). SLAB SERIFS (Slab衬线字体组,又称埃及体”Egyptian”)

Slab 衬线字体这些年出其不意的强势回归流行起来。它通常有无衬线字体类的线条(粗细变化很少),又在线条结束处有着结实矩形的衬线。它像一个异类一样传达着很 特别的十分矛盾又相关联的感觉:时而思想者,时而硬汉;时而恶霸,时而书呆子;时而大都市久经世故的人,时而乡村牛仔。

Slab衬线字体能 传达出一种权威的感觉,比如重版的Rockwell,也能表现的很友好,比如最近流行的Archer。很多Slab字体看上去很有都市感(如 Rockwell, Courier和Lubalin),但当应用于不同的场景时,它(特别是Clarendon)却让人想起美国西部边疆和那一时期以来照片上的那种乡村气息 和本土特点。Slab衬线字体很难被笼统的当做一个组,但它与众不同的矩形衬线就像牛角框眼镜一样:它为任何事情都加上了一层特别的感觉,但当处在不合适 的场景内时也会格外的明显。

Slab Serifs的例子有: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.

3.别跟个胆小鬼似的:使用决定性的对比的原则

好 了,现在我们已经了解字体家族和它们的一些经典的例子了,现在我们需要决定是否以及怎么去组合搭配它们了。很多时候,一种字体就够了,特别是我们的那种有 很多粗细样式变化的主力字体。如果我们到了那个程度想加一种字体进入这个组合了,有个简单的规则可以遵循:要么一样,要么很不一样,避免只有微小的不同。

这 是设计的一条主要的原则,它有个官方的名字叫“一致性和对比性(correspondence and contrast)”。用行动来观察这个原则的最好的办法是,把你在欧洲旅行时收集的所有硬币都倒在桌子上。如果你把两个相同的硬币摆在一起,他们会看上 去很舒服因为它们一样(一致性)。另一方面,如果我把一个一角硬币放在随便哪个欧洲中部的国家的大铜币旁边,他们会看上去很有意思,因为它们之间的反差太 大了(对比性)。

不太好的是当我们把一个一角硬币放在另外一个国家的相同尺寸相同颜色有点儿轻微不同的硬币旁边。这就产生了一种不舒服的视 觉关系,因为它摆出了一个问题,即使我们没有把它上升到意识层面,我们的大脑还是可能会问出这样一个问题“这两个硬币到底是一样还是不一样?”,这问和思 考的过程就会让我们分心,不能很好的简单的查看内容。

当我们在一个设计中混合很多字体的时候,我们希望它们可以很舒服的和平共处,我们不希 望用户因为想“它们一样还是不一样?”这样的问题而分心。所以我们可以从避免让两种字体出自上面同一个字体组开始,比如同是Geometric Sans组的Franklin和Helvetica,虽然它们不是完全一样,但是它们也没有足够明显的不同:

如果我们想放另外一个字体和Helvetica配合,像老式字体里经典的Bembo这样的字体效果会好很多。世纪级别的年龄差和光年级别的灵感差足可以让Helvetica和Bembo在一个页面产生足够舒服的对比:

不幸的是,并不是这么简单只用选择对比度大的字体就够了。比如,Garamond或Caslon就不能保证版式上的和谐了。像上面的Helvetica和Bembo的例子一样,对于两个字体为何互补的那么好,经常没有真正意义上的解答。

但 是如果我们想要有些原则去帮助我们选择,应该是这样的:通常,如果两个字体有一种共性,而其他的部分都很不同,它们搭配起来会很好。共性可以是视觉上的 (如字体高度,如线条宽度),也可以是年代感觉上的。产生于相同时代的字体互相很配的几率很高,如果是出自同一个设计师就更好了。

4.一点点也可以起很大作用

你 说:“够了,别再说这些看上去很普通的字体和规则了!” “我需要些内容能用在我的宣传单上!我的泰国菜菜单上!我的圣诞节卡片上!” 你说的这些我们讨论过的字体都是内容字体,意味着你可以在菜单或报纸上通篇使用它们;在那个衣服的比喻里,这些就是每天都穿的牛仔裤,那么什么是我们圣诞 节穿的闪亮喇叭裤呢?

偶尔,我们也需要一个字体去展示个性,不论这个性是迷幻聚会,是泰式炒河粉,还是圣诞老人。这种需求会把我们带到茫茫 的展示型字体(Display typefaces)海里。“展示型”也就意味着“请不要超过建议的剂量”:用于标题,展示型字体就像给设计的一小份调味品,但是如果用的太广泛,它的光 芒会被迅速耗尽。

到另外一个服装比喻的时间了~

上图的装扮效果很好是因为粉腰带起到了强调的作用,又与大量的牛仔裤的蓝色相抵消。但是如果我们得意忘形,放上大量的粉色,她可能看上去就成了下图的效果:

让我们把这个称作粉腰带法则吧:个性的字体最好小剂量的使用。如果我们把这个酷酷的展示型字体用在每一段文字里,它的魅力会锐减,甚至更差的是,整个设计会变得很难阅读。让我们来给拐角的泰国餐厅设计菜单吧。我们的客户可能希望我们能用个典型的亚洲展示型字体,像Sho:

到目前为止都不错。但是看看如果我们把这个字体应用于整个菜单会有什么效果吧:

已经够了,让我们还是把内容换成用更中性的字体来显示吧:

这个好多了。既然我们已经控制了展示型字体的使用,它也如愿以偿的又闪亮起来了。

5.第五条规则就是“没有法则”

真 的。仔细观察你会发现用难以阅读的展示型字体制作的令人眼晕的菜单,或者两种不同的Geometric Sans字体在同一个页面快乐的生活在一起(事实上,就在这周我还紧张的适试用这个在一个项目上,结果很惊喜的恰到好处)。就像没有规定我们早上应该选什 么衣服穿一样,选择字体也没有绝对的规定,只是一些约定和惯例而已。各种组合都尝试一下是很值得的,甚至与在你的开庭日穿上你的万圣节喇叭裤。

最后

希望这五条规则已经给了你如何选择应用,是否组合,如何组合字体一些指导。最后,选择字体需要的是一种理解和直觉的组合,并且像其他的技能一样,需要练习。面对现在各种各样众多的字体选择,有一点很容易被人忘记,那就是只有当知道如何去使用一个字体时才能用好它。

我第一个排版学老师曾经给过我很好的字体建议:选择一个你喜欢的字体,并且在几个月内不停地使用它,不管其它字体。虽然这种练习有时会让人感到束缚,但是它能起到一个很好的提醒的作用,网络时代大量的可供选择的字体的数量并不能取代质量

发表评论

Go