给本人的字体课(一)——英文字体根底

这是一个给本人预备的字体学习课。 开端的初衷是想处理任务中一些关于字体的疑问(如排版、LOGO设计等),同时也想经过回忆设计的根底知识来提升本人。 所以给了本人这个课题,作为初学者只接触到一点皮毛,整理分享出来

banner.jpg

这是一个给本人预备的字体学习课。

开端的初衷是想处理任务中一些关于字体的疑问(如排版、LOGO设计等),同时也想经过回忆设计的根底知识来提升本人。

所以给了本人这个课题,作为初学者只接触到一点皮毛,整理分享出来,如有缺乏之处烦请指正,一切参考文章标注在文末。

「字体排印」位于言语、文明、科技、美学的交汇处,是一个外延与内涵十分丰厚的大话题,这次分享仅选择一些根底的有用知识。

英文字体最简化的分类:衬线体、无衬线体。二者区别在于衬线体有爪形的衬线并且笔划粗细有变化。

一.衬线体

十分陈旧,可以追溯到古罗马时期的石柱铭文。它作风古典、正式,具有历史传统和意义。

依照历史开展顺序,衬线体可分类为:古罗马体(Oldroman),旧作风字体(Oldstyle),过渡字体(Transional),古代字体(Modern)。我们选取其中两个节点——Oldstyle和Modern字体,经过比照两者特征,就可以了解整个衬线体的开展。

旧作风字体(Oldstyle):

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

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

古代字体(Modern):

特征:垂直强调线,程度、极细衬线,激烈的粗细比照。

作风:横平竖直,古代感,高冷。

总结起来,在整个衬线体开展中,笔划比照变得越来越激烈,衬线越来越锋利纤细,过渡字体的笔划粗细和衬线弧度恰恰介于Oldstyle和Modern之间。其一大缘由是刻字徒弟的技术越来越提高,刻工也变得细腻,使得准确的线条、更精密的粗细比照成为能够。而强调线的倾斜角度也逐步被「扳直」,这是手工书写向古代排印转变的一个表现。

古罗马(Oldroman)、旧作风(Oldstyle)衬线字体案例:

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

古代字体(Modern)案例:

由于古代字体(Modern)有着锐利的工业感,同时也保存着传统的衬线元素,显得古代而优雅。所以十分合适时髦工业,Vogue、Elle等杂志都运用了古代字体。许多朴素大牌也用古代字体作为logo,强调本人百年的传统工艺和优秀设计。如运用Didot的GiorgioArmani、Burberry,以及运用Bodoni的Valentino。

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

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

所以字体的心情其实是绝对的,仅在衬线体外部,也有不同心情的区分。

二. 无衬线体

无衬线体的特征和作风:

(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这样的时髦品牌。由于中性,就有了更宽广的运用空间和更开放的解读方式。

(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的可读性缺陷,可以尝试Univers,比Helvetica愈加洗练的外型,并且字重完全。

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

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

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

Futura遭到包豪斯的影响,外型有设计感。笔划以垂直、程度的硬朗笔划为主。细节:

(1)顶角和底角十分锐利

(2)字母正圆处置

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

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

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

在后面的图中可以看到Futura为了坚持设计感,j、t省略了尾部,a、g运用单层构造,因而在可读性上有些成绩,并不适于内文排版。并且它特性鲜明,有点“抢眼”。假如你喜欢几何无衬线的外型,但又想选择更平和、可读性强的字体,可以尝试Avenir。Avenir虽然同属几何无衬线体,但它在被设计时并不拘泥于几何方式,而是以视觉为准,显得人文、柔和,如a的尾部添加了一点点外翘的小细节。

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

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

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

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

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

案例:苹果的VI字体,用于宣传:广告、网站、产品铭文等。港铁地图的局部字体。

同属于人文无衬线体的字体还有:Frutiger、Segeo

通常会以为,衬线体代表古典正式,无衬线体代表古代亲和。那么无衬线体就不能表现优雅和古典吗?

答案能否定的。无衬线字体Optima融入了衬线基因,虽然没有衬线,但粗细变化绝对分明,比划末端加粗,显得十分优雅有神韵。(在处置logo时如想要既优雅古典,又不显得老陈迂腐,可参考这种思绪。)

无衬线字体的心情轴。

1.视觉均衡

(1)异样粗细的线条,由于视觉误差,程度的看起来要比垂直的更粗。因而在设计英文字母时,就该当充沛思索到视差。

(2)Futura是几何无衬线体,它的O看起来像是正圆,当我们和真正的正圆比照时,就会发现Futura的几何外形也是经过优化的,程度方向笔划微调修细。三个「圆」相比,Avenir虽然最不似正圆,但作为字母O却是看起来空间最舒适、最波动的。

(3)这是是用圆弧和直线拼接起来的O,但是由于视差,却看起来有两侧内陷的错觉。因而在处置时,会讲两侧略微向外隆起一点点,并微调程度方向的线条,就能把僵硬不圆润的圆形变为视觉柔和的O字母了。

(4)X的外型原来不是斜线直接相交的后果,而是把斜线略微错开,才干看起来像是相连的形态。并且为了防止四条斜线相交形成两头黑色局部太密集,中心地位的笔划略调细了一些。

(5)虽然无衬线体的比划粗细根本分歧,但实践还是有着纤细的差距。从正面看到的A(左侧图)十分正常,但是当A被程度翻转后(右侧图),立即就有了略怪异和不稳的感受。A的右侧比左侧笔划粗,是遭到历史上平笔书写以及衬线体延续上去的习气的影响。翻墙看视频《罗马体大写字母使怎样构成的?》

(6)绘制图标时我们都有经历,由于图标外形轮廓和外部复杂水平的不同,视觉体量感是不同的,不能完全按照尺寸大小而要依据视觉感受来判别。字体设计有共通之处。异样字号的文字,圆形O和三角形的A要高于参考线。在做LOGO时可以留心这点,参考案例NIVEA。

2.负空间

负空间指的是字母外部的空间,以及字母与字母之间的空间。在字体设计进程中,设计师不只要设计字母的笔划构造,更重要的要思索负空间的设计,使之均衡和协调。援用字体巨匠马西莫的一句话:“我们通常以为,字体排印就是黑色与白色。而排印实践上是白的,而不是黑的。由于字体是由形体之间的空间来定义的。这有点像音乐,音乐不是由音符,而是由音符之间的进展来定义的”。听说英文字体设计师对负空间关系的推敲工夫能够占全体字体设计内容的1/3左右。

(1)单个字母外部的空间:“B”上下两个外部空间,必需下面小于上面,假如上下相反,那下面的视觉上看起来会更大,字母就会重心不稳。相似的字母还有S。

(2)各字母间的互相均衡:字母之间也要获得负空间视觉上的分歧。

(3)字与字之间的间距:调整字母与字母之间的空间,追求视觉上散布匀称,而非数值上的平均,以到达一种视觉的节拍感战争衡感。比方字体中的I和小写l之间间隔应该大些,由于两根竖线之间的空间是最小的;V、Y和其他的字母相邻工夫距应该减少,由于倾斜笔划所发生的空间比拟大。

1.信息该如何设计

与其说我们在学习字体设计与排印,不如说我们借由字体考虑“信息该如何设计”这个成绩。

在这个成绩上“字体设计”至多为我们提供了两条可参考的路。

(1)方式跟随功用

英文的字体一向就是“方式跟随功用”的设计模范。有什么功用、在什么场景、要处理什么成绩,就有怎样的字体发生与之相顺应,甚至细分十分清楚。历史上,无为报纸设计的Times;无为电话本黄页设计的BellCentennial,应对文字极小且印刷纸张、油墨极差的恶劣环境;还有我们熟习的专为显示屏设计的Georgia、Verdana,处理低分辨率的成绩。

1913年,伦敦地铁的主管FrankPick曾为事先的地铁企业抽象和字体设计提出这样的要求:“这种字体必需精确地反映我们所处的时代,能让乘客疾速无误的阅读。字母就算被用作单一符号(没有上下文环境),也必需能清楚识别。而且,这种字体要有零碎性,必需要能与四周的广告文案等有关零碎的信息清楚的区分。”这些要求都明白了设计的功用性目的:高度的精确性、可辨认性,极端状况下都能保证明晰辨认等。

以下是为法国戴高乐机场设计的Frutiger字体,由于其字碗大、启齿大,并且字的粗细适中的特点,使得文字在光晕的搅扰下也能坚持绝对明晰不黏糊。

(2)通明的容器

古代主义的理念以为,优秀的字体像一个“通明的容器”,字体仅起到承载的作用,重要的是信息的传达。

另一个来自卑师Frutiger的风趣比喻是,“喝完汤后假如你还能记住汤匙外形的话,这只汤匙的设计就是失败的。”比喻略极端,其实信息和设计并不互斥,二者完全融入,天衣无缝,才是完满的搭配。设计可以作为空气一样的存在,不可或缺,但用户不会分明感知到它。

2.技术与设计的关系

设计过Georgia、Tahoma、Verdana、Meiryo等著名的字体的巨匠马修·卡特,在TED上做了演讲——《MyLifeintypefaces》。看后令人十分打动,可以深深感遭到一个设计师对自我的要求以及专业肉体。

字体设计实践与技术的关联十分严密。书写工具、纸张、书籍、电子屏幕、网络,每一次媒介和印刷技术的改造,都改动着字体的出现,也影响着设计师的理念和办法。但是在那个技术改造的年代,设计者并未逃避技术,而想要被未知的想法所影响,想回应未知,想推进本人探究未知的世界。在探究技术与设计的进程中,必定有矛盾和疑惑:为缓解技术成绩而做的设计能否会由于技术的更迭而彻底消逝?因技术而「不完满」的设计能否因而而缺乏价值?

马修的设计做出了回应:字体的价值取决于它在实践使用场景中能否无效任务,字体的质量决议了它能否独立于技术存在。马修在演讲中说:“一切设计师的任务都有局限性,设计不是艺术。成绩是,局限性能否会招致妥协呢?能否会降低设计的质量呢?局限性和妥协之间有着十分奇妙的区别,但这区别却是我任务态度的中心。”

3.设计趋向与轮回

(1)世界正在变得愈加柔软

能够阅历两次工业反动、两次世界大战的剧烈后,大家都紧张多了。从政府公关,到企业管理,再到团体生活兴趣,都逐步兽性化。举大旗喊口号的宣传方式不再那么无效,甚至会惹起人心反弹。再也不是只需音量大就有人听的时代了。

上图两个LOGO的改版,不论是字体,还是图形外型,还是颜色都愈发柔和了。从LOGO上看,AmericanAirline的抽象似乎从过来「我们是专业的航空范畴专家」的严肃转换到了「我们提供温馨愉快旅途」的亲民。

(2)传统复兴

Gotham的设计师Frere-Jones关于机械技术的到来,传统手工制牌的终结非常可惜。他的灵感取材于纽约1930到40年的旧修建牌、商店招牌、店面广告,以为这些由当年美国普通民众手画的文字代表了纽约的「直率、诚实、坚韧,富有特性」。因而Gotham字体既让美国人民感到熟习,又具有新字体的古代感,既拥有可信任的稳重外型,又十分朴素亲切。这款字体在奥巴马竞选后,成为大热的字体。网站Squarespace,特斯拉都运用了Gotham。

历史上很多代的艺术家、设计师都会阅历对当下社会的不满,对古典经典推崇,追求复兴传统,例如文艺复新、手工艺运动等。但是与字体设计一样,这些范畴在不时轮回的同时,也在不时往其中注入新颖生机,从而螺旋式的上升与开展。

最初:

看回我们的UI设计,WindowsPhone网格、瓷片的设计,既是对瑞士立体设计的回溯,同时也开启了新的扁平化时代,遵照「繁复古代、去除装饰、内容为中心」。但是过度的极简却形成了单一无趣的印象,且容易流于方式。尔后,iOS7用细细优雅的线条,更柔和的图形方式,柔和地处理Flatdesign的情感、差别化成绩。再到Google的新设计,不论是充溢人情味和细节的插图,还是Geek肉体的风趣插画,都能更多的感遭到特性和细节。拟物能否也在以另一种插画的方式复兴呢?

参考书籍:

《西文字体》(日)小林章

《字型之不思議》(日)小林章

《新概念字体根底&使用》苏克

《文字设计的原理》(日)伊达千代

《字体设计数问:知乎许瀚文自全集》

参考文章:

《文字設計的指導原則》http://invisibledesigns.org/typography-principles/

《Helvetica字体为什么如此受欢送?》http://www.zhihu.com/question/20707495

《人文字体为什么人文》http://www.zhihu.com/question/20769417

《字体的开展与国度抽象》http://www.typeisbeautiful.com/2009/10/1536/

《为了信息传达的愈加无效/交通公用字体》http://www.typeisbeautiful.com/2010/01/1981/

《最时髦的英文字体:古代款式》http://blog.justfont.com/2012/12/%E6%9C%80%E6%99%82%E5%B0%9A%E7%9A%84%E8%8B%B1%E6%96%87%E5%AD%97%E9%AB%94%EF%BC%9A%E7%8F%BE%E4%BB%A3%E6%A8%A3%E5%BC%8F/

(本文出自腾讯CDC博客:http://cdc.tencent.com/?p=8565)

最新案例