header_v0.7.32

西文书法与西文字体 (二)

71天前发布

原创文章 / 多领域 / 教程
brightwoo 原创,如需商业用途或转载请与brightwoo联系,谢谢配合。

西文书法、 西文字体、品牌历史


cc6659a7ef21a801211d2539ccb2.jpg 

------------------------------第一篇链接------------------------------

(首先,先把目前为止写过的几个logo合成一个视频,贴在前面方便大家浏览)


这一篇我们继续来说一说其他一些类别的字体在logo上的体现。要知道,在还没有电脑制图的年代,许多设计师做一张海报就要靠手绘和手写,那是十分考验美术功底和整体把控力的。现在我们已经相当幸福,拥有着各种高科技工具和实现手段,但是却往往忽视了设计师最基础的东西,就是动手能力(除却电脑以外的手工、手绘、手写基础)。我个人比较推崇的还是两条腿走路——保持对最新潮流与技术的敏锐感知,同时不忘传统技能的延续和再造。

2cd359a92da7a801211d25fc5972.jpg



7a4659ace449a801211d25e03223.jpg

通常学习西文字体设计的历史,首先避不开的肯定是帝国大写体(Imperial Capitals),即罗马大写体。它是衬线体的鼻祖。帝国大写体是古罗马时期专门用来记录重大事件,用以彰显帝国权威的一种字体。平时可不能随便使用。为了流传后世,所以一般都被隆重地刻在了石碑上,比如打了胜仗的时候。

 b8bb59a92b39a801211d257b57ed.jpg


提到帝国大写体不得不提到著名的Trajan字体,它由美国字体设计师Carol Twobly于1989年设计,她曾在Adobe负责字体工作。Trajan基本上还原了帝国大写体的样貌。

Trajan是一个罗马皇帝的名字,翻译过来叫图拉真。去过罗马旅游的应该有印象,就是立在图拉真广场上那根纪念柱。上面刻有的帝国大写体是目前世界现存最完整的的帝国大写体范例。

不过,罗马时期的字母表只有23个字母,因此帝国大写体是没有J、U、W的,后人根据帝国大写体的笔划特征生“攒”出了这仨字母的字型。帝国大写体同时也是没有小写字母的。

1e8059a92b56a8012028a951bfd5.jpg

 

Trajan由于其古典、庄严、尊贵的气质,因此被常用在各种政府、教育机构还有电影海报上。由于好莱坞电影用它实在是太频繁,Trajan也因此有了“movie font” 的绰号。国外也有很多设计师认为这个字体现在已经被过分滥用了。

1da859a92b61a801211d25912d79.jpg

 

被骂得最多的就是大名鼎鼎的“欲望都市”(Sex and the City),把Trajan换上粉红闪亮的质感来表达情欲,是一个极不恰当地使用Trajan的例子。

不过,这倒不妨碍我们去很好地利用这个字体,并且学习它。

780659a92b6ba8012028a9213df7.jpg


罗马人碑刻的技术,自然也难不倒现代的能工巧匠们。这是美国一个石碑雕刻家雕帝国大写体的过程,他们会先用平头笔刷在石碑上面打草稿,最后再在笔迹上雕刻。据说当年罗马人也是这么操作的。

说是打草稿,基本上就是一气呵成,跟写书法一样。

594a59a92b80a801211d25c6f4eb.jpg

 

其实学习西文书法的过程就是追本溯源的过程,你能更深刻地理解字体为什么这么设计,一笔一划都是有来由的。

因为用平头笔刷书写的话,如果笔画突然开始和结束,两端会出现参差不齐的形状。因此古罗马的书写者在笔画的开始、结束和转角处增加了一个起笔和收尾的动作,于是衬线就这么形成了。

通俗点来说,衬线就是平头笔刷起笔和收尾时候自然带出的一个“尾巴”,是碑刻打草稿时书写痕迹的一种保留。

afee59b615aca801211d256735eb.jpg

下面我就来使用我们学美术最常见的平头笔刷来写帝国大写体。至于运笔的角度和轨迹,也都是有着一定的规范的。通常笔画都要从上往下、从左往右写,逆向行笔的话笔刷头会分叉导致笔画末端出现毛刺(就变成“飞白”了哈)。


例如字母“O”的话,就要通过从上往下的两道弧线来完成,而不能直接画一个圆圈,也不能从下往上画弧线。这样的行笔轨迹也自然形成了笔画的粗细变化(在字体设计中叫“对比度”),而且字母的轴线也就出现了一个倾角。一些早期的衬线字体也模仿了这个由书法痕迹形成的倾角,例如著名的Centaur字体、Guardi字体。


我这次选择了个人比较喜欢的一部电影的字体——最后的武士(The last samurai),大家可以注意一下是怎样通过运笔让衬线出现的。

34c159b60d77a801211d25fcecd6.jpg

 



73b359acc63ca8012028a9a88301.jpg

哥特体(Gothic,又叫做blackletter),产生于13-14世纪的欧洲,是由卡洛琳小写体体演化而来,当时主要是在教会中使用。哥特体同样也是西文字体史上很重要的一个阶段。当时这些字母都是由平头笔书写而成的,因此会形成特有的棱角和笔划轮廓。一直到20世纪中期,德国都一直把它当做正文标准字体,哥特体也因此被称为“德国字母”。

注:blackletter这个单词翻译过来很容易跟汉字“黑体”的名词弄混,而且韩国和日本也有“黑体”,都跟blackletter不是一码事。因为国内翻译的叫法比较混乱,有翻译成“黑字体”、“黑字母”的,本文中暂称之为哥特体。

f42459acc544a8012028a9d54c08.jpg


不过,现代大部分国家的人都很难看懂哥特体,把它使用在正文中也是很不易阅读的。大多数时候你是在西方出版物的标题、海报或者品牌logo上看到它们。像《纽约时报》、《洛杉矶时报》、《华盛顿邮报》等知名报刊的logo都采用的是哥特体。

e85159acc54fa801211d25047888.jpg


哥特体大体上分为四类,最早被制作为印刷用金属活字的是Textur(平织体),随后产生出了将笔画变圆并简化一点的Rotunda(圆哥特体)。接下来Schwabacher(施瓦巴赫体)出现了,15世纪末16世纪初Schwabacher也是德国最受欢迎的字体。最后Schwabacher又派生出了Fraktur(断笔体),最终Fraktur也成为了最具代表性的德国哥特体。

4eb859b61e1ba8012028a9fe5c18.jpg


由于现代许多文学、音乐和影视作品的渲染,现在一提起“哥特”二字,大多数人第一反应就是暗黑、诡异、神秘的风格。或者脑海里浮现出尖顶教堂、吸血鬼并伴随着管风琴的背景音乐。所以很多时候哥特体也被盲目地与此类风格划等号了,并且被不厌其烦地被使用在了许多地下音乐、街头艺术还有纹身图案上。其实哥特体在它诞生的那个时代是一种很正式的字体,而现在则演绎出了另外一层含义。

5cd659acc562a801211d25ffab2b.jpg

 哥特体的排版有着很复杂的规则,它体现了强烈的德国风格。哥特体在德国也会被用来表达传统。因此除非你对其有一定的了解和掌握,不然建议不要随便作为排版使用。

不过,到现在也有很大一部分西文书法爱好者依然在研习哥特体,并且也创作出了许多形式各异的书法作品。 

e99659acc569a801211d25572311.jpg


我选择了著名的《纽约时报》的logo,《纽约时报》于1851年创办,历史上也是多次调整过logo了,不过都没有动其筋骨,依然保留着最初哥特体的笔画外观。它最近的一版logo由美国著名字体设计师Edward Benguiat操刀,于1967年对外发布。Edward Benguiat的另外一个大家都熟知的作品则是花花公子的logo。

531a59ad4fc2a8012028a95d5f29.jpg


哥特体书法同样也是需要用到平尖,但是要运用特定的笔尖角度来书写。下面是我的书写过程。

 78b859b3a56aa801211d25cc9ad3.jpg



915759b7768fa8012028a97571eb.jpg

无衬线体充斥在我们生活的各个角落里,相信大家也都习以为常了。不过,在它最开始出现的那个时代,是引起了相当大的争议的,因为当时大家都已经习惯使用衬线字体。就好比现在突然让你改用繁体字一样不适应。于是那会儿无衬线体便落了个“怪诞字体”的名声,也就是最初“grotesque”这个叫法的由来。第一款用于活字印刷的无衬线字体是由WilliamCaslon四世设计的。对,他就是WilliamCaslon的曾孙,后者则设计了出了著名的衬线体——Caslon字体。他们是一个字体铸造的世家。

虽说无衬线体曾被视为异类,但是最终还是成为了主流。

e7e059b776a9a801211d25bcc865.jpg


作为设计师需要了解一下的是,无衬线体通常又被分为Grotesque、Humanist、Geometric和Neo-grotesque这几种类型。

e3d659b776c5a801211d25e252c2.jpg

因发展历程较为复杂,限于篇幅在这里就不逐一详述了。不过单独提及一下Neo-grotesque这个类型,它其实就是我们现在最常见的无衬线体的形态,是从20世纪50年代开始发展成形的。


最经典的一款Neo-grotesque字体肯定要非Helvetica莫属了。大名鼎鼎的Helvetica相信学平面设计的同学都应该十分熟悉,它是由瑞士平面设计师MaxMiedinger和EduardHoffmann于1957年设计的。Helvetica被视作瑞士国际主义风格在字体设计领域的典型代表。英国导演Gary Hustwit还专门为它拍摄了一部电影纪录片,感兴趣的话可以去找来看看。


设计者的初衷是想让这款字体像一个透明的容器一般,仅仅只是承载文本传达出的信息,好让读者在阅读的时候专注于内容,而不会关注字体本身所带来的含义。就像电影中WimCrouwel形容Helvetica时所用到的一个词 —— neutral(中立、中性)。

787159b78ec5a8012028a9d3b261.jpg

与Helvetica同属于Neo-grotesque类别的Arial,同样也被广泛使用。不过设计界对它的歧视一直都未停止过。原因就是当初微软发布Arial的初衷就是想用一个相对便宜的替代品与Linotype公司的Helvetica字体竞争。并且业界普遍认为Arial抄袭了Helvetica的设计,而只是在字母笔画末端的斜度上稍作了一点变化。无论事实如何,不可否认的是Arial是由Helvetica派生而出的一款无衬线体。

98f659b78ecfa8012028a99f6dce.jpg


微软1987年发布的logo所采用的字体是Helvetica Black Oblique。不过在2012年,微软低调地把logo换掉了,其中的字体用的是Segoe。Segoe这款字体已经被微软广泛应用到其产品的操作界面中。不过,这次麻烦又找上门来了,大家认为Segoe这款字体又抄袭了Frutiger,这同当年发生在Helvetica身上的抄袭事件如出一辙。争论持续了很久,微软又一次站在了风口浪尖。

4cca59b78ee1a801211d25db4109.jpg

下面我就来写一下微软的Helvetica版本的logo。需要说明的是,现代无衬线字体的设计过程并不需要使用书法绘制,在这里我是把它作为一种艺术手法和表现形式来呈现。

3c5859b7e5e0a801211d2591709e.jpg



fb2859ace395a8012028a9aad351.jpg

接下来这个品牌logo,是金属行李箱的鼻祖——RIMOWA(德国日默瓦)。它也是高品质旅行箱的代名词。你们现在在市面上见到的所有表面有一条条“凹凸沟槽”造型的行李箱,全部都是模仿它而来。而最近的新闻则是2016年底路易威登(LVMH)集团花6.4亿欧元收购了日默瓦。

286f59ace30ca8012028a95e69f2.jpg


1950年,历史上第一个箱面有凹凸沟槽的铝质行李箱被设计出来了,后来也成了日默瓦的经典造型。

日默瓦的箱子一经问世,就造成了轰动。日默瓦也成了当年上流社会的代表性用品,经常乘飞机穿梭于各国的旅行家们也把日默瓦当做身份的象征。当然,直到现在,这箱子都依然是各国明星出远门的必备。

91ab59ace317a8012028a9ebbdfe.jpg


日默瓦的logo历史上也经历过多次变化,目前这个logo是于1981年启用。它使用的是“Rounded font”,直译过来叫“圆体字”。圆体字也是无衬线体的一种,不过它的笔画末端都做了圆弧倒角处理,字体看起来圆润憨厚。圆体字在历史上也经历过一段疯狂流行的时期。常见的Rounded font字体有VAG Rounded、DIN Round、Monosten等。

8c7759ace328a8012028a985c850.jpg


现在圆体字通常都被习惯性地使用于轻松活泼、年轻童趣的品牌调性下。例如乐高、好奇、卡骆驰等品牌。不过在Rounded font诞生的那个年代,它并不仅仅是表达此类含义的。你们现在也能在许多中文字库中找到“圆体字”,笔画特征的处理方法也大同小异。

240559b64470a801211d25fde183.jpg

最早可考的圆体字据说是出现在Rob Roy Kelly编撰的《American Wood Type》,这是一本讲美国木雕花纹和木雕字体的书。

圆体字在西方的全盛时期是20世纪70至80年代,那时这些圆头圆脑的字体几乎随处可见。这也不难解释为何日默瓦正好在这段时期把logo字体改换成了圆体字。

77d459ace336a8012028a9da901f.jpg


后来大众汽车也在1979年推出了闻名世界的VAG Rounded字体(又叫做VAG Rundschrift,也是典型的圆体字)。这个字体后来被广泛用于Web2.0时期的一些IT公司的logo当中。后来苹果也把VAG Rounded用在了他们的笔记本和台式机的键盘字母上。

而现在,圆体字也重新开始流行起来。 

655459b645c1a801211d255be611.jpg


好了,讲了这么多,开始上动图。日默瓦的这个圆体字logo,正好可以用圆尖来书写。同平尖一样,圆尖也是还没有电脑制图的年代设计师手绘海报常用的一种工具。

 6b8659b28188a8012028a9058822.jpg



第二篇就先到这里,以后有机会再继续探讨。

 

1212

    文章信息

    • 文章标签

    Hello PM 意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功