了解字体的基础知识

在上一节课中,我们回顾了文字发展的历史,探讨了字体在平面设计中的功能。从中我们了解到:字体是为内容服务,选择一款字体的标准是「给读者打造一个合适的阅读体验」。

作为信息的载体,字体的选择决定了你的设计作品能否言之有物,不沦为只为吸引眼球的花瓶。不过,在正式开始介绍选择字体的技巧之前,我们要先对字体有充足的了解,这样才能「知其所以然」,在不同的设计中灵活运用字体,而不是抱着一两款所谓的万能字体走天下。

在这一节课中,我们便来学习字体的基础知识。

之所以从英文字体讲起,是因为英文字体的特征更加显而易见。

在看剧的时候,尤其是美剧或英剧开头的几集,尤其是那些没有熟悉演员的情况下,很容易分不清谁是谁。在看过此剧三到四集之后,脸盲症自然就消失了。

看剧时候的脸盲症并不是严格意义上的脸盲症,我们之所以会有类似于脸盲症的体验,是因为我们对欧美人的五官特征没有足够的判断经验。而到了第三第四集,我们逐渐看出了面孔之间的区别并记住了他们的特征。(比如发型、眼型、嘴形、身高、肩宽……)

对于字体,你或许也有脸盲症般的体验,比如下面这两个字体,你能看出他们的区别有多少吗?

由于文字是平面构成和信息传达中非常重要的一环,而字体的重要性我们在上一节已经讲述过了。那么,选对字体的前提便是能明确的知道字体的特征和区别。

所以本节我们会像认识人一样,通过学习字体的特征,看出字体的区别,克服「字体脸盲症」。下面让我们来依次认识一下英文字体的关键特征。

衬线,是指笔画末端的装饰线,是否有衬线是区分不同英文字体最显著的特征。有衬线的字体叫做衬线字体(Serif),而没有的则是非衬线(Sans-Serif)。(「Serif」意为「衬线」,「Sans」在法文中意为「没有」)

衬线体是古典的英文字体,源于古罗马的石刻拉丁字母。1968年爱德华·卡蒂奇神甫在其著作《衬线的起源》一书中指出,在石刻时人们会先用方头笔将字写在石头上,再按照痕迹刻画。由于方头笔画出的笔画起笔处和收尾处比较粗糙,于是就加上了衬线。

在传统印刷中,衬线字体常用于正文。因为衬线有视觉引导的作用,可以加快读者的阅读速度。但在现代排印中已经不再有这样的死规矩,非衬线体也有不错的阅读体验,但传统的纸媒仍然坚持使用衬线体。

另外,并不是所有衬线字体的衬线都是一样的。有些字体的衬线会更加尖锐,有些则更加圆滑。大家可以观察下图中S起笔处的区别看出衬线形状的不同。

非衬线体的出现比较晚,有说法是起源于希腊的字母形式和罗马帝国的非正式铭文,80年代开始兴起。非衬线字体曾经被称作「Grotesque」(荒唐的)或者「Gothic」(哥特的),这反映了早期人们对非衬线体的看法。如果你看到了某个叫做「xxxgrotesque」的字体,那么他的意思就是「xxx非衬线体」。

非衬线体在早期的电子屏幕上会有更好的显示效果,基本成为了电子显示器上的最佳选择,无论是iOS、Windows还是Android,都选择了非衬线字体作为系统字体。但其实随着高分辨率屏幕的出现,今天的我们大多不需要担心显示效果,而更多是出于功能和美感的考虑去选择字体。

通常情况下,非衬线体可以给人现代、简洁、有科技感的感觉;而衬线体可以给人文艺、古典、端庄的感觉。

x高度指英文小写字母x的高度,它决定了整套字体小写字母的高度,以及p、j、y、f、b这些字母的身材。

一般中英混排时使用x高度较高的英文字体。因为x高度较高的英文字体会显得更加方正一些,和方块字更般配。试着阅读下图中的段落,是不是感觉右边的文段读起来有明显的顿挫感?

字母中x高度以上的部分称为升部,以下部分称为降部。区分他们的线叫做升部线(ascenderline)和降部线(descenderline)。

如果一套字体的x高度越高,那么留给升部和降部的空间就越少,字体会显得比较憨厚、稳重。相反的,如果升部和降部都比较伸展,字体会显得比较清秀、飘逸、活跃。

不同字体的升部和降部也会有不同的形状和尺寸,比如下图中五款字体对于字母y降部的处理就各有千秋。

字怀是字母的全封闭或半封闭区域,他其实是文字中的留白,留白越大对比度就越高。字怀的形状和大小是区分字体的重要特征。

通常字怀较大的字体会更舒展,稳定,容易阅读;字怀较小的字体看起来更有个性。除了大小,字怀也有形状之分,比如GillSans几乎为正圆的字怀看上去很有几何感。

观察字母o可以轻易找到中轴线,中轴线决定了字体的重心,非衬线字体的中轴线通常是竖直的,衬线体的中轴线通常是倾斜的。

通常竖直中轴线的字体偏几何化(比如字母O像一个圆形而非椭圆形)所以看上去更加现代,标准,工业化因为这种完美的圆形很像是标准化的工业制品;而倾斜中轴线的字体则像是手写出来的(想象一下用平头笔书写字母O,左右两边自然会粗一些),更有人文气息。

字体设计是一个极其细致的工作,单个字母的毫厘之差放在大段文字中就是千里之别。字体的小细节也是我们区别字体的重要依据,也蕴含着字体设计师的巧思,让我们尝试去找这些字体设计的细节吧:

第一个小细节是文字的写法。英文中a与g都有两种写法,有两个字怀叫doublestory,有一个字怀叫singlestory。同一种字体通常选择同一种写法来处理a和g,非衬线体常用singlestory的写法,doublestory更多出现在衬线体中。

第二个小细节是笔画结束时的角度和方向,也能区分字体,尤其是小写字母e的末端。同一款字体通常会保持同样的角度和方向、同一种笔画结尾风格。末端较平的字体看上去比较稳定,末端有角度的字体看上去更灵动。

字母R的结尾也是重点观察的对象,下图这三款字体都是根据其中AkzidenzGrotesk演化而来,但对字母R结尾的处理各不相同。

第三个小细节是「点」,尤其是字母i、j上的点。有些字体使用方形点,视觉上会和下方的竖线更加接近。

不同字体的数字风格也有不同处理,有old-style和lining两种。

old-stylefigures的数字拥有大小写字母一样的升部和降部,适合大小写字母协调;Lining则高度统一,和中文字体配合更加和谐,Old-stylefigures拥有升部和降部的特点更能配合英文字体的美感。不过Old-stylefigures同时阅读起来也相对慢一些,在讲究阅读效率的场景下(比如数据表格),Liningfigures更合适一些。

如果你想深度了解西文字体,可以阅读这本《西文字体:字体的背景知识和使用方法》。

本书的作者小林章是一位日籍著名字体设计师,任Monotype字体总监,曾参与Optima等著名字体的改刻,以及腾讯字体的设计。这本书对西文字体的基础术语概括全面,还包括一些知名字体的解析以及故事,是非常好的英文字体入门书籍。读完这本书之后,你会对很多经典的英文字体了如指掌,并且进一步加深对西文字体构造的认识,甚至对字体的选择和搭配有所了解。

下面,让我们趁热打铁,试试我们所学到的区分技巧能否让我们摆脱「字体脸盲症」。

至此,我们已经学习了英文字体的9个特性。下面试试来一起区分,我们将给出三组相似的英文字体,推荐大家先自己看一分钟,尝试描述两个字体之间的区别,再看解析。

解析:同为衬线字体,两者的关键区别在衬线。

解析:两款字体都因国际主义设计风格而流行,当时Helvetica的设计目的就是与AkzidenzGrotesk竞争,其设计也是从AkzidenzGrotesk改造而来,但也有所区别。

国际主义设计风格强调干净、易读、客观,其主要特征包括非对称排版、栅格、无衬线字体(如Akzidenz-Grotesk)、靠左对齐而右边不齐等。此外,这一风格更倾向于使用摄影,而非插图或绘画。许多早期的国际主义风格的作品将字体排印作为主要的设计元素,而不仅仅只用于正文之中,这也是其英文名称「InternationalTypographicStyle」(国际字体风格)得名的原因。时至今日,该运动对平面设计策略与理论仍有着深远的影响。

解析:上面的Roboto是Android系统的默认英文字体,下面的SanFrancisco则是iOS的默认英文字体,两个字体都是为了屏幕显示和扁平化的界面而设计,有些神似。

讲完了如何辨识英文字体,我们接着讲中文字体。大家不必害怕,因为中文的字体特征和英文有非常多共通之处。

对于中文字体,我们仍然可以将其分为「衬线字体」和「非衬线字体」两种。书法中的「顿笔」,印刷字体末尾三角都可以算作衬线。

所谓顿笔,是书法中在笔画开头和末尾处更多用力并多做停留的一种手法。通过顿笔,笔画的开头和末尾会显得更粗且富有变化,字体看上去就更有美感。

顿笔放在印刷字体中就是一种衬线。而一些印刷字体,比如宋体,在顿笔处理上更加几何化,比如「一」字的末尾就处理成了类似三角形。

衬线字体显得比较有古典韵味。非衬线体在电子显示媒介上应用广泛,传播信息更加清晰,但也少了些书法之美。与英文字体相同,衬线字体的衬线也各式各样,对比衬线形态是区分字体的好办法。

我们常见的宋体与楷体属于衬线体,而黑体则属于非衬线体。虽然楷体与宋体都可以认为是衬线体,但楷体更加偏向模拟毛笔书写,而宋体则更加锋利平整,适合打印。

与英文字体「字怀」一样,字怀是文字内中空的空间,也叫内白、字谷。与英文字体不同的是,汉字的字数多且笔画差距大,有些笔画少的字天生字怀大,笔画多的字自然字怀较小,而英文字母相对平均一些。

观察「口、回、国」三个字,你会发现最简单的「口」字反而内白最小,这是因为「口」字中心是空的,视觉上会显得很空很大,所以字体设计者通过缩小内白的方式来达到视觉上的平衡。

字怀偏大的字体观感稳定,反之则比较灵动。内白均衡的字体视觉更稳定均衡,适于阅读。而内白对比强烈的字体(如书法字体)会更有律动。目前市面上的印刷字体大多追求内白上的均衡。

重心指的是字体的纵向视觉中心,通常会比几何中心偏上一些。让字体「看起来是一套」的重要手法就是重心位置一致,不同字体的重心略有不同。

重心决定了字的身材比例,重心越低越稳重,字面越高越高挑轻盈。最近几年新设计的字体都倾向于提高字体重心,增加轻盈感。比如1997年的微软雅黑、2015年的苹方、2019年的OPPOSans,重心在不断提高。

字面,可以理解为字所占的面积。同样字号的字体,有些显得大有些显得小,这就是字面的不同。字面大的字体会观感比较稳重,字面小的观看会比较清秀。

中文字体中也有一些小细节,同样可以帮你区分字体。

喇叭口是笔画末端变宽的部分。喇叭口最初是由于铅字印刷的技术限制,导致笔画开始和结束的地方着色较少,显得圆润不锋利。于是字体设计师在笔画两端稍微加粗,也就是加了喇叭口,印刷出来的效果就能达到视觉上的均衡。

而如今的屏幕清晰度已经可以精确地显示字体,喇叭口已经由「技术限制」变为「审美选项」,它能让字体看上去更有力道和韵味。在苹果推出「苹方」字体前使用的「华文黑体」就是有喇叭口的。但由于在屏幕上出现喇叭口并非本意,近些年带喇叭口的字体出现频率越来越低,甚至有些「古典黑体」的感觉。还记得BellCentennial吗?

BellCentennial

Figma官网,使用了由DINAMO设计的Whyte字体

「折」笔画是分辨字体的好办法。不同字体「折」的角度、顿笔(衬线)的形状、笔画结束形态都可能有所不同。下图可以看出,华文宋体的折在结束的时候有一种笔逐渐离开纸面的感觉。思远宋体则感觉是用了一些力再离开纸面,比较丰满。

记得小学写「心」字的时候,这三个点儿一直点不对地方。「点」在中文字体中可比想象中要复杂,点的弧度、长度、位置都会呈现不同的气质,况且很多字不只有一个点。我们可以通过对比「点」这个简单笔画分辨字体。

下面这对「三点水」的例子可以看出:苹方的「点」是带有弧度的,旗黑的「点」是直的。试着眯起眼来看一下,你会感觉苹方的更加柔和,旗黑的更加坚定。下面这张图说明了「点」这样一个简单的笔画可以带来怎样的不同:

以上便是我们介绍的七种中文字体的特征了,如果你对中文字体想有更深入的了解,这里有三个延伸阅读推荐给你:

《中国字体设计人:一字一生》—廖洁连:相比上一期推荐的《西文字体》,这本书更加有文化积淀,通过采访十二位中文字体设计人,讲述了中文字体设计的产生和变迁,也反映了社会的变化。整本书虽然气氛悲观,但能从其中了解不少关于中文字体设计背后的艰辛以及与西文字体的不同之处。

下面就用我们刚刚了解到的字体特征,尝试区分这些字体吧。

解析:

有什么办法快速对比字体特征?不知道大家有没有在做练习题的的过程中总结出来一些经验,我个人的经验是先粗略看一下两个字体的感觉,再具体抓住一到三个字母进行对比,通常一个字母对比出的区别是可以应用在整套字体上的。

英文字体的特征是否能用在中文字体上?其实中英字体的特征是有很大重叠的,比如衬线就是一模一样的。大家可以先猜测一下本节英文字体的特性可以如何对应到中文字体上。具体的答案大家看下一节就知道了。

找到身边的英文字体,特征是怎样的?这其实是练习题的一个延伸,既然我们已经掌握了一些字体特征知识,那么生活中出现的字体就是我们最好的练习案例。每当看到一个英文字体,都可以花几秒来思考一下该字体的设计特征,并思考一下为什么。长此以往相信你会有更多收获。

中英文字体可以对应吗?读完本章大家应该有明确的感知:中英文字体特征是可以对应的。比如完全相同的衬线概念,内白-字怀;重心-x高度。有了这样的认知,大家可以将中英字体特性看作一个整体的辨识工具,这样更加好记一些。

字体的特征之间是否互相影响?我认为字体特征之间是有所影响的,或者说字体的各个字体特征组合是一体和谐,相互配合的而不是分散独立的。比如说内白和字面,一个是内部的留白一个是整体的面积,两者组合起来可以达成字体的感觉:大内白配合小字面对比小内白配合大字面的感觉是不一样的。

THE END
1.是。。。的基础的翻译是:IsThebasisof中文翻译英文意思aseam shirring 缝焙烤[translate] a [translate] a是。。。的基础 Yes.。。Foundation[translate]http://nuoweiyu.zaixian-fanyi.com/fan_yi_415315
2.是基础英文英语是基础用英语怎么说翻译读音经济是基础,政治则是经济的集中表现。 来自辞典例句 2. Agriculture forms the backbone of the rural economy. 农业是农村经济的基础。 来自《权威词典》 3. This study is the cornerstone of the whole research programme. 此项研究是整个研究计划的基础。 来自《权威词典》 4. Democracy is predicated uponhttps://www.iciba.com/%E6%98%AF%E5%9F%BA%E7%A1%80/
3.asoundfoundation稳固的基础 was always sounding off about higher taxes 老是大谈增税的事a sound foundation稳固的基础a sound economy 经济宽裕 zh-cn.oldict.com|基于5个网页 3. 坚实的基础 基础的英文翻译,基础 原有基础 the original foundations坚实的基础a sound foundation打基础 to lay the fouhttps://cn.bing.com/dict/a-sound-foundation
4.什么的基础用英语怎么说翻译成英语什么的基础相关的英语/英文短语 以什么作为什么的基础的英语短语 参考资料: 1.百度翻译:什么的基础 2.有道翻译:什么的基础获赞5次 声明:内容版权归作者所有,未经授权不得任意转载 本文标题和链接: 什么的基础用英语怎么说-翻译成英语 https://yingyu.xiediantong.com/en/e4959e30cb197842/https://yingyu.xiediantong.com/en/e4959e30cb197842/
5.“基础”的英文拼写名词是哪个?答案解析 查看更多优质解析 解答一 举报 基础[简明汉英词典]basebasicbedrockelementsfoundationgroundwork 解析看不懂?免费查看同类题视频解析查看解答 更多答案(2) 相似问题 “基础”的英文单词怎么拼 秋天用英语怎么读?怎么拼? 特别推荐 热点考点 2022年高考真题试卷汇总 2022年高中期中试卷汇总 2022年高中期末试卷https://www.zybang.com/question/5e560be015efdd86e06ee7590abf9161.html
6.基础用英文怎么说基础的英文: base foundation basis 参考例句: footing beam;Foundation beam 基础梁 Socrates laid the foundations of logic. 苏格拉底奠定了逻辑学的基础。 Basal subjects sequentially encounter disesteem. 基础科室继续遭遇冷遇。 Saber rattling that set the stage for war. https://www.hjenglish.com/new/p659403/
7.基本英语怎么说?问题七:在的基础上 用英文怎么说啊? base on 问题八:基础的用英语怎么说 基础的: basal;basic;fundamental;Fundamentally basal无基础的: footless;ungrounded 无扎实基础的: ungrounded 无基础的基础: ab-gründiger Grund 问题九:最常用的英语怎么说? https://www.lishixinzhi.com/aa/2092704.html
8.英语字体的基础知识与汉字的造型原理和方形的造型基础完全不同,西方文字亦有其特有的造型基础和原理。 我们应该知道英文字母的书写是基于4根横向的平行线。这4根线其实在字体设计领域里有 其专业的名称。 从1450年德国的古腾堡发明了西方现代金属活字印刷技术以来,印刷技术日新月异。尤其 https://www.douban.com/note/150591277/
9.如何培养宝宝打好英文基础39降网打外语基础的最佳时期:在还没熟悉母语的情况下学习 其实学英语说难不难,说容易不容易,只要掌握了要领就知道从哪一步入手,难的是坚持,漫长地坚持下来了才会有胜利。大人和小孩学英文的吸收程度不一样,大人的思想比较复杂,因为他本身就熟悉了一种语言,所以在学其他语言的时候,难免会有个转换的过程。小孩不同,是一http://baby.39.net/yeqz/081/9/224556.html
10.8岁孩子零基础如何学英语众所周知,英语启蒙教育对孩子来说非常重要,这可以为孩子以后学习英语打下良好的基础。下面小编就来告诉你关于8岁零基础孩子如何学英语的方法。 第一.帮助孩子学习基础的英文歌曲 英语学习应该从最基本的单词,单词的发音开始,这也是英语学习的初始阶段,英语入门学习主要包括以下几方面,听英文歌曲,歌词不会的可以下载下来https://www.qinxue365.com/yyxx/643464.html
11.英语写作论文通用12篇由于近年来高中毕业生英语水平不断提高,已基本具备基础英文写作水平,所以,生源质量较好的学校没有单独开设基础写作类的课程,例如广州外语外贸大学。虽然高中毕业生的英语水平有所提高,但水平还是参差不齐,特别是很多普通本科院校认为学生有必要在学习专业知识之前系统地夯实一下语言基础,再接受与专业相关的其他课程的学习,https://jrdz.xueshu.com/haowen/10693.html
12.英语最核心的基础知识:英文语句的成分英文语句的成分 我们都已经知道英文语句的四个要素:主语-Subject,谓语-Predicate,宾语-Object和补语-Complement。 而构成这些要素的成分,即单词-word,短语-Phrase和分句-Clause。 主语不一定是一个单词,也可以是一个短语,也可以是一个分句。 凡是主语都应该是一个名词,不过有时候可以不用名词而用别的词来代替,例如https://baijiahao.baidu.com/s?id=1619067320584371311&wfr=spider&for=pc
13.生活英语词汇:基础设施的英文怎么说随着我国国际形象的日益壮大,对于不经常使用英语的普通人来说,也会有需要知道某个词用英语怎么说的情况,下面是小编整理的关于生活英语词汇:基础设施的英文怎么说的资料,希望对你有所帮助! 基础设施的英文: base station base installation infrastructure construction https://www.tingclass.net/show-8895-492819-1.html
14.学c语言需要英语基础吗学C语言,有一定的英文基础是可以如虎添翼的。目前很多计算机的核心技术是在国外的,有一定的英文基础,自然会在学习上有很大的助力的。但是C语言对英文的要求也并不是非常高的。毕竟C语言的目的是为了让极其读懂,而不是人读懂。 一般来说只要你认得26个英文字母,知晓一些基本的英文就足够学习C语言了。不过C语言的https://www.hxsd.com/content/29484/
15.字体的基础知识:英文字体的特征及结构(终于找到了)这本书对西文字体的基础术语概括全面,还包括一些知名字体的解析以及故事,是非常好的英文字体入门书籍。读完这本书之后,你会对很多经典的英文字体了如指掌,并且进一步加深对西文字体构造的认识,甚至对字体的选择和搭配有所了解。https://blog.51cto.com/u_13161667/5826237
16.英语level3是什么水平代表初级高级口语与阅读的启蒙水平另一方面,大量阅读也非常关键。可以通过读简单故事、DESCRIPTIONS、日常信息来积累词汇量,熟悉英文语义逻辑结构。同时多做阅读理解题目,检验对文章主要内容的把握。理解简单英文是提高阅读能力的基础。 此外,还需要进行词汇记忆、语法学习、模拟考试等训练锻炼英语思维。以上多方面综合提高,才能在1年左右时间内达到level3的要https://www.66offer.com/158742.html
17."很久以前"是Longbefore还是Beforelong!测测你的英文基础!测测你的英文基础! 在学英文的过程中, 我们由于中式英文的思维影响, 不知不觉就会说出很多自认为正确的表达, 来看你常说的英文,真的符合英文语法吗?! 1 在之前 Two years before. Before不能单独使用,Before sth才是完整表达 Two https://mp.weixin.qq.com/s?__biz=MjM5NzY1MDMwMA==&mid=2658558391&idx=1&sn=f7c33664b72e3783872239591388adb8&chksm=bd540ba48a2382b28a9a050a32730d4ffdeb223524cb694922fc1890ecf0f0fb07e034f03106&scene=27
18.零基础英语入门07介词是啥?学几个搞定方位简单表达55:3620. 零基础英语入门13|What color are they?他们什么颜色? Danica 403次播放 1:27:2621. 零基础英语入门12|你来自哪里?where are you from? Danica 414次播放 1:57:4522. 零基础英语入门11|26个英文字母怎么读? Danica 706次播放 2:20:0623. 零基础英语入门10|关于节日和问候的语音学习02 Danica https://www.cctalk.com/v/15148823822767
19.初一英语学习方法总结(精选20篇)2. 听英文歌曲:选择喜欢的英文歌曲,学习歌词并尝试跟唱。这不仅能提高听力,还能帮助记忆词汇和句型。 3. 加入英语学习社群:参与线上或线下的英语学习小组,与志同道合的'伙伴一起交流学习心得,互相激励,共同进步。 二、重视基础,稳扎稳打 1. 掌握音标与发音:音标是学习英语发音的基础,务必花时间熟练掌握。可以通https://www.cnfla.com/yingyu/670918.html
20.各类会议英语词汇7篇(全文)会议注册英文词汇 1.会议注册基础英文单词 registration system 报到系统,注册系统 accounting 会计 optional fee 选港费 track 跟踪,追踪 database 数据库 target market 目标市场 on-site registration 现场报到/注册 early-bird registration 提前报到/注册 online registration 网上报到/注册 advance registration 提前报到https://www.99xueshu.com/w/filecel15y57.html
21.高二英语教学计划15篇5、在写作方面,坚持每两月一次作文训练,训练题材、方法力求多样化,并能及时进行讲评。并针对高一新生的写作基础,给予英文写作的指导和误区分析,可适当让学生多背诵一些常用的句型,句式,词汇和短语,或是很有代表性的范文。鼓励学生写英文日记,对个别英语特差的学生尽量多批改、多指导。 https://www.jy135.com/jiaoxuejihua/960191.html
22.刘毅突破英文基础词汇3000.pdf刘毅突破英文基础词汇3000.pdf,序言 学习英文最常遇到的一个问题,便是词汇量不足。一个词汇量不足的人,在英文听、 写、说各方面的能力都会受到严重的限制,因此往往无法适当地与英美人士沟通;在参加 考试时,更经常因为看不懂题目,而不知从何作答。 有鉴于此,我们特别https://max.book118.com/html/2021/0130/8031050034003044.shtm