10条字体组合应当遵守的金科玉律:来自一位设计师的建议

10条字体组合应当遵守的金科玉律:来自一位设计师的建议_meitu_38

一位摄影老师曾告诉过我:“你只有先了解规则才能打破规则。”

这句话讲得是艺术和设计(令人沮丧的同时也让人如释重负):也许会有一些规则;也许会有一些最佳方法;但是只有很少一部分是一成不变的。在合理的情境下改变或者打破规则都是有可能的。那么我们如何开始着手学习怎样有效地组合字体呢?看了几条指导建议,我们能明白什么被证明作为入手点是可行的,那么如果设计需要的话,就心安理得地超越那些基本法则。

01.选择互补的字体

许多字体表达不同的情绪和个性——严肃,放松,幽默,优雅。你想要确保你选择字体的表达的情绪和你设计的目的相吻合。比如说,一个圆圆的泡泡字体可能适合用于小孩的生日派对请柬,但是不太适合商务信件。

1

就如人们经常遇到的情况一样,相反的往往吸引人:“内向的”和“外向的”字体组合起来能很好地达到平衡。所以如果你有了一种有“很强个性”的独特字体(一般是指作为展示型的字体),和一些更中性和保守型的与之中和。大一点字体更加个性,是弯曲手绘的样子(这既是插图也是字体,和设计者的背景形成互补)。由简洁的全部大写的无衬线字体分开,这样不仅不会分散主字体的注意力,而且小型字号也不影响阅读。

2

决定是否两种或者更多的字体相互补感觉就像猜谜。你会时常发觉自己依赖于本能,一种直觉。这是没问题的。如果你注意到字体怎样在“自然情境”种组合才合适(或者不合适)——网站上,杂志上,在商店标志上和产品包装上——你会开始关注什么情况下可以,什么情况下不行。

3

02.建立视觉层次

传统的出版格式(像是报纸和杂志)为怎样在字体上运用视觉层次提供了很好的范例。从视觉上把不同的文本元素(像是标题、副标题、正文和说明文字)分开,它们通过这种方式来组合字体。比如字号、加黑体(也被称作“粗体”)还有间距(包括行距,即行与行之间的距离,字间距,即字与字之间的距离)都决定了眼睛怎么浏览页面以及什么内容会首先吸引注意。

4

在任何一种设计中,层次都可以建立起来,并不仅仅适用于有标题和正文的结构。当你在为某个项目选择字体的时候,就想想你想让读者首先看到哪个部分。或者这还有另一个殊途同归的方法:决定什么信息是重要的——什么必须在第一眼就看得到(公司名,标题,特别优惠?)——以及什么是没那么重要的。然后,相应地选择你的字体风格,字号和排列。最重要的文本元素一般(虽然并不一定)是最大的和字体最粗的。

5

03.考虑背景

你的设计会出现在哪里会帮助你决定什么样的字体适用于你的项目。要展示的文本尺寸应该是易于阅读的,对于小型的设计来说清晰度尤为重要。看下面这个案例是如何做的,字号最小的文本全部大写了,而且字母之间的间隔不小——这两种做法都提升了文本的可读性。

6

除了字号之外,字形同样影响着可读性。一个好的着手点来选择和你的设计背景相契合的字体就是你要传达信息的属性应该与字型的特点匹配(这一点在前面第一条规则里讨论过)。设计过程中将决定是张扬的字体还是更中性的字体是最适合你的项目的。有时你会想要点很流行的东西,有时设计北京需要不那么引人注目的字体,比如长篇幅的文本。下面这个杂志的布局在正文中把两种醒目的字体和易读的无衬线字体相结合。

7

就流派和历史阶段而言,背景也可以。。稍微查查你考虑的字体背景——它们是什么时候怎样创造出来的及其创造目的,甚至它们在文化背景中是怎么运用的——这会帮你决定对于你的设计来说它们是不是个好选择。比如亚伯拉罕自传的书皮设计可能会以正式的衬线字体为主,这类字体在美国内战时期使用,比如卡斯龙体或者克拉伦登字体。

8

如另一个案例,字形在加强你设计的整体外观中扮演了重要的角色,尤其是如果你如果你打算达到某种审美目的。这个设计明显有复古或者说20世纪50年代的主题,所以选择的字体反映出那个背景,而且和那个时代的广告和照片很相像。

9

04.混合使用衬线和非衬线字体

时间所剩无几却需要选择两种字体,要快点?试试一个衬线字体和一个非衬线字体。这两种结合起来效果会很好,尤其是差异较大的字号。

10

这里值得注意的是,在版面设计的世界中,现在对于就可读性而言,是否衬线或非衬线字体是最好的这一问题存在争议。对大多数的文本来说,衬线字体一般被认为会让浏览更有效也会加快阅读速度,尤其是在印刷品上(虽然这明显取决于具体使用字体的特点)。另一方面,非衬线字体常常会受在线/屏幕上的文本青睐,由于它们的简体字形在不同屏幕分辨率下都能展示地更清楚。

11

05.形成反差

衬线和非衬线字体搭配起来很合适的一个主要原因是这样形成了反差。反差的想法集合了多种你应该考虑的概念,包括层次和字体之间如何互补。反差可以通过包括字形,字号,粗细,间距和颜色在内的方式实现。在下面的案例中,粗短字体和高瘦字体配合运用——尽管它们几乎是完全相反的,它们在大多数方面还是很搭的,因为它们是如此不同。这些不同为每一种字体创造出了各不相同的作用,让其作为独立信息突出出来。日期(粉色)的字号大约是页面标题(白色)高度的两倍,所以那些瘦瘦的数字不会看不清;较大的字号让它们在显眼的标题面前也足够凸显。

12

06.避免冲突

在组合字体的时候,你的确很想要有反差,但是你不会希望出现冲突。因为不同的字体并不意味着它们会自然而然就搭配的很好。一般来说,字体都会有一些相同的特征——也许它们有相似的比例,或者小写字母高度相同(被称为“字高”)——这种情况下可能看起来会更和谐,即使整体的样子各有不同。

13

以下面的这组字体为例——这种情况应该是衬线字体和非衬线字体只是略有不同。上面的字体很圆,间距合适,而下方的字体则更高也很紧密。另外,极单薄的衬线字体和厚重统一的结构之间存在着反差,而且这两者的冲突可能多过对比。

14

07.避免组合过于相似的字体

规则5的对立面就是选择过于相似的字体也会是个问题(例如:没有足够的对比)。你在建立层次时会很困难,因为从视觉上看,这些字体没有什么区别。而且任何能辨识出的差别看起来会更像个错误而非有意为之。但是字体不能完全一样,不然就会产生矛盾。有些许不同但是粗细,比例和字形类似的字体可能会很相似,足够让你的设计看起来让人困惑不解,尤其是字号一样的时候——就像下面的这组,尽管一个是衬线,另一个不是。这有几种简单的方法来检测两种或者更多的字体是否会太相似了:把它们并排排列在你的屏幕上,然后休息一会再看一眼。如果字体看起来基本一样,那么这就很好地表明了你的设计会得益于你字体选择中出现的对比反差。

15

08.从同一个家族里选择字体

使用同一里的字体永远都是打得安全牌;毕竟,它们就是为了相互配合才创造出来的。找一个有多种选择的家族(不同粗细,字形,大小写),从而确保为了达到你的目的有足够多的变化。

16

在从一个家族中选择字体配对时,你一定要仔细计划来营造出反差,让元素更多元化,像是字号,粗细(比如细体,常规和粗体),以及大小写(小写,大写,小型大写)。带有些其他特征(比如斜体,阔体或窄体)的字体家族会给你创意性的字体安排提供更多的余地。

17

把你项目中的字体局限于一个字体家族的其中一个好处是这样能让设计过程更加精简。试着决定字体的完美组合很费时间,但是当你已经有了预定的选项,这会给你减轻些压力并自动帮你制作出一个更有凝聚力的外观。

09.控制你的字体数量

你可能听说过据说一个项目中的字体要保持在两到三个。这在某些运用中是个合理的法则(而且这常见于编辑设计中比如横贯两版的杂志页),但是这绝不是一条不可违逆的规则。

18

有些项目需要更加精细的字体组合,比如如果你在复制某种图样,像是维多利亚时代的高级设计,或者当你需要极具装饰性审美的时候。如果你选择使用多种字体,整体效果应该会很和谐,而不会矛盾杂乱。

19

然而,正如任何一种设计元素一样,你可能在字体选择上做的有点过了。大多数项目会得益于一种更加克制周密的设计方法。一个控制你选择的好办法就是在设计中赋予每种字体具体的角色或目的。如果你发现你自己用了各种各样的字体,但是你并不能为你选择的字体分配目的,那么该把它删除掉了。

10.练习!

最后但同样重要的,一条友好的建议但不是规则:在没有金钱和你老板的妙计施加的项目时,自己练习组合字体。正如任何技能一样,变得足以胜任会经历很多的试错过程。而且和大多数需要创造力的事情一样,组合字体的艺术通常是主观的。没有万无一失的方法让你找到完美的字体组合。

所以要敢于冒险,多多实验,运用直觉。有时你会感觉某种做法可行,即便根据“规则”严格来说是不行的。又有时,你明白某种字体组合并不可行,试着去弄明白为什么并且从中吸取经验。从这些字体基本原则着手,如果它们对你来说很好用就用下去——否则,别让它们抑制了你的创造力。