Our Method

字体有性格,表达各不同,看看你用对了吗?

标签:动态
作者:欧赛斯
时间:2018-08-29 14:17:07

【平面设计做不好,多半是字体没用好】在欧赛斯这个营销咨询公司,其实平面设计也占了很大一部分。有些刚入行的设计师,做了很多的设计,无论怎么去想,去做,去创意,甚至抄袭,出品的作品还是很落后,远远达不到理想。其实真正出问题的地方在于字体。我们收集并整理了字体设计相关的知识,分享给大家,希望广大营销策划人员、平面设计人员能在工作中少走弯路。


今天我们主要讲述西文字体基础术语和西文字体的分类与历史及情绪表达。

一、西文字体基础术语,我们用下面两张图来做图解,方便大家理解。

二、西文字体最简化,也就是最简单粗暴的分类,主要是衬线体和无衬线体两大类。二者区别在于衬线体有爪形的衬线并且笔划粗细有变化。接下里我们将分别介绍衬线体及无衬线体中的细分种类。


衬线体


无衬线体

A、衬线体

非常古老,可以追溯到古罗马时期的石柱铭文。它风格古典、正式,具有历史传统和意义。

按照历史发展顺序,衬线体可分为:古罗马体(Oldroman),旧风格字体(Old style),过渡字体(Transitional),现代字体(Modern)。我们选取其中两个节点——Old style和Modern字体,通过对比两者特征,就可以理解整个衬线体的发展。

衬线体


衬线体

旧风格字体(Old style):

特征:对角强调线,倾斜、括弧型衬线,较缓和的粗细过渡。

风格:传统,常见于书籍、报章杂志的内文排版。


现代字体(Modern):

特征:垂直强调线,水平、极细衬线,强烈的粗细对比。

风格:横平竖直,现代感,高冷。

总结起来,在整个衬线体发展中,笔划对比变得越来越强烈,衬线越来越尖锐纤细,过渡字体的笔划粗细和衬线弧度恰好介于Old style和Modern之间。其一大原因是刻字师傅的技术越来越进步,刻工也变得细腻,使得精确的线条、更精细的粗细对比成为可能。而强调线的倾斜角度也逐渐被「扳直」,这是手工书写向现代排印转变的一个表现。

现代字体

古罗马(Oldroman)、旧风格(Old style)衬线字体案例:

《Kinfolk》是一本推崇慢生活的杂志,常介绍美食、旅行、有格调的家居设计,欣赏微小平淡,返璞归真的美。在此背景下,它的标题使用的是一种古罗马体(Oldroman):OptimusPriceps,有一种手工感、古拙的趣味,以及书法的味道。可以注意F衬线左右两边的不对称,以及O笔划的凹凸不平。这种字体风格与kinfolk的定位是相符的。内文使用的有旧风格字体(Old style)Calson和Garamond,相比下我更喜欢下面第三张图内文使用的Garamond,搭配大背景图片和居中排版,显得传统、柔软,有一种诗歌般的美。

旧风格
旧风格
旧风格

现代字体(Modern)案例:

因为现代字体(Modern)有着锐利的工业感, 同时也保留着传统的衬线元素,显得现代而优雅。所以非常适合时尚工业,Vogue、Elle等杂志都使用了现代字体。许多奢侈大牌也用现代字体作为logo,强调自己百年的传统工艺和优良设计。如使用 Didot的 Giorgio Armani、Burberry,以及使用Bodoni的Valentino。

现代字体(Modern)案例
现代字体(Modern)案例

通常会认为,衬线体代表古典正式,无衬线体代表现代亲和。但衬线体真就不能传达出现代和亲民么?

现代与古典

答案是否定的。Converse所使用的字体Rockwell属于板状衬线体(SlabSerif),如下图所示。它的特点是衬线和字粗细相同,几何与单线设计呈现出现代、年轻的感觉,不似现代体(modern)的精细,适合复古潮牌。


板状衬线体

所以字体的情绪其实是相对的,仅在衬线体内部,也有不同情绪的区分。

不同情绪区分

B、无衬线体

无衬线体的特征和风格:

(1)完全抛弃装饰衬线,只剩下主干,造型简明有力,更具现代感

(2)适用于标题、广告,瞬间的识别性高

(3)笔画粗细对比小,视觉上看起来基本一致

(4)x高度较高

无衬线体分类

无衬线体也可以细致的分为四类:早期的无衬线体(Grotesk)、新无衬线体(Neo-Grotesk)、几何无衬线体(Geometric)、人文无衬线体(Humanist)。下文每类选择了一种代表字体来进行介绍,从新无衬线体(Neo-Grotesk)开始。

1. 新无衬线体(Neo-Grotesk):

代表字体是广为人知的Helvetica。用Helvetica作为logo用字体的品牌数不胜数。该字体诞生五十周年时曾有一部纪录片《Helvetica》客观的纪录了它的诞生背景、流行影响、以及各年龄层设计师对它的评价,相信很多设计师已经看过了。

新无衬线体


新无衬线体

“设计师的生活是战斗的生活,对抗丑陋的战斗。”——《Helvetica》马西莫.维涅里


设计师的生活是战斗的生活,对抗丑陋的战斗

先谈谈helvetica的优点:

(1)中性

现代主义认为,字体本身只是传达信息的媒介,简明的字体可以让信息更准确地传达,这比视觉表现、风格更重要。因此Helvetica在设计中遵循这一设计理念,保持中性,正如那个比喻说的「字体应该像一个透明的容器」。由于它中性的特征,Helvetica既可以被运用到地铁导视系统,给人有一种现代、高效、清晰的感受,也可以被运用到AA这样的时尚品牌。因为中性,就有了更广阔的运用空间和更开放的解读方式。

Helvetica
Helvetica

(2)具有坚实的形式

在这里说「坚实的形式」而没有说「可读性佳」,是因为它的可读性是有挑战的,但Helvetica确实在字型设计上经过认真考量。在Helvetica之前,广告、杂志上的字体充斥着浮夸花俏的手写体,Helvetica的出现就像一股清流,它去掉了多余设计,关注字体本身的结构,给设计界带来更优质的可选方案。

坚实的形式

整体感受是简洁、清晰,没有手工感,非常冷静的字体。细节:

a. 切口齐平,笔画始终以水平或垂直收尾

b. 顶端平坦

c. 方形点

d. 据说Helvetica字母包围的面积和它的笔画所占的面积是一样的

e. a的负空间呈水滴型


(3)与瑞士平面设计紧密相关

Helvetica的成功不是它一个字体能够完成的,是跟一系列的新无衬线体(Neo-Grotesk)的出现,以及与整个瑞士平面设计的融合,风靡全球分不开的。它们共同形成了一整套完整的理念:崇尚绝对的理性、客观、系统化。如我们所熟知的网格系统,就是推崇系统性、数学化的视觉体现。


与瑞士平面设计紧密相关

瑞士平面设计的典型手法是以纯粹的文字编排来做极简传达。它在1960年后风行世界,是因为表现简洁、直接,并且在操作上容易标准化、系统化。当时的美国企业正在为全球化扩张寻求一种快速传播并且统一识别性的视觉解决方案,瑞士平面设计、Helvetica的出现加上各种大师的成功运用,把它们一起推向顶峰。


与瑞士平面设计紧密相关

 然而Helvetica并不是完美的,在这里归纳三个缺点:

(1)缺乏韵律。Helvetica的设计理念是一致、去个性,字母的整体造型都偏圆,因此缺乏阅读韵律,并且没有针对小字阅读优化,在优秀字体及细分领域都丰富的今天,Helvetica的优势减弱。

(2)中性也是一把双刃剑。冷静,客观的同时,也抹杀情感,忽略了形式可能为用户带来的愉悦。

(3)滥用。可参考今天Flatdesign的泛滥,误用、滥用造成人们的审美疲劳。

Helvetica

如果你喜欢中性的字体,又想修正Helvetica的可读性缺陷,可以尝试Univers,比Helvetica更加洗练的造型,并且字重齐全。

Univers

另两款新无衬线体(Neo-Grotesk),分别是Helvetica的前身和号称Helvetica killer的字体。


Neo-Grotesk

2. 几何无衬线体(Geometric):

代表字体是的Futura。所谓“几何”就是将字母归纳为圆、方、三角等几何形状的字体。


几何无衬线体

Futura受到包豪斯的影响,造型有设计感。笔划以垂直、水平的硬朗笔划为主。细节:

(1)顶角和底角非常锐利

(2)字母正圆处理

(3)升部降部偏长,优雅


Futura

iPhone的报刊杂志icon,「ART」三个字母使用的就是Futura。


Futura

Futura在德语拉丁语中是「未来」的意思,因此它除了常见于有设计感的产品,如LV、Omega,也常用于「未来」题材。

LV


未来

在前面的图中可以看到Futura为了保持设计感,j、t省略了尾部,a、g使用单层结构,因此在可读性上有些问题,并不适于内文排版。并且它个性鲜明,有点「抢眼」。如果你喜欢几何无衬线的造型,但又想选择更温和、可读性强的字体,可以尝试Avenir。Avenir虽然同属几何无衬线体,但它在被设计时并不拘泥于几何形式,而是以视觉为准,显得人文、柔和,如a的尾部增加了一点点外翘的小细节。


Avenir

3. 人文无衬线体(Humanist):

代表字体是Myriad。人文无衬线体具有更好的韵律感,气质开放、亲和,与Helvetica的相比更儒雅,不匠气。下图通过对比可以直观感受到什么是「人文」特征。

人文无衬线体

(1)人文无衬线体的x-height相对较小,使整体更有韵律。

(2)人文无衬线体的e、s等字母收尾采用半包围结构,更开放,不如Helvetica全包围的那么拘谨,显得亲和随意。

(3)人文无衬线体线条柔美,不是Helvetica的工程感,更流线型,具有一定的手写味。


人文无衬线体的x-height相对较小,使整体更有韵律


人文无衬线体的e、s等字母收尾采用半包围结构,更开放

相关文章