字型文字初学设计

文字排版(Typography)不只是从下拉选单选择字型和点数而已,文字排版是一项传播数世纪的技艺,自木制和金属的活版印刷便开端,而且它不只历史长久,还很适用,大部分的人只要控制一些适用的诀窍,就可以将之活用在诸如履历表、电子报或名片等日常设计项目上。

那么今天这条知乎专栏呢,我就收拾了资深视觉设计师 Janie Kliever 在 Design School 之前发表过的一些文章,列出 10 个能帮你促进文字排版的诀窍和密技,虽然介绍的是英文字型,不过还是相当适用,无论你是在筹备作品集排版,还是其他意义上的排版,都是非常有用的!让我们一起来看看吧!

1. 将要表达的讯息配上恰当的感到

用了两种差不多的字型?或是你总是用最爱好的那一种字型?以上都是没有妥当选择字型的情况。

每种字型都散发奇特的感情或个性,也许是友善、新潮、严正或傻里傻气,但大部分的字型并不是万用的,所以你要断定一个字型对你来说是怎么样的感到,还有它适不合适放在这个设计里面。方式之一就是列出你盼望设计浮现哪些特质,如果能先断定内容更好,这样就能直接挑选字型来配合树立好的内文调性。

字型设计师 Eben Sorkin 曾经说过:每种字体都有自己的声音,这种声音将影响我们浏览文字的感受,也影响我们接收和处置信息的进程。

它的力气强盛,能让任何情势的文字沟通更加有效且更有说服力。当文字符合字型的个性,大家浏览起来会更快更容易;若两者不合,文字就会变得凌乱,拖慢读者的速度。访客读起来越容易,就越容易找到他们要的内容并点击购置或返回(或达成其它设计的目标)。

让我们快速看几个典范:

一个遵守「传统配方」的护发产品,融会了复古和现代的字型。

(Design by Device Creative Collaborative)

主打回到实质的产品,包装走极简瑞士风设计美学和字型搭配。

(Design by Salih Kucukaga)

转达历史和工艺精力的字型选择,字型和整体事业的品牌形象相当搭配。

(Mike Casebolt and Sergey Grigoryan)

古典的衬线字体,看起来相当合适 1925 年就揭幕的出版商的部落格,不过这个字型易读、简明而且平易近人,带来一种现代感,而且更合适用在网页上。

(Random House Books)

关于中文字体的性情剖析,参见:《不会挑选字体?来看看字体的7种类型及特色》

2.配合读者的心境

现在你已经替你的设计配了完善的字型,但有个小问题,并非所有人对同一种字型都有一样的感到,选择了合适的字型后,你也要断定它合适你的观众。

可能有一群人感到这字型很新潮,另一群就感到它过时,因为我们看字型的方法受到文化连结的影响,而文化又和年纪及地域有相当大的关系,所以要对你的目的群众有敏感度,如果你对选择的字型有所犹豫,问问那个集团的人,征询他们的看法,能让你的文字排版后果更好。

(Designs by Peetie Design and Kelly Schmidt)

如果你的观众范畴很广,并非特定族群呢?那你可能就得选择较为中性的字体,不强调鲜明特点而能融入其他对象。这种字型经常称为「Workhorse」字体,通常是基础的衬线或无衬线字型,而且因为不引人注意而用处普遍。

▲Google 字型中一些多用处字型。

最有用的多用处字型通常还会供给各种粗细和类型。

3.让字型的尺寸搭配设计内容

选择和部署设计的字型时,浏览难易度应当是重要斟酌之一。字太小难以浏览,字太大又很烦人,因此一般而言,印刷用段落文字应当落在 10 — 12 点之间,而网页则是 15 — 20 之间,大部分的阅读器默认值是 16 点。

你可以用 Type Scale 这个免费工具来检讨 Google 字型库的字型,各个尺寸在网页上看起来如何。

▲Type Scale

若不是用在长文的字呢?你可以参酌设计本身,包含全部版面的大小或浮现方法,加上一点基础常识辅助断定。一些像名片之类的小型项目或是长段文章会须要小一点的字,但这些字也要清楚易读,而非充斥装潢。

大型项目如海报,因为空间更多而且大家通常会从远一点的距离观看,就可以容纳大字,若选择相对小的字体,则有更多空间施展创意和选择更有型的文字。

4.部署层次

如果一个设计层次分得好,看起来就整齐,容易定位,可以更容易找到你要的信息。文字排版的层次对于像是电子报、杂志、书和其他传统印刷物,及某些网站等文字很多的设计特殊主要。

基础的层次设计,可以应用以下几点:

用字的大小来依主要性排序信息。

用充分的空间来发明一个容易检视的架构

把相干的对象分成一组

在恰当的情形下,用题目、副标等明白地分类

注:这个是特殊要害的一点,想具体学习的同窗可参见:

《设计易容术!如何设计一张高品位高水准的海报?》

《设计易容术!如何设计一张高品位高水准的海报(二)》

《设计易容术!如何设计一张高品位高水准的海报?(三)》

5.别疏忽了留白和对齐方法

设计成也细节,败也细节,其中留白和对齐影响很大,这两者可以让版面又挤又凌乱,也可以带来清洁和秩序。

让我们一起来看看几种常见的留白:

字距(Tracking):文字间距,又称字间,这是在一段或一句文字中,每个文字的固定间距,调剂这选项会让整体文字看起来更挤或更松,缩小间距常用来节俭空间,但太过紧密会让文字难以浏览,配合所选字型,找到合适的文字间距,是让文章好读的最佳方式之一。

行距(Leading):每行间距,这是行与行间的垂直距离,就像字距一样,过多过少都会让文字难以浏览或格格不入。

边界:这是设计周边的空白空间,除非有特别需求,不然通常你不会想让内容看起来像要掉出页面一样,在页面周围慷慨地留点空间,读起来会更舒畅。

留白:用来指设计中所有空白、白色、空无一物的空间,如果你要放很多内容,留白看似很挥霍,但要让画面平衡、有条理,这是不可或缺的。他让观众的视线在画面中移动,同时让眼睛有处所可以休息。

至于对齐方法,「坚持一致」是促进文字排版最好的方式,在同一设计中无意义地切换各种对齐方法(靠左、靠右、置中、疏散),只会看起来很随意。

一些小诀窍:

少用两端对齐。这几乎每次都会发生一堆不规矩的空间和随机散布的大批空白,看起来很乱而且很难浏览。

在段落文字选择一种对齐方法(通常是靠左),并坚持一致。

(Design by Bryan Kidd)

6.学会字距微调

有一种留白是大家常常疏忽的:字距微调(字间)。字句微调常和字距搞混,但两者是不同的,字句微调是单指两个文字间的距离。

字句微调通常是用来检讨文字排版是不是完善且专业的最后一个步骤,每种字型都有默认的字句微调,但有些文字组合起来间距就是不幻想,尤其又大又显眼的文字排版,比如说题目,最好多检讨一下有没有哪两字间隔过大或过小,必要的话再手动调剂。

7.限制你的字体、粗细和样式数量

我们酷爱各种字型,但好东西太多也不好,一个设计用过多不同的字体看起来会凌乱又不专业。

基础上,一份设计别用超过三种字体,如果是好的设计搭配对的内容,也是可以打破这项规矩,制作电子、复古的后果,比如以下这份设计。

如果你刚开端混杂应用字型,基础的衬线搭配无衬线字体,几乎都能搭配,或者找一种有各种粗细和样式的字体或字系统列来搭配,这样你的文字排版看起来就互相呼应,同时还保存一些变更空间。

▲免费字系统列 Alegreya Sans

粗细和样式很容易被滥用,这些样式可以强调文字的主要性,在视觉上更突出,或是模仿说话语气,但别在一段文章内用上一堆样式,这样会看起来强调得太用力,而且会让读者觉得不礼貌。实际上,就算只用超过一种以上样式的机遇都不多。

8.避免常见的「排版病」

设计程序当着我们完成很多了不起的事,但若不够警惕,有时候也让人容易犯下一些显而易见的过错。〈Thinking with Type〉 的作者 Ellen Lupton 在书的官方网站上,举了几个坏习惯作为例子: 不要为了填满版面任意拉长文字,若你只拉长一个方向,会让文字及间距严重变形,如果要重设大小,请固定长宽比例。

别用过错的引号。在英文字句中有的人会用直线引号取代逗号型引号,或者在中文应用英文引号,大部分的程序可以设定主动代替功效,或是打字的时候善用快捷键。

不要应用假斜体。如果字型本身没有供给斜体,在设计程序里还是可以简略地把它倾斜,做成斜体,但这种技巧会让字体变形,而且通常看起来很糟糕。真的斜体是另外设计来弥补底本字型的不足,而且通常是比拟好的选择。

9.避免冲突的色彩或背景

文字排版很少独立存在,它通常会和其他元素搭配,尤其是背景。文字和其他部分间有足够的对照,可以让文字更易读,但有些小技能可以帮忙调降一下对照:

色彩的冲突:如果要帮文字挑色彩,你可能会想要挑个能和其他元素搭配的色彩,包含背景,如果色彩太格格不入,像是很丑的弹出式广告窗口,背景是红色,字是鲜绿色,或者色彩太相近,像是白色的字搭浅色背景,眼睛累赘都很大,视觉后果很差。

试试用现有的色系组合,来发明协调的画面:

图案或庞杂的背景:一样地,太庞杂的背景也会让字难以浏览,而你应当不想观众找不到信息。

试试看把庞杂的图案放在边框,或是不会干扰浏览的处所:

(Design by Szende Brassai / Adline)

特别后果:透明、围绕,还有许多文字特效这些都很好玩,在某些情况下也很适用,不过也很容易用错。我们有时候会陷入「这个设计很好看,但一点都不适用」的陷阱里。

试试在可以促进设计后果的时候才用特效,而不是看到特效就乱用。

总而言之,当你尝试施展创意的同时,记得坚持文字排版的清楚易读。

10.察看与练习

促进文字排版技能的最佳方法之一,就是察看其他设计师的作品是如何应用文字排版,这须要不断地练习并培育断定的目光。所以请时时注意优良的文字排版,它可能是捷运告示,也有可能是杂货的标签。

所以现在就靠你自己了,请妥当应用这些诀窍促进你的文字排版技巧吧。