查看原文
其他

一篇文章搞懂西文字体。(内附字体包)

牧子、山吹 研习设 2022-10-16


研习设订阅号

设计干货  杜绝注水



戳一下看视频版,今天有彩蛋!











请大家看这样一张照片 在高速公路的指示牌上使用这样的衬线体,它真的能胜任吗?



很多时候我们在高速公路看指示牌时都离的较远,如果离远了,这样的指示牌还能看清楚吗?答案是不能,因为它的横画太细了。

如果换成无衬线体,文字是不是立刻清晰起来?从这个例子我们可以看出字体的选择是至关重要的,对字体的了解与使用是我们设计师必须要掌握的专业能力。









想了解西文字母还要先从它的构造说起。我们先要了解西文字体构造中的一些术语,那关于西文字体的术语有很多,我们这里就挑选了一些比较重要,容易理解的来讲一下。



字臂、字腿



笔画对比度、字怀(字谷)、轴线



末端(末梢)、字腕、字尾、开口



字钩



关于西文构造的专业术语非常多,文章这里只是简单介绍了几个比较重要的,如果想要了解更全面的西文术语知识,可以扫描二维码,加入我们的研讨群。我准备了一个西文字体的术语表,到时候会在群里发给大家。







说完了结构,我们要讲的就是分类,西文字体常见的分类一般就是衬线体和无衬线体,但是其实在衬线体和无衬线体下也可以针对字体的气质在进行一个细分。





衬线体可以分为人文主义衬线体、过渡型衬线体、理性主义衬线体......


而无衬线体可以分为复古无衬线、现代无衬线、几何无衬线和人文主义无衬线等。除了衬线体和无衬线体还有粗衬线体和书法体,接下来我们就给大家推荐几个美观好用的字体。








人文主义衬线体是以手写体为基础形成的最早的衬线体,已经有了几百年的历史了,其笔画的形态受西文书法的影响比较大。这类字体我们推荐这款“Garamond”,下面我们来看一下它的特点以及构造。



#具有书法感的收笔



#衬线非常具有人文气息



#倾斜的轴线



#笔画对比度适中



← 滑动查看更多作品 



Garamond形状精炼,且易读,是最受欢迎的人文主义衬线体。并且加拉蒙也常见于发行至全球的出版物编排设计和各大品牌的标志设计中。





Garamond适用于内容具有正式和庄严感的作品,例如诗歌。我们在使用的时候,也可以将Garamond应用在一些具有古典气质的作品中。例如这幅画,如果我们想要标注它的作者,就可以使用Garamond搭配。








除了古典画作之外,也可以搭配一些古典的建筑和场景,我们在服务这类客户服务的时候就可以使用Garamond来作为一个装饰字体使用。





另外,Garamond也可以搭配中文的宋体字来使用,而且这是一个万能字体,如果你想用衬线体但又不知道用哪个,选择Garamond总是没错的。







过渡型衬线体与人文主义衬线体在结构上有所不同。巴斯克维尔是过渡型衬线体的代表,我们将Garamond和Baskerville对比来看一下。





PS.

左为人文主义衬线体 Garamond 

右为过渡型衬线体 Baskerville


#Baskerville(右)书法感较弱



#Baskerville(右)笔画角度更具变化性



#Baskerville(右)形状比例更规则



看完了对比接下来我们看看Baskerville的字体特征。



#笔直的字腿


#衬线左右对称


#末端呈球形



#通常作为品牌的标准字体



Baskerville设计优雅细致,字母形式无可挑剔。长久以来被视为经典,正式因为Baskerville的这种贵族的气质,所以许多高端的品牌经常使用Baskerville来为品牌增加优雅高级的气质 。

英国服装品牌亚历山大麦昆、英国枚昆丝花艺公司、凯特丝蓓设计师服饰等等都曾经使用Baskerville作为品牌的标准字。




除了用作品牌的标准字体外它还非常适合阅读,曾作为亚马逊kindle阅读器内嵌字体之一。







Didot字体代表了衬线体现代风格的顶峰,它的出现是对传统的衬线体的一种继承与革新。



#它具有无括弧的细衬线



#笔画对比度极强,竖画粗横画极细。



#弯曲向上的字钩



▴ 「瑞典浩室黑手党」乐队的广告


具有以上特征的Didot外观典雅,特征明显,是非常适合用来展示的字体。



▴ 作为时尚杂志「VOGUE」的标准字


此外也适用于企业和品牌识别设计,更是所有强调「现代感」设计品的最佳代言字体。和美妆、时尚及音乐有关的领域用来传达信息的首选字体就是Didot。




我们在日常工作中如果碰到时尚品类的客户,也可以使用Didot字体,比如一些服装品牌。








早期无衬线体我选择了这款“Franklin Gothic”,它的字母比例规则,笔画对比度匀称。



#末端带有角度



#只有在笔画连接处才有粗细的变化




纽约现代艺术博物馆从标准字到引导标识再到宣传文字皆都是采用Franklin字体,艺术是人类创造的,本身就具有一定的人文感,但作为现代艺术博物馆又要具有现代感,所以使用Franklin是再合适不过的了。




一开始的 franklin 主要是用作展示和标题字体,它的身影经常出现在海报和杂志里。




这款字体,后来也追加了其他字重,用来编排内文也是不错的选择 。







提起现代无衬线体,怎么能不提到Helvetica呢,这款字体是世界上最有名且最广泛使用的字体之一。



#它的笔画对比度几乎为零



#开口窄



#字母末端皆呈90度水平或垂直收尾




许多跨国企业都使用Helvetica做为企业的标准字体,像是美国航空、苹果公司、宝马汽车、德国汉莎航空、微软公司和纽约地铁等等。




Helvetica笔画干净分明,字体辨识度高,非常容易辨认,作为内文也是非常不错的选择。



▴ 我随手拍的书里的几页


关于Helvetica的内容一两句是说不完的,这里我想向大家推荐一下这本书,想要了解这款字体的可以去阅读一下。


书中全面的介绍了Helvetica背后的全部设计进程及它所造成的社会影响。







几何无衬线则是最不具变化性,最无机冷淡的字体。比较具有代表性的就是以美国《前卫》杂志的标志为基础发展而来的“Avant Garde”。





字怀多为正圆



Avant Garde所有字母和形状都是利用圆规和丁字尺手绘而来的,笔画之间没有粗细对比,更多的偏向于纯粹的几何形。



▴ 美国梅西百货公司


美国梅西百货公司,是美国一个历史悠久的连锁百货公司,他们的logo使用的就是Avant Garde




由于Avant Garde的几何属性,让它在标准字的领域有很多应用,比如美国的电视影集《欢乐合唱团》和英国的唱片公司hedkandi都使用了Avant Garde为标志的标准字体。





因为Avant Garde每一个字母都很有几何感,单拿出来都是很好看的,所以我喜欢将Avant Garde应用在科幻或者科技类题材中。




想表现男性与时尚的版面,Avant Garde也是一个不错的选择。










Frutiger是一款真正国际化的字体,形状简单,笔画对比度低,十分好辨认。




开口大,从各个角度都看都利于阅读。





原始用途是为巴黎的戴高乐机场量身打造的标志及导视系统,后来它受到世界各国机场的一致青睐。



阿姆斯特丹史基浦机场/伦敦希思罗机场/东日本铁道站台/瑞典高速路


Frutiger可以说是人文主义无衬线体中最好读,视觉感受最佳的一款字体,后来广泛应用于印刷出版企业标志品牌塑造和广告设计业中。







哥特粗衬线作为粗衬线体中最具重量感的字体。以Clarendon的设计为例,它的设计灵感来自于木刻展示字体。



外形极具个性,向上的字尾。



带有括弧的粗衬线



由于来自木刻,外观十分壮实,但具有友善的感觉,是很热门的标题和展示字体。




这个品牌大家一定都不陌生,没错,它就是索尼。它使用的就是这款Clarendon。




例如美国富国银行的标志字体的标准字体。西班牙发行量最大的报纸《国家报》以及刚刚所提到的索尼的商标。









人文主义粗衬线Caecilia相较于人文主义无衬线,则是在整体形态不变的情况下添加了没有括弧的粗衬线。



#末端朝外,开口显大。


#无括弧的衬线,看起来与字干同粗。



而Caecilia这款字体是在粗衬线中易读性很强的一款字体。适用于正文,当出现在分辨率低的屏幕上时依然清晰可见。





这也正是亚马逊选择这款字体作为Kindle阅读器默认字体的原因。它能为文章创造轻松的阅读氛围。







几何粗衬线与几何无衬线一样多由几何构成,笔画粗细匀称,具有很强的机械感。



#无括弧的衬线



#圆形的笔画



#最低程度的笔画对比




它的样貌清晰明确且气势惊人,虽然有很强的机械感却又具有人情味,常被用于提高精炼感与格调。在全球有很多大型企业和组织团体会采用和重新修正Rockwell作为他们的标准字体。




我们试着用Rockwell做一款关于手表的网页页眉,先置入主体元素,然后按照文字层级关系置入文字,最后添加其他元素。




到这里看起来大概没什么问题,但其实页面由于没有纵深关系所以显得很平,我们在手表后添加一个渐变,这样页眉就做好了。



在日常工作中如果碰到男性的,具有力量感的客户,也可以使用Rockwell作为标题字使用,比如这款机械表。




字体的分类体系是由它的形态特征以及历史中演变的过程来决定的,它可以让我们通过书面语言对庞大的字体世界有一个基本的认知,只有掌握了这些基本的认知我们才能去更合理的使用它们。


文章中提到的字体都在评论区第一条链接中,如果想要获取更多的西文字体和西文字体知识,可以扫描二维码加入我们的研讨群,好啦,我们下次再见。







参考文献


[1] 西文字体.小林章

[2] 字体设计的规则与艺术.Karen cheng





往期教程导读:




由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存