分享

字体还有那么多讲究?! | 关于作品集排版你所要知道的一切

 Hal昊 2020-02-04

非常感谢

RAC设计课堂

授权 建筑小学堂 分享以下内容

(本文已授权,转载请联系该公众号)



一本优秀的作品集,除了炫目的表达、有深度的设计,最能够引人入胜抓人心弦的部分便是精致的排版了。

图片来源于大神王雨田(GSD)作品集的一页,
排版风格克制而古典

图片来源于勾斯唯(GSD)作品集,
风格大气信息饱满

图片来源于KHOA VU作品集,排版简洁而高级


图片来源于ZHANG YIMING作品集,
排版灵动不凌乱

这些大神的排版有没有让人耳目一新?深深折服?

提到排版,大多数人都会关注版面的设计、色彩的协调、比例的平衡等等问题,却常常会忽略排版最最基本的点,那就是字体的设计和运用。

可以说得当地运用好字体,往往会使排版的质感得到飞跃的提升,要表达的内容也获得了灵魂。然而,字体的应用绝非易事。每个字体都有自己的脾气,能够表达自己的性格,今天我们就来谈一谈字体的“性格”以及怎么驾驭不同个性的字体。



关于排版你所要知道的一切

墙推的英文字体 
★ 文末有彩蛋 ★★



拆解字体

有一句话说“美人在骨不在皮”,人好不好看在于骨架,一个字体是否有美感,其实也是在于这个字体的构架好不好看,这篇文章就带领大家把这些字体拆解开,看看好看的字体到底是怎么设计的。在这之前,我们要先学习一些关于字体的术语,认识了这些字体的结构才更能够帮助我们鉴别优秀的字体,并且选择合适我们排版的。
作者自绘
字干:主要是直线的笔画
字碗:主要指曲线的笔画
字杯:字母内部包含的空间,封闭与否都包括在内
衬线:笔画底部爪状型或直线型的部分
作者自绘
X字高:一个字体中小写字母x的高度,准确的说就是基线与主线的距离
升部:一个字体中的字母中向上超过主线(中央线)笔画的部分,也就是比x字高还要高的部分
降部:一个字体中的字母中向下超过主线(中央线)笔画的部分,也就是比x字高还要低的部分
字体的分类与进化
关于英文字体的分类,最简化的分类有两种:衬线体、无衬线体。
作者自绘

其中最有代表性的两种字体,[ Times New Roman ]和[ Helvetica ],最能直观地感受到两类字体的区别。二者最大的区别在于衬线体有爪形的衬线并且笔划粗细有变化。
◤◤ 衬线体 Serif的发展演变

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

作者自绘

旧风格字体特征为对角强调线,倾斜、括弧型衬线,较缓和的粗细过渡。风格更加传统,常见于书籍、报章杂志的内文排版;现代字体特征为垂直强调线,水平、极细衬线,强烈的粗细对比。风格横平竖直,现代感,高冷。

◤◤ 无衬线体 Sans-Serif的发展演变 

作者自绘
有些非常常见的英文字体,使用的不恰当会让我们的设计Low爆了。这款字体就是黑体自带的英文字体。在同一个单词里,有的字母挤在一起,有的字母相隔的比较远,为什么会出现这样的情况呢?

这是因为这款字体是完全根据逻辑来设计字间距的,并没有在乎字母本身的宽窄程度,所以在排版后会看上去丑爆了。真正的英文字体设计并不仅仅是设计完26个字母就完事了,真正优秀的字体设计会将每个字母与字母的间距都精心设计,这样才会让排版更加的和谐统一。

经典西文字体推荐

字体并非越多越好,有些新同学盲目的安装了上千种字体,然而并没有什么卵用。反而导致使用选择字体特别麻烦。大家都知道密斯有一句最著名的话“少就是多”,在字体的运用上,和颜色的运用是一个道理,我建议大家能够做到少就是多,让优秀的字体去烘托升华你的设计,而不是选一些奇奇怪怪乱七八糟的字体让你的设计先得更加的糟糕。
如果你是选择困难症患者。或者说你并不确定那种字体合适。不妨先试试我今天推荐的几款的经典的英文字体。这些字体都是经过几十年甚至上百年的磨砺和发展,一直为出版社和设计师所沿用的字体,都是非常经典实用并且很美观的字体。没有被历史淘汰掉的这些字体一定有他们不能被忽视的亮点。


衬线体


 № 1 
时髦  |  女性化  |  纤细优雅
多用于时尚杂志以及文章标题
Didot是以法国著名印刷厂和迪多特家族的名字命名。最着名的Didot字体是在1784年至1811年间发展起来的。属于Modern现代衬体。在工业革新时期,现代主义的衬线体独特的字型特点,成为了对传统衬线体的一种继承与革新。但跟一般的字体不同,Didot字体并不是在所有的字号大小看起来都很棒。
Didot是衬线体最纯粹的表达,代表了古典与现代融合的最巅峰,既符合现代的简约几何造型,又继承了古典衬线体的特点,看上去优雅、现代感十足正是由于这种气质,时尚大牌们纷纷选择Didot作为标准字体。自1955年以来,Vogue一直使用Didot作为其封面标题的字体,Bazaar(时尚芭莎)、Elle的标准字体也是在Didot,修改而来的。使用 Didot的时尚大牌有 Giorgio Armani、Burberry等。这款字体已经成为时尚的代名词。与此类似的中文字体-方正风雅宋。
图片来源于网络


 № 2 
现代  |  优雅  |  醒目
多用于印刷排版,可读性高
Bodoni是一款著名的衬线字体,它晚于Didot。经常会把这两种字体放在一起做比较。Bodoni的笔画在保留优雅的字形的同时更加粗壮。易用性上比Didot高了很多。

图片来源于网络

代表了十八世纪晚期十九早期的字体设计发展一种总结,其他类似的如法国的Didot(1689-1853)字系和德国的J. E. Walbaum (1768-1839)都反映了'现代风格'的不同面貌。 尽管19世纪的一些批评家对这些字体不屑一顾,然而今天的Bodoni字体和当年他们诞生的时候相差无几。Bodoni字体给人以浪漫而优雅的感觉,用在标题和广告上更能增色不少。1790年诞生的Bodoni字体经历了数百年的时间考验依旧是那样的经典,在欧洲最大的专业字体设计公司fontshop公布的世界上100个最佳字体中Bodoni 排名第4!

 № 3 
经典  |  大气  |  历史感
近来一些电影海报、电视
和书籍封面常使用这种字体

Trajan 是一种衬线字体,是卡罗·吐温布里(Carol Twombly)在1989年为Adobe公司设计制作的。Trajan一词本身,是罗马帝国皇帝图拉真名字的英文拼写。该字体的设计基于“古罗马方块大写字母”的风格,常用于公元一世纪古罗马石柱石碑雕刻使用。由于罗马时代还没有使用小写字母,因此Trajan字体全部都是大写字母。代替小写字母的,是一种小型大写字母。现在该字体的电子版本在2001年复刻,改名为Trajan Pro。这种古风字体广泛用于古罗马石碑上。


这款字体之所以能够体现经典感,是因为它继承了古罗马的字形特点和比例特征,属于Old Style Serif, 给人传达一种非常经典的气质,很多经典的文学作品都使用Trajan作为标题,泰坦尼克号和海上钢琴师等就使用了这款字体制作了电影海报,让人感受到经典、永存史册的气息。

图片来源于网络

除了电影海报外,这样的字体很适合走文艺气质的路线,比如说烹饪书籍的封面和内页设计,插画书等等。在时尚杂志中也有一席之位。

图片来源于网络
 № 4 
史诗  |  恢宏  |  历史感
多用于图书排版,文字装帧

Centaur是书本和字体设计师布鲁斯罗杰斯的衬线字体,基于1470年左右文艺复兴时期的尼古拉斯简森的印刷。它由Monotype的英国分公司广泛发布。Centaur是一款优雅而纤细的设计,比Jenson和其他大多数复兴版本更轻盈,与金属类型相比,数字版本的效果可能会有所放大。它在精美的书籍印刷中很受欢迎,并且经常用于印刷正文,特别是标题和标题。最引人注目的成功案例之一是Penguin的图书设计是,它经常用它作为标题。


具有史诗般正统风格,特别适合用于表现年代悠久。具体排版时注意合字和老式数字的使用。威尼斯的圣马可大教堂的指示牌就是用的这款字体,营造出优雅的氛围。指环王的海报运用的就是这款字体,以其烘托其史诗感的氛围。

图片来源于网络

 № 5 
优雅  |  隽永  |  飘逸
多用于书籍类文字的排版

Garamond是一类西文衬线字体的总称,也是旧衬线体的代表字体。这个名字源于法国的一位铅字铸造师克洛德·加拉蒙。Garamond属于old-style serif typefaces。最初的鼻祖可以追溯到16世纪。到目前已经被开发出了很多变体,字体Adobe Garamond就是其中运用广泛的一种。诗歌般感觉的传统、柔软、纤细的字体,没有强烈个性,十分易于阅读,老式罗马字体的代表性。

图片来源于网络

由于字体更为书面化,所以很适合做文字叙述部分的标识设计。比如艺术展览说明的小字部分。由于Garamond带有旧式手写体的味道,十分适合浪漫场合的应用。不少爱情片就是使用了这种字体。例如电影《One day》。在Logo设计方面,Garamond也能派上用场,美国休闲衣服品牌Abercrombie & Fitch。

 № 6 
古式 |  书写  |  高贵
多用于书籍的设计

被归类为一种过渡期罗马体(旧体到现代体)的代表性字体,旨在改善当时所谓的旧式字体,增加了粗笔划和细笔划之间的对比,使得衬线更尖锐和更锥化,并且将圆形字母的轴线移动到更垂直的位置。曲线的形状更圆,字符变得更规整。非常经典,给人古典、高贵的感觉。在书籍设计中非常流行。

图片来源于网络
 № 7 
庄重 |  坚定  |  平静

美国独立宣言用字,是活字时代的大热字体。活字时代有一个说法:在犹豫不决的时候就用卡斯隆。说明其应用的广泛。

图片来源于网络

 № 8 
易读 |  沉静  |  小众
多用于章节开篇设计或者电影海报
Minion是Robert Slimbach为Adobe的一款serif typeface字体。Minion专为经典风格的机身文字设计,虽然稍微有浓缩感,而且大口径可节省空间并增加易读性。结构简单,比例适中,这种字体可以作为Times New Roman的一种变化方式,两者很类似。不少网页的内容显示字体用的就是这款。同样的电影海报也能经常见到这款字。Minion体在作为章节开篇字体设计页也可以很出色。

图片来源于网络

无衬线体

 № 1 
简洁  |  冷静  |  易读
非常广泛地运用在各行各业,最经典也最泛滥,
如果你实在不知道使用哪种字体
使用Helvetica准没错

Helvetica是一种广泛使用于拉丁字母的无衬线字体,是瑞士设计师马克斯·米丁格(Max Miedinger)和爱德华·霍夫曼(Eduard Hoffmann)于1957年设计的。作为排版铅字所制作。Helvetica,在拉丁文中意味“瑞士的”。Helvetica 被视作现代主义在字体设计界的典型代表。纪录片电影导演盖瑞·胡斯崔特(Gary Hustwit)制作了一部关于Helvetica的同名纪录片。该片在2007年上映,纪念字体开发50周年。Helvetica最常见的派生字体是Monotype公司于1982年出品的“Arial”字体。虽然在很多细节上与Helvetica有所不同,但许多非专业人士很容易将两者混淆。Arial字体随着Microsoft Windows操作系统的附赠而迅速普及。


图片来源于网络
纪录片[字体传奇]海报,一个字体能有一部属于自己的电影应该是很高的荣誉了吧。
优点:
(1)中性:现代主义认为,字体本身只是传达信息的媒介,简明的字体可以让信息更准确地传达,这比视觉表现、风格更重要。因此Helvetica在设计中遵循这一设计理念,保持中性。按照现代主义的观点,字体应该“像一个透明的容器一样”,使得读者在阅读的时候专注于文字所表达的内容,而不会关注文字本身所使用的字体。由于这种特点的存在,使得 Helvetica 适合用于表达各种各样的信息,有了更广阔的运用空间和更开放的解读方,并且在平面设计界获得了广泛的应用。例如,Helvetica被运用到地铁导视系统,给人有一种现代、高效、清晰的感受。



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

苹果iOS 7系统、雀巢、松下电器、汉莎航空、纽约地铁站、American Apparel都使用Helvetica。
图片来源于网络
(3)与瑞士平面设计紧密相关:Helvetica的成功不是它一个字体能够完成的,是跟一系列的新无衬线体(Neo-Grotesk)的出现,以及与整个瑞士平面设计的融合,风靡全球分不开的。它们共同形成了一整套完整的理念:崇尚绝对的理性、客观、系统化。如我们所熟知的网格系统,就是推崇系统性、数学化的视觉体现。瑞士平面设计的典型手法是以纯粹文字编排来做极简的传达。它在1960年后风行世界,是因为表现简洁、直接,并且在操作上容易标准化、系统化。当时的美国企业正在为全球化扩张寻求一种快速传播并且统一识别性的视觉解决方案,瑞士平面设计、Helvetica的出现加上各种大师的成功运用,把它们一起推向顶峰。

图片来源于网络
缺点:
(1)缺乏韵律。Helvetica的设计理念是一致、去个性,字母的整体造型都偏圆,因此缺乏阅读韵律,并且没有针对小字阅读优化,在优秀字体及细分领域都丰富的今天,Helvetica的优势减弱。
(2)中性也是一把双刃剑。冷静,客观的同时,也抹杀情感和活力,忽略了形式可能为读者带来的情感体验。
(3)滥用。可参考今天Flat design的泛滥,误用、滥用造成人们的审美疲劳。

 № 2 
整洁  |  理性  |  科学化
多用于经典的字体排版

Akzidenz-Grotesk是一款非常经典的无衬线字体,在十九世纪德国印刷中占主导地位,也是当时最流行的字体之一。其简单中性的设计影响了许多后来的字体,并成为20世纪50年代和60年代流行的'国际'或'瑞士'设计风格的一个常用元素。它比Helvetica出现要早,对Helvetica、Univers等字体有着重要的影响。Akzidenz-Grotesk字体比Helvetica更吝惜笔画,相对于现在字体,使用Akzidenz-Grotesk字体会更有经典的味道。
grotesk是德语形容词“怪诞的”“荒诞的”“滑稽可笑的”之意。因为较之前的其他字体风格——手写体(指印刷术发明之前主要以手写形式留存下来的各类大小写字母的初始文本,为其后的文艺复兴圆体风格的基础,Gutenberg在1455制作的42行圣经以手写体出版。)、文艺复兴圆体(如:Garamond、Adobe Jeson)、巴洛克风格(Caslon、Baskerville、Time)以及经典时期风格(Didot、Bodoni)——来说,这种没有衬线的字体在当时看来相当滑稽可笑、显得格格不入,于是当时的印刷业界就给这种无衬线字型取了一个这样的名字Grotesk。1896-1904年间,柏林字体浇铸师Berthold完成了这款名叫“Akzidenz Grotesk'的字体。
图片来源于网络

 № 3 
高级  |  古典  |  碑文
多用于高级优雅的品牌

Optima是一款既保留了古典气质,又不失现代感的无衬线字体,因为它的骨架和比例继承了罗马碑文的比例结构,字形虽然没有衬线,但是竖线的部分设计了微妙的粗细变化,显得十分的优雅,为人一种清爽现代又不失历史底蕴的气质,这款字体传达出来的是一种高级的质感。
图片来源于网络
高级巧克力品牌Godiva使用了这款字体作为标准字体。

 № 4 
严谨  |  几何  |  冰冷
多用于标准化的设计或者警示牌

DIN是一种无衬线字体,广泛用于交通,行政和技术应用。它由德国标准化研究院在1931 年定义为“ DIN”。提到德国标准化研究院,大家可能没听说过,但是实际上我们常用的纸张A0-A5,就是这个部门指定的。这款简化到极致的字体在最初是用于工业用途,可以在有限的技术难度下应用。由于设计的易读性和简单朴实的设计,它已成为广泛用于标牌和显示屏改装通用设备的字体,还常用于警示的作用。这款字体看上去非常的冰冷和严谨,其实这个也符合我们对德国人办事一丝不苟的印象。

图片来源于网络

我们可以联想一下,当我们在做工业区的改造或者设计的时候,或者建筑装置设计的时候,是不是就可以用这种字体进行设计说明的排版?让人一看就有很严谨、克制,性冷淡的感觉。


 № 5 
现代  |  几何  |  包豪斯
Futura是拉丁语未来的意思,是一款最经典的无衬线体,因为它催生了更多的无衬线字体。他的设计者叫保罗伦纳。Futura继承包豪斯的设计理念,强调形式和构成,字体的特征很明显,几何性强。在二十世纪被大量的使用,以至于有一群艺术家专门成立了 “反对使用Futura Extra Bold Condensed”的活动。
图片来源于网络

像Futura这种锋利而又冷峻的字体,配合某些合适的图像,会更出效果。 在做一些现代的比较有棱角的建筑设计,或者比较有未来感的建筑或者城市设计的时候可以考虑使用这种字体。
现代且具有几何特征,尤其能够突出时尚,设计感的时候可以使用,是非常容易辨认的一款字体。也被很多品牌用作制定字体。如我们熟悉的奢侈品品牌LV,商标完全用的Futura并且没有大的改动,只是增加了字间距,去营造属于lv的品牌气质,威严和霸气,传达了历史感。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多