Quantcast

편의점 샛별이 5화

深度解读 | 姜文《让子弹飞》

美国突然公布钓鱼岛归属最大铁证,世界一片哗然!

副省长胡长清被枪决前一小时的对话

人间怪事!刚要检查!各地粮库纷纷起火

Facebook Twitter

分享到微信朋友圈

点击图标下载本文截图到手机
即可分享到朋友圈。如何使用?

为了鼓励更多的人参与到自由互联网的开发,我们最新推出了GreatFire悬赏计划,请参赛者在下列任务中任选其中一个或多个,完成其中的任务目标,即可获得对应金额的奖励。
查看原文

字体简史

eBooksPlan

Comic Sans,Times New Roman,Arial,Georgia,Calibri. 其中是否有你眼熟的单词?


当我们有了记载历史的习惯,产生了阅读和写作的需要,又或者是贸易和宣传的想法,怎么批量的“生产文字”就成了问题的关键。


活字印刷的出现无疑是历史性的。它不仅改变了当时大家的记录习惯,还对我们现在的互联网世界有深远的影响。

 

活字的出现意味着批量与统一,文字大量的复制和统一性又催生出了另一个结果——字体(Typeface)


字体是如此的有趣,富有人文主义色彩的同时,还兼具了理性与工业设计的美感。今天,字体出现在我们生活的每一个角落,但却很少有人意识到,每一种字体的背后都藏着一个字体设计团队,字体设计师,排印师,甚至是雕刻师的不懈努力。



字体解剖学


为了真正领略到字体设计的美学,字体结构和设计元素小课堂自然是必不可少的。


我们先从基线开始说吧,字母站/挂上的那条线是它的基线(base line),也就是我们小时候写字本上从下往上的第二根线;小写字母顶端的那条界线为中线(meanline),对应写字本上的第三根线。基线到中线的距离称作 x高度(x-height),写字本巧妙地运用3个 x高度规定出了所有字母的高矮。


字型解剖


除此之外,类似 h 和 y 这样的字母存在向上延伸的升部(ascender),这时我们会碰到最上面的第四根线;以及向下延伸的降部(descender),字母底部会触及最下面的线。

 

字怀(counter)是指比如o、b、n这样的字母之中封闭或半封闭空间;字碗(bowl)是g、b等字母中弯曲的形状;而(stem)是主要的字母构造元素,依字体风格不同可粗可细。

 

衬线体和无衬线体的区别


在选择字体时出镜率最高的serif(衬线)一词,指的是一种字母起笔和落笔处的修饰,就是上图Aa水平伸长的部分。根据衬线特点的不同,又可以分为弯衬线(bracketedserif),直衬线(unbracketed)和斜衬线(wedge serif)。可以说,衬线体的出现是印刷字体(typeface)向雕刻文字的一次伟大致敬。

 

图拉真柱上雕刻的字母


有了衬线的修饰,字母身上就多了一些正式和书面的感觉,我们喜欢把衬线体运用在各类文学读物上,特别是报刊杂志,它让文章的呈现多了一份设计的质感,也更加突出单词的整体性。无衬线体(Sans-serif)则让人觉得简洁,亲和,我们更愿意让它们出现在漫画,幼儿读物和指引性的标志牌上。

 

当然,关于字体的选择,答案从来都不是绝对的。

 


字体界的名人


13-14世纪形成的哥特体 (Gothic)容易给人一种不太友好的感觉,庄严,古老,暗黑和神秘是它最重要的特点。


这一风格字体起源于Blackletter,来自古罗马的一种手写体,在十五世纪经过古登堡(Johannes Gutenberg,西方公认的活字印刷发明者)的排印设计,Blackletter 最终化身为 Textura,成为了世界上第一种印刷字体。古登堡圣经 (Gutenberg Bible) 的印刷就使用了这一字体。


Textura

 

Textura 浑身散发着一种“过于浓郁的”设计感,并自带“做旧”属性。复杂的哥特体实在与易读沾不上边,除非你想做的是一本古老的宗教书籍,有关神秘学的小众读物,或者是用来收录些骇人的咒语。当然,在一些强调严肃和历史沉淀的场合,我们也会选用它,比如在大学的毕业证书上。

 

纪念英格兰印刷500周年的邮票

 

15世纪,意大利斜体(Italic)诞生,由 Aldus Manutius 在意大利文艺复兴时期创造,从此世界上多了一种让英文书法爱好者趋之若鹜的字体。整齐划一的倾斜,细长的主干,精巧的连笔 (ligature),这些特征赋予了意大利体公主一般优雅飘逸的韵味。

 

 

衬线体


15-16世纪也是老式衬线体(Old Style)大行其道的时期,它们的粗细变化和衬线拐角比较平缓,显得规正而圆滑。其中 GaramondJansonPalatino 最为著名。


Garamond


Palatino


17世纪出现的 Baskerville 字体则标志着过渡衬线体(Transitional)的出现,它们有介于现代风格与老式衬线体之间的特征,轴线的划分更加平整,衬线的转变略显锐利。这一家族里还有大名鼎鼎的 Times New Roman 字体,它诞生于1932年,由天才字体设计师 Stanley Morison 为改版《泰晤士报》而监制设计,后来很长一段时间内被作为标准字体使用。


Times New Roman


现代衬线体(Modern)出现于18世纪末,字母主体被完全规整化,同时伴随着显著锋利的衬线,和更加鲜明的粗细变化。DidotBodoniCentury 是其中的代表之作。


Century

 

最晚出现的埃及体(Slab-Serif)作为一种装饰性极强的字体,多出现在图册和标题里,垂直粗大的衬线成了它们的标志性特征。代表作品:Rockwell


Rockwell


Caslon 是典型的英式旧型衬线体,美国《独立宣言》全文使用了 Caslon 字体,它在今天的平面设计中仍然有着广泛的应用。


 


无衬线体


无衬线体的起源可以追溯到第5世纪,早期的 Grotesque 字体也被称为黑体。到了13世纪,意大利文艺复兴的浪潮带动了衬线体的崛起,没有衬线的字母无奈地背上了老气,过时的标签。在那时人们眼里,光秃秃的字母就像粗鄙的打油诗一样俗不可耐。事情直到19世纪才终于有所改变。


作为对抗超级花哨的 Blackletter 的武器,无衬线体的发展走向了完全相反的极端,它们崇尚简练和易读,最好每一个笔顺都可以做到有章可循。

 

1927年出现的 Futura 字体,是几何无衬线体(Geometry Sans)的代表,几何阵营坚信规范至上,坚决推崇棱角分明,不带丝毫感情色彩的中性美。


几何无衬线体 Century Gothic

 

紧接着1928年出现了古典体/人文主义体(Humanist Sans)Gill Sans字体,虽然乍一看,外观和几何派雷同,但 Eric Gill 把人文的光辉体现在了字母更加平缓,自然的线条之中。除了Gill Sans,由英国传奇字体设计师 Matthew Carter 打造的 Verdana 字体,在微软的推广下也变得广为流传。

 

 

字体趣事


如果你觉得,字体的改变并不会引起普通人的注意,我想你该看看宜家的例子。


2009年以前,宜家都是采用优雅的 Futura 作为自己的 Logo 字体,直到2010年,他们重新设计了自家 Logo,最大的变化就是选择了 Verdana 作为新的字体。人们注意到了 IKEA 这几个字母的变化,并开始表达自己的不满。一石激起千层浪,宜家的新 Logo 一经推出就受到大批人的质疑和抵制,谁能想到从几何派向人文派的转变会搞出这么大的动静呢?以至于诞生了 “Vadana门” 事件。

 

宜家 Logo 从 Futura(上)改为 Verdana(下)

 

另一个非常有趣的字体 Comic Sans 诞生于1994年,与 Rex 同岁。Vincent Connare 对 Microsoft Bob 软件里充斥的冰冷的 Times New Roman 字体很不满意,为了做到平易近人,这款卡通风十足的字体应运而生,它看上去就像小孩子的笔迹,后来成为了漫画书里的字体霸主。


Comic Sans字体

 

如果你要问目前使用最多的字体是什么,我想答案一定是 Helvetica。这种无衬线体字体简直无处不在,自从1957年与 Univers 相继诞生之后,它们就开始了占领世界的步伐。被称为“最完美的字体”,Univers功成名就,打下了自己的江山,但是Helvetica 却以一种潜移默化的方式,更成功地入侵了字体设计的每一个角落。

 

加里·哈斯推特拍摄的同名电影《Helvetica》会告诉你这一点,一旦学会了辨认这种字体,你就再也没法躲避它的光芒了。


从衣服的洗涤指南,到轨道交通的指示牌,再到电脑页面上滚动的字母,也许只有在打开 Word 文档的时候我们能获得短暂的宁静,但是 Word 里默认的 Arial 字体几乎就是 Helvetica 的孪生兄弟,如果不是小写字母 a 收尾处的明显区别,我们一定会去质疑 Arial 存在的意义。


与 Helvetica 极为相似的 Arial 字体

 

从古老的雕刻,到手写体,金属活字,再到打字机,最后来到像素屏幕上,字体设计伴随着文明的发展。直到今天,还有大量的字体不断被人们创造出来,供设计者们选用,而将来字体的世界也一定会越来越繁荣多样。


我的好朋友做了套适合演示的中文字体,这套字体出现在了字节跳动、阿里巴巴、京东、百度、华为、戴尔、松下、创维、中国一汽等企业的发布会上。

不妨去看看👇  《演示镇魂行楷》





https://gist.github.com/waldyrious/943e5db38d241fea6e1b

http://www.sj33.cn/article/sjll/201506/44136.html

http://m.sohu.com/a/242236959_210924

http://www.ifanr.com/1126734

http://www.squidspot.com/Periodic_Table_of_Typefaces.html

    Added to Top Stories

    Sending

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