字体与设计by matt.谭

首先,文字是我们传承文明的唯一工具。世界上所有的国家里,只有我们中国的文化是始终没有间断过的传承下来,汉字是伟大的是民族的。作为设计师一定要尊重文字,不要因为设计去糟蹋我们的文字。这也是我再次修改的原因,第一次线上课程有很多不足,希望大家包涵。

字体是设计中非常重要的环节,新老设计师对设计深入认识的重要部分,当我们打开自己的电脑会发现有各种字体,那么问题来了,你会选择和使用字体吗?看着下边的字体你是不是觉得无从选择。

字库介绍

汉字是世界上使用时间最久、空间最广、人数最多的文字,汉字的创制和应用不仅推进了中华文化的发展,还对世界文化的发展产生了深远的影响。汉字发源于象形文字,最初是来源于图画,由于画的过程相当复杂,在慢慢变化过程中为了传递方便不断简化。从我们已知最早的象形文字、金文到大篆、小篆、隶书、行书、楷书、到至今常用的繁体字、宋体字、黑体等。(注:以上列举并不代表文字的发展流程,在特定时期里多种书体是长期并存的,希望大家注意不要误解。我建议大家最好可以查阅相关字体文化史料。)

演变过程中字体的变化由于为了书写的方便,大家公共的认识方便交流对字体进行简化和修改,汉语相同语系的有日语和韩语,亚洲地区的台湾和香港用的繁体字被台湾人称为正体字。

中华民族五千多年的历史都是文字来记录下来的,在设计过程中不仅是信息传递的重要途径,美化画面,进行加工和设计的重要的元素。优秀的字库有方正,长城,汉仪,华康,思源,方正最近出了新字库,方正兰亭系列等

汉字字体的分类及特点:

汉字主要包括黑体,宋体,卡通字和书法字等。

黑体

黑体的特点是线体比较统一没有过多的装饰,线条基本一致粗细。黑体就是也是无衬线体,他是相对于我们的衬线体。黑体作为最流行的字体,广泛应用于网页,现代的科技,女性,美食,自然,文艺,男性,化妆品,戏剧,儿童,健康,等各个领域,可以说黑体是大众的现代的。

黑体主要有以下特点干练,科技,现代,方正、粗犷、朴素、简洁、无装饰、横竖笔形粗细视觉相等、笔形方头方尾、黑白均匀,因此非常醒目,运用广泛。很多大牌会用到,网页设计以及现在的交互设计中都会用到黑体和等线体(黑体的一种衍生)

黑体有劲黑、力黑、超粗黑、中黑、标黑、细黑、纤细黑等。从刚强有力到到方正简洁,从简洁朴素到科技时尚。

黑体在现代运用过程中几乎是百搭的,并且拥有健康,儿童,科技,美食,自然,年轻的特点。香奈儿、艾诺碧、小米手机、iPhone手机等品牌也出了其专门的字库。因此iPhone页面上显得不但非常美观,而且也塑造了其本身的品牌价值,我想也是他们产品非常受欢迎的原因之一。

宋体

宋体的特点,有衬线,在其笔画的开端与收尾都有相应的装饰线条美化字体,就呈现出和黑体截然不同的风格。依据中文字体史料他是由雕版印刷而产生,类似于英文的罗马体(英文衬线体的一种)。

宋体具有,文化,奢华,高端,女性,受众范围小。因其特点广泛地应用于文化,特色,高端奢侈品,化妆品当中宋体应用比较多,可以说宋体是精致的小资的。

宋体大致有粗宋、中宋、标宋、报宋、刊宋、雅宋、简宋无不体现其别致,小资,贵族气息。

圆体

圆体一般是指收尾比较圆润的的黑体。因为其圆润饱满,因此活泼可爱亲近,有女性气质,主要用在化妆品和儿童产品。

圆体同黑体一样有粗体和细体,粗细变化的差别在字体越细有现代感和科技感,粗圆体有萌态和可爱的特点。

书法体

书法体特点和气质,从字面意思理解,在日常生活中书写而产生的字体。主要有隶书,楷书,行书的等。气质独特,不能胡乱使用,有历史感,有意境,有气势,大气,有文化,有中国的感觉,有深度。

在一些传统节日上,在小众受众的代表有文化气息的方面,在特色美食,地产广告,为了使得地产有文化会用到书法体,显示深度意境文化。

上边介绍完了大的字体分类,还有一些分支字体,等线锐,细线园体,倩体,琥珀体,姚体等。我们要根据字体不同的特征理解去使用。

最常用的两种字体黑体和宋体的区别及用法

宋体比较特殊,有一定的文化气质,受众比较小相比黑体,气质相对黑体特殊。在美食方面,黑体适合做大众的美食,宋体可以用在西餐和一些特色餐;化妆品方面宋体高贵和典雅,黑体代表现代科技,现代的化妆品有的代表高端文化用宋体,如果表现科技感,科技改变生活用黑体比较合适。那么要是表示纯天然,自然绿色应该用什么体呢?(倩体可作为一种选择,代表fresh,Mamonde);

商业广告方面,黑体商业感强比较大众,小广告比如淘宝和大众广告选择黑体,传递文化特色和精简的商家选择使用宋体,使用宋体体现其品质典型的代表性的是奔驰;黑体粗体给人力量感和重量感上的区别,粗壮的字体用在体育用品和户外运动,体育方面。有一些服装品牌为表现其品位个性选择宋体使用;黑体我们可以很方便给他赋予材质,并且识别度较高,宋体小资特色识别度相对低。宋体具有小众特色柔美的时尚,在日常设计工作中使用相对黑体比较少;黑体也广泛地应用与互联网手机界面交互等体现其强科技感可未来感。

卡通体主要表现活泼可爱,儿童产品宠物用品,宠物店选择卡通体,近似于卡通体的是圆体。

细圆体有时尚的感觉,有现代科技的感觉,时尚黑属于时尚体。

汉字字体对设计师而言非常重要,每张平面里面除了画面之外就是文字,文字的结构和笔划是非常值得我们学习和考究的地方。如果设计师对字体的尺度比例,笔划位置顺序有一定认识和认知的话,那在做其它设计的时候比例尺度都是非常完美的。

中文字库发展到今天,在最近几年发展比较快,近一百年发展很缓慢,中文优秀字库四五十款,总共四五百款。英文字库有26个字母,有上万种字库,邻国日本也有好几千种的字库,远远超越了中国,说明了设计师在文化方面有很大的空间,这也是我们值得反思的地方。

英文字体简述

英文字体主要分为三类,一种为衬线体,类似于宋体caslon和times

new roman;一种是无衬线体,例如arial和helvetica,和黑体是一类的;还有一种是手写体,类似我们的书法体。(用法与同类中文类似,具体案例有待斟酌)

上图有九款字体,和中文字体一样有很长时间的历史,头四款字体都是衬线体。在字的边角地方有一些装饰性的字体,宋体是具有时尚个性的特点,英文的衬线体同样有这个特点。中间的Helvetica字体,有好多知名品牌直接用它作为logo。Myriad字体作为第一款电脑版字体,是第一款放在电子显示,具有代表性的字体,再往下的几款字体有点偏长型的字体,相当于黑体的范畴,类似Arial和Helvetica,各自有自己的特点也具有悠久的历史。

感兴趣的可以查下9款字体的历史,在演化过程中产生了很多字体,这9款字体作为推荐的常用的英文字体。

问题:怎样去配字体,英文字体怎么去配汉字字体?汉字字体怎么去配英文字体?

不外乎用黑体配英文黑体,无衬线体配无衬线体,衬线体配衬线体,中文的书法体最好用英文的衬线体来配。那么英文的书法体往往用来做装饰,以烘托氛围。

我们设计中英文混排的时候,英文往往在画面中起到辅助的作用,因为英文比较小,在排列过程中呈线状,起到丰富画面的效果,在平面设计当中在画面上需要点线面的构成才具有设计感,平时设计中可以考虑将一行适合的汉字翻译成英文作为装饰线来配合画面。相对地,单纯将英文字体进行放大或特殊效果处理后,形成突出的效果,可能不是一条线,以体积,面或者其它的形式存在。

找一些日常生活中看到喜欢的字体,形成自己常用的字库,我认为对平面设计师来说是非常必要的。

我们可以看到上边两个永字非常有代表性,作为在书法中最重要的字,有永字八法的说法,要练好书法必须先写好这个字的说法,就此可以看出笔画对字体的重要性。看到宋体字的特点,棱角部分有装饰线还有一些突出的装饰,黑体用字笔画一致。

通过一下图片感受文字的气质特点

上图是兰蔻的平面广告,下面配了宋体,时尚,品味,高端的特点。画面中可以学习到由于在瓶子上使用了衬线体,也说明了宋体和衬线体是非常相配的。

知名珠宝商卡地亚的图片,上面的文字用了英文的衬线体,体现高端,贵气。

上面三张是地产广告,用了书法体中的隶书,隶书传递出文化的气质,画面中运用了传统的画面的氛围,有一些元素现代化的处理,很好地配合了整体文化氛围,也就是画面的调性。配合上字体决定了文化的气质和特色,书法字体是有文化魅力的。

以上两张图是时尚先生和国外时尚杂志的封面,运用了衬线体,英文衬线体和宋体具有同样的时尚感、现代感。

以上两张是三星的平面广告,画面用了线体也就是黑体,很白简洁干净的画面配上黑体的文字给人有科技、未来感。

以上两张是香奈儿的海报,画面清新简洁,一种冷艳高贵的色调,配了类似于黑体的等线体字体,是香奈儿自己的字体看上去很高端,可以看出黑体的现代感,科技感,时尚感。

上图是地产广告,购物广告和网页的首屏,有很多排版和文字的应用,字体的气质和特性方面要熟练地把握和运用,上面有横排的,竖排的,粗的细的,大的小的字体。(这张没有什么什么非常优秀只是说明一些基本问题)

左上角的那张海报,文字部分最大的主体是大人物从不将就,用到了宋体,突显出文化的气质,配了一些欧式的图案和字体书法体,书法体在里面起到装点氛围的作用,更有文化感,欧式装饰起到配合气氛。现在讲到的文字,抛开文字本身,把它理解为一个物体和图片来看,“大人物不将就”就是整个页面里的主体,下面配了黑体的英文,让海报有一定的现代感,除了主要文字和次要文字之外,其它文字都是非常小起到点缀和装饰的。在排版文字中,需要有一个主次关系,上面最大的文字是主标题,下面的二级文字是无衬线的英文,还有其它小字的以补充主体信息部分都是来配合点缀介绍说明主题。我们要注意到这一页面字体的比例关系,在做海报和新的网页首屏的时候考虑怎么处理主体与层级关系。

小图标的文字排版,小图标上都有文字价格和打折信息,和简单的文字设计排版(同样说明问题,资料并不是最优):

设计当中,把文字放到图标上的唯一目的就是突出它,上面的文字有大小的差别,更多地把编号价格信息打折信息,抢和送作为最大的字体,其它字体变小,作为文字排版的基础部分,意义是要从很简单的东西中学到怎么去看好的设计和差的设计,这个简单的东西要做到非常完美也是不容易的,牵涉到文字比例和小图标上装饰线条的尺度,比例,颜色。能考虑到先在小图标或按钮上排出一个美观的字体来,打开淘宝和支付宝推销的页面,当看到每一个文字,对文字的排版,取舍,配色,位置大小产生一种想法和认知,这样就能达到目的了,通过普通的认识能提高到更高的台阶,做到让文字为我所用,不让文字绑架自己。

记得汉仪和造字工坊推出了很粗壮的适合做标题的字体,设计师找这些字体只是在追随潮流,没想过具体怎么配,劲黑和粗黑这种字体只适合于户外运动体育用品和做震撼的效果,做标题完全没问题,粗的字体更具有震撼力,作为标题有一种醒目的作用还是可以的。

做海报和单页的时候,粗体和劲黑体可以作为一些slogan主要编辑的字体,比较粗适合编辑,加一些效果来表达情感,比如一些材质,木头金属气泡的字体来达到需要的效果,而不是被字库绑架,字体库里很多字体从来没研究过怎么去用。我们要学会理解怎么鉴赏字体,通过对字体的学习达到设计上的升华,是自己从字体设计与实践中学习理解平面设计,因此我认为字体是平面设计第一步。

通过看大师的作品,对作品产生一些理解方面的浅识:

日本中生代国际级平面设计大师、日本设计中心的代表、武藏野教授,(无印良品)艺术总监。设计领域泛于长野冬季奥运开、闭幕式节的节目纪念册和2005年爱知县万国博览会的文宣设计中,展现了深植日本文化的设计理念。在银座松屋百货更新设计中,横跨空间到平面实践整体设计的方向。在梅田医院指示标志设计画中,则表现出触觉在视觉传达中的可能性。

日本民族比较谦卑,因为海岛生活,对自然灾害地震海啸天生地无法改变现状,对自然和生命的畏惧,在作品中能看到悲观的概念,看到的作品都是很空旷的,在空旷的感觉中配相应的字体上去。

字体都非常讲究,第一个作品上用了楷体字配了衬线体,并且有大小变化的节奏感,本身由汉字和片假名组合而成,上面写的是变奏曲,画面也是配合有节奏的感觉,画面是空旷且悲观的色彩。

配文字的时候用的是楷体,正体书法体的一种,配的是衬线体,同时可以在自己的作品中考虑楷体配衬线体,并且考虑是否是斜体。

日文的特点有大小的变化,而汉字没有,在文字大小排版时,做大小和材质的变化来呈现节奏感

对日本人设计的理解很像国画和中国古风的感觉,中国古风是乐山乐水,智者乐山,仁者乐水,而日本在设计的作品当中更多的是悲观的感觉。

第二张作品,黑色和黄色的色调依旧是悲观的感觉,运用了一些对称的结构,里面有房屋的样子。需要从平面设计角度只理解图案,色彩和文字的排版,只从画面的感觉和传递的信息去理解。通过画面和图形文字来表达思想,图中运用了日本的传统元素,日式的木头结构和中国有点像,配的字体是有点压扁的楷体字和线衬体,文字错落有序并且保持了画面的平衡。色调依然保持了悲观的感觉。

这张是日本的清酒,用了宋体字,放得很小,画面的主要特点是瓶子的纹理有水墨的感觉,白色的瓶子,后面是昏暗的感觉,显示酒的文化感和文化魅力,有时间久远,陈酿的感觉,画面感很强,同时体现出悲观色彩。

可以看到画面当中只是一个主体:瓶子,其它都是色调,还有就是标题即文字部分,再没有其它东西。从中可以得到启示在做海报和首页的时候,可以直接放一个产品,以产品作为画面的主体,同样达到美观和传递信息的效果,不需要过多的设计,可以模仿大师的这种做法。

这张图是2005年日本博览会的海报,页面呈白色,里面是个章鱼。这届博览会的主题是护环境、实现人与自然共存,博爱地球。从字体看是衬线体类似于宋体,有文化的感觉深度,并且色调还是和之前几幅图的一致,这种调性也成为日本设计界风格的典型代表,具有典型的东方审美色彩。

上图的这张作品,有一个带圆角的矩形,中间有小球,非常有意境,在对称当中寻找突破,展示稳重的效果,里面有一个突破感,采用了无衬线体,注意字体大小的对比和字体摆放的位置,画面中圆球靠近右侧,有向右下滚动的趋势。把字体放在页面的左下,和小球往右下运动的趋势形成一个补充,使画面更加平衡。

在文字排版和运用的时候,文字的大小和比例能否配合画面的平衡,画面上因为放文字不是平衡的,一边重一边轻了,放的位置不适合作为主要信息传达的位置,那就要考虑是否让它更加平衡来达到传达的目的。

这张作品可以看到很有意境的作品,文字的排列占了很小的一块,其它部分是白的,是火柴盒的设计,给人很有意境的感觉,干净,品质,上面的字体很小但排版很漂亮,可以学到的是字体在排列的时候形成了线条,不是整整齐齐地到头而是有错落感的。日文有自然的大小变化,字都是不一样大,可以想象下天然形成了对比和节奏非常漂亮,在我们的排版中值得学习。我们的文字应该横排成行,如果你排了一个页面,你的文字行的感觉不强问题就比较大了,建议行间距和字大小是黄金分割比的会比较舒服,在具体排版的时候可以根据具体的情况进行操作。

这个封面很简洁,保持了日本的独有特色,放了一个传统的图案,有文化感,图本身就传递了一种文化感,字体配的是衬线体也是宋体,无论日文,字母和数字都是同一字体,同时保持了悲观的色调。

以上代表了个人对作品的认识,这组图是设计界的典型代表,代表了一种调性和氛围,日本引领了亚洲设计,大家也都很喜欢这种氛围和格调,近些年也有很多类似的作品。

以下是类似具有调性的图片,是会展的作品:


可以细细体会和日本大师的设计的异曲同工之妙,并体会到宋体的文化气息和深度。素材的运用讲究,精致,和主题相关,配字用到宋体,文化感很强,有精致典雅。设计其实就是由字体开始,选择适合的图片素材营造一种氛围,传递感情和设计目的的过程。通过分享能对设计和字体有个深入的了解。

总结部分:

通过对字库的认识,字体的气质和用法的了解,知道字体对设计的重要性,只有牢记字库基础知识才能灵活运用,到最后字体设计。

主要是对字库的简单了解,将字库分为哪些类别,掌握每一类字体的不同用法和特点:

首先讲黑体,有亲近年轻干练百搭美食自然的特点,比较现代和具有较强的科技感,广泛运用于日常设计和快销,适合作为正文字体。

推荐的几款正文字体:方正兰亭系列,思源黑系列,汉仪的黑体系列。

对年轻设计师来说,对字体把控力不强,用介绍的类似字体包括微软雅黑和黑体,只要适当调整比例尺度,掌握行距间距以及大小色彩质感,就能达到不错的效果和设计目的。

接下来讲的是宋体,比较小众,表现科技时尚个性,有一些自己小众的特色,秀美,用人来比较的话是小资和小巧玲珑的,大家喜欢的又没那么大众的,一般广泛应用于美食,化妆品和商业广告之类的。

之后是书法字体,非常有特色,有历史感有意境有气势,大气有文化,能表现中国,有很强的艺术感和知识深度。由于它的自身特点而被广泛应用于民风民俗,传统节日和小众餐厅,有意大利餐港餐台餐,日料韩料之类的,在餐饮行业的应用非常多。

圆体属于黑体和卡通体的中间状态,有两种特点,有科技感和有萌憨的状态,科技有女性气质,运用于化妆品,萌憨状态广泛运用于宠物和儿童方面。

卡通字体,用于卡通制作和儿童,宠物,特点活泼可爱随意自由,但不是完全自由的状态,如果自己设计一套字库和字体的话也是非常难的,虽然笔划自由,但要保证自由而有规律的话非常难,希望大家在这方面有探索和应用。

接下来介绍了9款非常有历史的英文字体,有漫长的发展史,是受现在中国设计师推崇的9款相近的字体,在选择字体的时候都是靠近这9款字体来选择的。

英文字体主要分为三类,衬线体,无衬线体也叫等线体,近似于黑体,最主要的是helvetica字体,经典的代表,还有非常受欢迎的英文的黑体arial。

然后是字体如何配中文和英文,黑体配黑体,无衬线配无衬线,衬线配衬线,书法体配衬线体大多数情况下特例除外。在日常生活中看到大牌和优秀的广告的时候,观察运用了什么字体,字体用在这里传达了什么样的特点和调性。通过这样的积累,对基础深入掌握后就可以对字体进行设计了。

之后是一些图片的展示和对字体的理解和运用,平常看到类似的东西是否会产生想法?字体对中国人来说任重而道远,希望每一位设计师在字体方面有所探索,能够为设计加分,因为中国的字体是非常有文化的,字体设计需要看《汉字五千年》的资料和史料,并且要更多地去运用它。

希望能够改变大家对电脑里字库的看法,不再是每一次要用字体的时候想破脑袋找不到好看和合适的字体,主要是因为没研究过这些字体,它们本身都是非常经典和实用的。

以下图片汉仪字库小知识:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容

  • 一、概念 参考网页字体Serif和Sans-serif的区别及浏览器字体的设置CSS Font知识整理总结 1.F...
    合肥黑阅读 5,949评论 0 12
  • 大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽...
    陈_宣阅读 1,869评论 0 7
  • 你的心灵必须比你的身体更为强大。 发掘你心灵深处的力量,一开始你可能会无法突破心魔,但只要继续奋战,继续努力,总有...
    慧玲学阅读 196评论 0 0
  • 25岁的李叫兽,由于出任百度副总裁,一时成为风口浪尖上的人物,前有黄有璨(三节课联合创始人)送出的祝福,后有冯大辉...
    未未运营手记阅读 25,962评论 7 48