Canva字体搭配指南

The-ultimate-guide-to-font-pairing_featured-image

好的字体成就好的设计,但挑选好的字体并不是一件容易的事。本文将探讨挑选字体的基本准则,并提供字体搭配案例,帮助读者学习如何搭配字体。

如何处理标题、副标题、正文以契合文章内容或者品牌的基调是门学问。若您有字体要补充,请在评论区留言,我们会甄选出优秀字体并标记为您的设计。

 

字体结构

在我们介绍20种字体之前,你应该掌握以下两个资源。图一是一张很实用的图示,它展示了字体结构的一些重要特征:

0

图二是有关字体和制作方法的专业术语的图示,是字体设计的基础知识:

1

 

设计学院推荐的20种字体搭配

为了帮助您更好地使用这份材料,我们按内容类型和出版类型,列出了30种优秀的字体搭配。再次说明,如果您有优秀字体要补充,请在评论区留言。

01.出版物设计

2

Legue Spartan是一种现代字体,笔画粗、结构正,与优雅、传统的字体Libre Baskerville搭配可形成强烈的对比感。内文使用衬线字体可增加大信息量文本的易读性。将文字以分栏形式呈现是个不错的选择。事实证明短的分栏宽度易于阅读,所以在使用分栏格式时,记得缩短文本空间的宽度。

02.简历

3

字体Julius Sans One基线较长,十分醒目,与短而有力的字体Archivo Narrow搭配增加了易读性。每次谈到简历和其他正式文件时,人们总会想到死气沉沉的字体和气体搭配,尝试一下改变吧。将简洁、易读的字体搭配在一起,制作出有层次、平衡的排版,会给你的简历加分不少。

03.体育活动

4

粗体、圆润的字体搭配浅色、简练的字体会有不错的效果。此案例中的三种字体都是笔画强劲、易于阅读的。粗体宽体的 Archivo Black很符合男性读者的口味。此案例中,文本用了从背景图片中提取出来的不同的颜色,此技巧可以为设计带来象征感。文本环绕图像放置,勾勒了背景中舞者的体型,引导读者的眼睛像读故事一样欣赏这幅设计作品。

5

04.电子书

6

不要介意在作品中只用一种字体。像 Libre Baskerville这样有变式的字体可以给作品创造细微的差别同时避免将作品复杂化。它易读性强,是标题和正文的经典常用字体。下面的案例用Libre Baskerville展示了如何使用同一种字体的不同变体设计作品:案例中作者使用Libre Baskerville的斜体书写副标题和一个单词。

7

05.时尚零售

8

Bebas Neue是受设计行业钟爱的一款字体,它简练清爽,很适合做标题字体。Montserrat圆润纤细,与Bebas互补,形成对比,搭配起来不失整洁和现代感。案例中文字组合形成了梯状几何图形,“季节甩卖”的两侧各有一条横线,像书签一样,令其整体长度和标题一致,使画面更加协调。

9

06.优雅风格

10

你不必用不同的字体来达到夸张的效果;用同一字体的等线体或粗体可以达到很棒的效果。Lora 是一种优雅考究的衬线体,其斜体和常规体线条柔美,具有流线性。将文字放在背景图片的有趣区域中,案例中的文字放在兰花花瓣上,花瓣深粉色的部位放置了白色的正文,浅粉和白色的部位放置了了桃红色的标题和副标题,文本右侧放置了等高的桃红竖线,使整体紧凑和谐。

11

07.头版

12

这类字体搭配和常见于报纸和印刷品中的字体有些类似。案例中,Open Sans Extra Bold和大字标题一样抓住了读者的眼球。这些字体笔画粗犷,简明有力。副标题和章节标示使用了等线体Cooper Hewitt,正文部分使用了易读的PT Sans ,这些字体的搭配使作品具有稳重平衡的感觉。

13

08.科技

14

Roboto Condensed是非衬线字体,完全抛弃装饰衬线,更注重交流的功能,适用于正文,其粗体非常适合做标题。它的x高度较高,造型简明有力。我们用不同的比例和大小来区别标题和副标,将文字不同行放置也是个不错的选择,可以构成层次感。

15

09.美术馆

16

Cooper Hewitt字体圆润,它和它的变体适合分别做标题、副标题和正文字体。背景图片中呈规则几何形状、颜色对比强烈的区域适合放置文字,记得将背景加深增加文字的可读性。

17

10.邀请函和活动通知

18

Playfair Display适合做喜帖和邀请函的字体,其斜体和粗体搭配画面和谐富有层次感。有时可以借助背景颜色勾勒文本,案例中背景渐变的浅色天空淡化了文本。

19

11.产品宣传

20

Norwester字体粗,引人注目,适合做标题字体,它与Kollektif 、Montserrat搭配使用具有结构感和几何感。我们要注重与读者的视觉交流,用这样强有力的字体组合来象征产品的刚硬是创造视觉隐喻的好方法。

21

12.生活杂志

22

Source Sans ProSource Serif Pro的设计初衷就是搭配使用,达到和谐的排版效果。使用网格可以创造平衡感和层次结构,是制作干净、富有结构感的构图的最简单的方法之一。从图片提取颜色制作底色和文字形成了一致性和视觉的和谐。

23

13.脚踏车商店

24

案例中的这组搭配很有意思:Yellowtail 是笔画很粗的手写字体,还融合了圆体斜体字效果,Open Sans Bold 和 Open Sans light是简洁的基础款字体。手写字体适合做可爱短小的标题。手写字体文本太多的话会很难阅读,所以控制手写字体的字数。调整字体斜体的程度,找到适合你的设计的角度。

注意:在背景中适合的地方放置文字,如案例背景中,脚踏车右侧的大片空白墙面和脚踏车的上方。文字要根据图片调整大小、弯曲程度,如放在脚踏车上方的文字根据脚踏车车座和把手的中间凹陷增加了弧度。

25

14.展览

26

圆圆的Raleway字体和简练的Roboto Condensed字体是组很好的搭配。笔画较粗的标题比较配笔画较细的正文。用不同粗细的同一字体是创造层次感和细微差别的好方法。提取背景图片的颜色填充文字的颜色会引到读者将文字和主题联系在一起。

27

15.地中海风格

28

Cinzel是很具有现代感的字体,虽然它是从经典的罗马体发展而来的。Quattrocento 和 Lora字体具有优雅圆润的弧形衬线,因此容易将它们和中世纪文艺复兴联系在一起,与现代字体Cinzel搭配使用适合做标题或者邀请函。下面案例的风格比较经典,文字长宽等宽,形成了一个很好的构图。

29

16.形式与功能

30

Oswald 是屏幕上常见的网页字体, 与Montserrat LightCooper Hewitt搭配是一组功能强大且易于阅读的字体组合。为了凸显Oswald 这样的字体,我们需要给文本和文本框使用对比鲜明的颜色,这不仅可以使文字脱颖而出,也增强了标题、副标题和正文之间的层次。放置文本框的时候确保这些文本框对齐。尝试下用黑色、白色和低饱和度的图片构成一副浓烈的单色风格作品吧。

31

17.年度报告

32

报告需要简明的字体组合,案例中的三个字体组合就很好。不要怕用细字体作为标题,细字体可以突出设计的结构。当你使用这种字体时要确保文字的易读性,用平面彩色可以形成对比,使文字脱颖而出。

注意:细字体易显瘦弱,将其与亮色和其他元素搭配可以给你的设计添加趣味。

33

18.艺术和物体

34

Kollektif 创造于21世纪,是一种优雅、简洁的几何无衬线字体。它顶角和底脚非常锐利,字母正圆处理,笔画粗而有力,很适合做网页或打印材料字体。Gidol纤细简洁,与Kollektif 搭配形成强烈的对比。选择字体不应取决个人喜好 ,而应取决设计效果。可能为了总体效果,“G”要下降些,或者像Kollektif 中的k像在拥抱o一样。i上面的点非常圆,这点与其他常规字体不同。

35

19.时尚杂志

36

Bodoni 是常见的时尚杂志标题字体。Massimo Vignelli曾说过,Bodoni 是最优雅的字体之一。Bodoni 和Montserrat 的搭配即形成对比 ,有具有优雅、现代的感觉。将文本放你在背景的某块图像内是个明智的做法。确保文本颜色图像颜色形成对比,放置图像细节过于复杂降低了文字的可读性。

37

20.探险活动

38

Merriweather 适用于网页设计而不适合打印。其粗体和常规体的搭配构成了一个美观易读的作品。

39

规则是用来被打破的,所以不要局限于特定的搭配。尽情尝试不同的布局和风格,尤其是像层次创建和排版的设计。无论你选择优雅的衬线字体还是更具现代感的字体,记住字体代表着品牌的印象。成功的字体组合不仅增加了易读性,而且有助于更好地向读者传达信息。要想将视觉元素组合在一起打造品牌的个性,字体的运用是基础。快利用这篇博客学习字体搭配,提高字体排版的能力吧。这将是激励你动手制作品牌的指南!