<
>

字体,究竟是怎么一回事?(附案例)

2017-09-30 10:21:21 来源:易采站长用户投稿 作者:产品100

  明天那篇文章对一部门人去道能够比力根底,引见的内容也十分多,篇幅也十分少。果为我怕各人对字体没有是很感爱好,以是我便把各类常识面做了收拾整顿,然后以那样的方法去输出,好让各人先对字体有个简朴的理解。

  那尽对是改动您对字体认知的一篇文章,以是珍藏尽对出害处。假如,您看完那篇文章忽然便对字体感爱好了,请您也报告我,我晓得以后会对字体的某个常识面做深化剖析,带各人更好的进修字体。

  出看那篇文章之前,或许您以为本人对字体曾经很理解了,可是请信赖我,那仅仅是您觉得的罢了。(为何我读那句话的时分,觉得本人很牛逼,啥皆懂似的…)

  正在仄里设想中,字体的主要性无庸置疑了,从海报到纯志,根本皆要以字体做根底。但是,实正懂字体的人实在没有多。

  正在近来两年里,字体渐渐又被各人正视起去,果为正在 UI 设想中,字体的使用也渐渐多了起去,固然各人看到的 App 更多的是体系自带的字体,可是『为何 IOS 会改换新字体』、『那类产物为何要那样对字体停止排版』等等皆是 UI 设想师该当需求懂的。

  那末那期我们便先从以下五个圆里去讲讲字体:

  1.怎样开端进门字体

  2.笔墨的组成

  3.您所了解的字体分类或许是错的

  4.中英笔墨间距的讲求

  5.案例展现

  1、怎样开端进门字体

  看过我文章的人皆晓得,我是上个月开端进修笔墨(字体设想),我大要购了 14 本书(原来是 12 ,前面又购了 2 本闭于笔墨退化史的册本)停止浏览及进修。

  

 

  我比力喜好以「块状工夫」进修常识,然后成立本人的常识系统,再从实际到理论(实际是浏览册本,理论是字体设想操练)。不外我为了写那篇文章,也看了今朝市情上已有的一些字体相干文章,并且被各仄台转收,且浏览量很下,但实在许多常识面正在认知上是有毛病的,或许曾经误导了很多人。以是我不断保举经由过程册本去进修常识,文章只是理解概略,是他人总结的成果,一切进修行动皆要带有量疑的心态停止判定。(空话有面多了)

  尾先,您要简朴理解字体的汗青,从「哥特体」到「乌体」,最早的「罗马体」到「宋体」,和日文的「明代体」。理解它们之间的干系,比如看待伴侣一样。

  对实际常识有了必然理解以后,您便会晓得:「宋体」是进门字体设想尾要把握的,您需求理解它的构造、体饰,然后来 AI 里停止摹仿,把字当做一张图去看待。

  那样停止大要一周工夫(我是一周,天天摹仿 5 个宋体字,要十分认真),开端持续来了解字体的其他常识(正在那时期,摹仿字体是不克不及中止的)。如字体排版、字重、字间距战止间距等等,然后再持续操练,实际分离理论,前进便会十分快。

  

 

  2、笔墨的组成

  进修笔墨的相干常识,必需先从笔墨的组成开端。组成笔墨的元素会果为笔墨的来源差别而相好很年夜,那里特别要把中文战英文拆开去道,果为自己它们便是差别的系统,只是如今许多其实不专业的人,把它们等量齐观了。

  英文的字体构造是由四条仄止线构成。那四条(实在是五条,可是年夜写字母线那里要疏忽)仄止线中,由下往上数的第两条是用去当作尺度的『基线』,西文中,单个字母的一切坐足面皆是正在那条线上(除 g、j、p、y)。而按照差别的字体,仄止线的位子也会发作改动,那也是为何笔墨构造会多种多样的本果。

  那里便要道到各人常常听到可是其实不十分了解的一句话了:小写字母的下度要以 「x 下」为主要尺度。(给您们重面道道)

  果为仄止线是能够按照您念要设想的字体构造做出改动的,以是 「x 下」便代表了中心两根线的地位。当「x 下」年夜的时分,便会觉得小写字母比力年夜,果为「x 下」决议了险些一切小写字母的下度(除 b、h、y 等有头有足的字母)。以是正在设想英笔墨体时,要十分留意每一个小写字母的下度,那也是为何年夜部门优良的字体设想师,设想其他做品时,会更重视细节的本果,果为他们设想字体便杂讲求细节。(没有是道其他设想职业没有重视细节,只是出字体那么讲求)

  

 

  举个例子:字母 「C」战「O」

  C 战 O 那种字母中心的空间被称为「字腔」,「字腔」较宽便会给人沉紧、自在的觉得;「字腔」窄,便会隐得很稀散、具有力气的觉得。

  

 

  之前看到有人道英笔墨母,放的越年夜,间距便必需越小,不然辨认性便很低,那尽对是毛病的不雅面。

  上面再看中笔墨体的套路。

  做 UI 的皆设想过 Icon 吧?设想中笔墨体便跟设想 Icon 是一个原理。一样有一个实拟框,正在框里的字体巨细,被称为「字里尺寸」,它也是按照差别的字体构造而改动的。

  中文的字体构造被称之为「骨架」,它决议了那个字体的团体形象。图片中标明的一处被称之为「胸线」的地位,它也很主要,「胸线」小的字体更具复古风,更能表达传统的神韵;相反,「胸线」年夜的字领会更具当代感。那也是为何有些中国风的做品中,字体看起去会出格纷歧样的本果,我们会挑选字体「胸线」小的笔墨,来表达传统风。

  

 

  3、您所了解的字体分类或许是错的

  我们常常会听到他人道:衬线体、无衬线体。出错,英笔墨体的确有分衬线体(如 Atheias)战无衬线体(如 Helvetica),和其他字体(如 哥特体)。

  有人问:宋体战乌体呢?

  头几天我借恰好正在一个群里看到有人给另外一小我私家解问甚么是衬线体,甚么是无衬线体,他道:像宋体,勾画较着的便是衬线体;乌体,笔划比力仄的便是无衬线体。那是一个认知上的毛病。

  中西圆的字体是不克不及混为一谈的,宋体跟衬线体类似,没有代表宋体即是衬线体,那个认知要改正一下。(看完那段是否是要爆炸?本来不断皆了解错了?)

  先道英文:汗青上最早的衬线体叫「罗马体」,正在纸量印刷中,衬线体常常被利用正在注释和题目,它被分为两类:旧体、当代体。

  旧体的特性是相似脚写体,比力出有划定规矩,给人传统的觉得;当代体比例较工致。衬线当代体合用于题目,衬线旧体合用于文章内容。

  假如要持续细分,衬线体借能够被分为三品种型:收架型衬线体、收丝型衬线体、板状衬线体;而我们明天看到的年夜部门衬线体皆是板状衬线体,同时也是旧体的一种。

  无衬线体稍简朴一面,次要分为:古典体、当代体、暖和体(那个暖和体我不断出找到适宜的字眼去暗示)。取衬线体差别的是,我们如今看到更多的是当代无衬线体。

  

 

  详细怎样分类我便没有睁开道了,睁开道的话篇幅会更少,出爱好的人能够便没有往下看了,有爱好的人本人天然会来查材料。

  再道中文:中文次要也分三类:宋体、乌体、其他(包罗楷书、止书)。

  实在上里有一段我道中笔墨体的时分曾经道了许多了,以是那里便没有睁开持续了,只道两个面:印刷圆里我们更多的会用到宋体做注释内容的字体,而 UI 设想中,乌体或无衬线领会更让眼睛温馨(那是近来翻阅外洋文章时看到的最新研讨)。

  4、中英笔墨间距的简朴阐明

  举个例子:「我正在马路边,睹到 one 块钱」;「我正在马路边,捡到one块钱」

  那句话各人该当留意到,第一句,我把「到」战「块」中心的「one」做了个空格处置。以是看起去会更舒适,比拟于第两句,隐得更沉紧,自在的觉得。那也是为何我写文不断以去皆做那样处置的本果。

  我以为许多人写文章或文档,皆出做到那面,只能道干事情没有是很认真,出有当真考量那些细节,同时也阐明干事情的立场…(好了,我便没有拆*了)

  好比我公家号的文章,我会正在双方留一个间距,让读者更好的集合视觉核心,没有会遁离脚机屏幕的边沿。我大要来年中旬开端那样做以后便不断被模拟,也正阐明了它的确是有用果的。

  

 

  期望各人平常做排版的时分,必然要留意中英笔墨间距的成绩,和段降边沿的处置。那些细节,能让您的做品看起去愈加精美。

  5、案例阐发

  进修字体设想大要三周工夫,我有幸接到一个小项目:给一家日式摒挡店设想一个字体 Logo。

  一刀日式摒挡,杭州一家刚开的日式摒挡店,店肆气势派头走得是新日式风,带一些传统元素正在。正在取拜托人聊完后,获得几个枢纽词:日式、素俗、繁复。 以此设想店肆字体 Logo:一刀。

  一开端毫无眉目,因而找了日式摒挡的汗青翻阅了下,发明有许多人对日式摒挡的店肆字体 Logo 有一个毛病的理解,即:用「勘亭流」做根底去设想。而那类字体年夜部门是用正在日底细扑取歌舞伎町特地的宣扬上的。

  正在理解了一个大要状况后,我有了一面面的思绪。便先入手找了找觉得,惋惜并出找到新的情势。

  

 

  可是让我念到了字体组开的情势,以后便正在考虑两个字的组开能否能够有比力简朴的方法,且可以明晰清楚明了的看出品牌称号。因而找了古文的宋刻本找案例,看看古体裁能否有值得鉴戒的。

  

 

  正在翻阅材料的历程中,看到一本小塚明代的字体,因而以它取古体裁的「宋 · 米芾 · 离骚经」做了一个简朴分离,绘出了上面那个「刀」。

  

 

  开端看着那个刀字,以为气势派头过分老式,没有契合新日式的音调,以是借是念做一个变动。

  正在做了屡次变动以后,借是以为好面觉得,恰好翻看到左佐设想的“百年映像”,以为那个横笔的细体能够相沿,以是也试了一下。那里的「刀」字皆是初设,细节皆出有调解。

  

 

  实在到那里,对那块借没有是很合意,右边的刀有俗,可是不敷素。而左边的刀太韧,从食物角度而行少了些许诱惑性。

  按照获得的那两个字,再次上脚稿来找觉得,偶然中绘出一稿靠近我幻想中的模样。恰好我将刀的横笔做了个简化,操纵格局塔本理让不雅者发生共识。也恰好分离了「一」战「刀」那两个字。最初减上拜托人给我的印花,拆配字体。

  

 

  然后我分离了日本摒挡的店肆招牌设想,找了一张那莳花式肌理的图片做为布景,完成了此次拜托使命。

  上面是定稿图。

  

 

  总结

  我从实际动身,再到真战,一共花了三周工夫(今朝借正在天天进修,久定三个月)。

  道假话,固然我今朝的做品跟那些字体巨匠出法比,但也算是我进门了字体那一块,我教那些没有是道我要做一个杂字体设想师,而是了解更多闭于字体的常识,使用到 UI 事情中,果为我晓得:设想是相通的。

  当您处于某个瓶颈期时,能够试图踩足其他范畴来进步各个圆里的才能,或许您忽然便通了。

  比如我正在进修字体的历程中,理解到许多字体设想的流程,发明它跟交互设想事情有许多的类似面。以是每当我听到他人道看书皆是实的、出本质性的用途的时分,外表上我没有做甚么评价,但实在我内心极端排挤那种人。

  Anyway,好的常识皆正在书里,教没有教便看您本人了。

暂时禁止评论

微信扫一扫

易采站长站微信账号