中文、西文字体基础应用方式讲解

其它优秀文章推荐:

快速避免【视觉无障碍设计】中的雷

非科班设计师的出路:抛弃切尔诺贝利式思维

文字编排、排版中那些实用的小技巧!

设计当中的图形与照片的区别与应用案例

我们活在充斥着文字的世界里,文字既是信息传递的重要载体,又起到了营造氛围的重要作用。

东西方文字因为文化起源的不同而大相径庭,因此中文、英文分开讨论~

先回顾一些基础术语概念,再介绍典型的字体和应用案例,对文字有个基本的认识。

中文篇:中文字体-你需要知道的术语

字面框、字身框
“字面”是文字字形实际占据的面,字面的外边框称为“字面框”。外部虚拟的框称为“字身框”。

中文、西文字体基础应用方式讲解

骨架
中文字体的基础在于文字的“骨架”,也就是文字的基本线条,而字体的变化则让这些基本线条变得有血有肉。

中文、西文字体基础应用方式讲解

中宫

原指书法“九宫格”中间的那一格,即一个字的重心周围的区域,通常用来分析一个汉字的间架结构。中宫部分笔画密集就叫“中宫收紧”,中宫部分笔画稀散就叫“中宫放松”。

中文、西文字体基础应用方式讲解

字白、字谷/字腔

笔画之间和外围的白空间统称为“字白”。未封闭的笔形之间的白空间称为“字谷”。包围或半包围的白空间称为“字腔”。

中文、西文字体基础应用方式讲解

笔形

笔画的造型,观察或辨识一款字体的笔形特征主要是从笔画的起笔、折笔、运笔、收笔处入手。

中文、西文字体基础应用方式讲解

字重

即字体笔画的粗细度。
字体家族是设计风格一致,并具有数款不同字重的系列字体。

中文、西文字体基础应用方式讲解

行间距/行距

“行间距”指相邻两行文字之间的距离。从前一行文字字身框的下沿线至后一行文字字身框的上沿线。
“行距”也称为“行高”,是指相邻两行文字基准线之间的距离。从前一行文字字身框的上沿线至后一行文字字身框的上沿线。

中文、西文字体基础应用方式讲解

中文字体 – 字体分类 :宋体

宋体

竖线粗、横线细,书写至笔画结束的地方有类似三角形的装饰。

背景故事

宋体的使用,可以追溯到雕版印刷的鼎盛时期宋朝。由于雕版所用木头具有的水平纹理,所以横笔画更容易雕刻而且还能保持非常的细小。相反,竖笔画则难以雕刻,所以就会导致其变粗。同时由于横笔画的两端容易被磨损,所以就为其加上了字脚,让这些地方变得更粗也更耐用。

中文、西文字体基础应用方式讲解

宋体应用

案例:Vogve杂志

现代型宋体能传达摩登时尚、现代明快的感觉。现代型宋体笔画的起点和终点是如同几何形般的刚硬线条。

中文、西文字体基础应用方式讲解

宋体应用

案例:水墨画展海报

传统型宋体能传达古典、传统的感觉。
传统型宋体笔画的起点和终点是由微妙的曲线构成的。

中文、西文字体基础应用方式讲解

宋体应用

案例:中秋节

宋体适合用在与传统文化节日相关的场景。

中文、西文字体基础应用方式讲解

宋体应用

案例:美食海报

纤细的宋体能传达精致、高级、有格调的感觉。

中文、西文字体基础应用方式讲解

中文字体 – 字体分类 :黑体

结构方正,横竖笔画粗细一致,没有字脚装饰。

背景故事
早期印刷时,正文通常都会使用宋体。但为了强调标题的部分,需要强而有力、线条粗壮,能够使用大尺寸的字体,逐渐发展出黑体。随着电脑和互联网的普及,黑体的价值得到了进一步体现,它简洁的笔画特征与屏显介质特性相符,成了当今各种屏幕媒介中最有发展前景的字体。

中文、西文字体基础应用方式讲解

黑体应用

案例:NIKE广告

粗大的黑体能传达出具现代感又强劲有力的效果。

中文、西文字体基础应用方式讲解

黑体应用

案例:大众点评

必吃榜粗大的黑体能传达一种权威感。

中文、西文字体基础应用方式讲解

黑体应用

案例:YOHO广告

粗大的黑体适合用在打折促销的场景。折扣利益点的信息展示非常醒目。

中文、西文字体基础应用方式讲解

中文字体 – 字体分类 :圆体

一种由黑体演变而来的字体。拐角处、笔画末端为圆弧状。

背景故事
圆体不但具有黑体清晰易读的优点,而且也予人较柔和的感觉。圆体的用途很广,除了标题与内文外,许多的路牌、招牌或看板都采用圆体。

中文、西文字体基础应用方式讲解圆体应用

案例:儿童母婴

圆体给人温柔可爱、柔美优雅的印象。适用于与儿童母婴相关、有亲和力的内容。常和一些可爱的卡通形象搭配使用。

中文、西文字体基础应用方式讲解

圆体应用

案例:情人节

圆体适用于与情人节爱情相关、浪漫温柔的内容。

中文、西文字体基础应用方式讲解

圆体应用

案例:食物广告

圆体适用于表现甜品、小吃等可爱温馨的食物。

中文、西文字体基础应用方式讲解

中文字体 – 字体分类 :楷书

结构严谨,没有省略笔画,形体结构方正,横笔画带一定角度。

背景故事
楷书的每一个笔画的起笔和收笔都要交待清楚,工整规范,干净利落,不能潦草、粘连。结构上强调均衡分布、重心平稳、字形端正、总体上看整齐工整。笔画未端柔软且富有弹性,符合自然的笔触,给人亲笔认真书写的感觉。

中文、西文字体基础应用方式讲解

楷书应用

案例:邀请函
楷书给人亲笔书写的感觉,适合表达礼貌、守规矩的印象。可以用在正式的邀请函、书信等场景。

中文、西文字体基础应用方式讲解

楷书应用

案例:网易云音乐H5

楷书的笔画有柔软且富有弹性的未端,笔触自然,适用于表达情感丰富、真诚、认真态度的场合。

中文、西文字体基础应用方式讲解

楷书应用

案例:《色成》
标题字以楷书为原型,加上梅红色的颜色应用,饱含情欲色彩而又不失文艺气质。

中文、西文字体基础应用方式讲解

楷书应用

案例:故宫博物院

楷书配合故宫的场景、诗词,能表达充满古典意味的印象。

中文、西文字体基础应用方式讲解

中文字体 – 字体分类 :行书

结构没那么严谨,略微将笔画简化,自由流畅,行云流水,体现出一种动态美。

背景故事
行书是一种统称,分为行楷和行草两种。它在楷书的基础上发展起源的,介于楷书、草书之间的一种字体,是为了弥补楷书的书写速度太慢和草书的难于辨认而产生的。
“行”是“行走”的意思,因此它不像草书那样潦草,也不像楷书那样端正。行书实用性和艺术性皆高。

中文、西文字体基础应用方式讲解

行书应用

案例:《梅兰芳》
海报标题笔触婉转流畅,落落大方,飘逸秀美。一则表达中国元素,二则映衬梅兰芳先生的京剧艺术和他的气节情操,飘逸大方的行书气质正是贴切。

中文、西文字体基础应用方式讲解

行书应用

案例:《延禧攻略》
行书适用于优美、传统、古雅的内容,与古装宫廷的绘画、服装、饰品的搭配很契合。

中文、西文字体基础应用方式讲解

中文字体 – 字体分类 :隶书

一种庄重的字体,略微宽扁,横画长而直画短,讲究“蚕头燕尾”、“一波三折”。

背景故事
隶书是由篆书演化来的,汉字从小篆到隶书的演变过程称为“隶变”,主要将篆书圆转的笔划逐渐改为方折,书写速度更快。隶书结构扁平、工整、精巧。撇、捺、点等画美化为向上挑起,轻重顿挫富有变化,具有书法艺术美。

中文、西文字体基础应用方式讲解

隶书应用

案例:《投名状》

标题为隶书,以阴刻印章形式,更显得庄重古朴,沉稳内敛,而这种凝重的气质,正符合这样一部有些悲情色彩的历史剧,隶书所特有的庄严凝重气质将这些渲染得恰到好处。

中文、西文字体基础应用方式讲解

隶书应用
案例:《琅琊榜》
隶书给人古朴典雅,富有书卷气的感觉。

中文、西文字体基础应用方式讲解

隶书应用

案例:
《我在故宫修文物》

中文、西文字体基础应用方式讲解

中文字体 – 字体分类 :草书

结构简省、大量使用连笔,偏旁多混用假借,变化丰富、奔放不羁。

背景故事
草书作为传递信息工具的功能已经减弱,成为一种艺术作品,讲究间架、纸的黑白布置,是否让人能认清写的是什么已经不重要了。多以奇形怪状、粗细对比夸张、以及充满情感的线条相连。

中文、西文字体基础应用方式讲解

草书应用
案例:《一代宗师》

标题为草书,气氛营造得十分有范,雨夜中叶问独战群敌。草书潇洒灵动,笔法错落,气势磅礴,配合海报整体的苍茫浑厚气氛。

中文、西文字体基础应用方式讲解

中文字体 – 字体分类 :手写体

手写体均有自身独特的特性,变化丰富,追求创意表达。

背景故事
比起规范的标准字体,手写的文字给人的感觉更自然。手写字体还可以提高设计的原创度,独特性。

中文、西文字体基础应用方式讲解

手写体应用

案例:《那些年》
原笔迹的手写体给人亲切的感觉,《那些年》追忆的是校园时期的青葱岁月,用手写笔迹作标题字自然非常合适。

中文、西文字体基础应用方式讲解

手写体应用

案例:大众点评917

手写体比起规范的标准字体,手写的文字给人的感觉更自然、不拘小节。可以展现亲切活泼、轻松有趣的感觉,拉近与读者的距离。

中文、西文字体基础应用方式讲解

手写体应用
案例:穷游十年海报
《继续对世界上瘾》

中文、西文字体基础应用方式讲解

中文、西文字体基础应用方式讲解

英文篇:西文字体-你需要知道的术语

基线

由下往上数第二条线是西文用来当做标准的“基线”。西方语系的文字几乎都是写在这条基线上。中文、西文字体基础应用方式讲解

x高

“x高”即以“小写×字母”为准的高度。“x高”大时就会感觉小写字母比较大,形成比较强烈的印象,但行距也会有密度较大的压迫感,长篇文章不易阅读。

中文、西文字体基础应用方式讲解

字腔

像C或O这样字母中间的空间,称为“字腔”。字腔较宽的字体,给人开放、轻松的感觉。字腔较窄的字体,给人密集、有力量的感觉。中文、西文字体基础应用方式讲解

轴线
现代字体的轴线垂直,笔画有强烈的粗细对比,给人现代高冷的感觉。旧风格字体的轴线有一定的倾斜度,较缓和的粗细对比,给人传统、亲切的感觉。

中文、西文字体基础应用方式讲解

衬线
水平笔画和垂直笔画尾端的短线条。衬线的形状和尺寸可以有很多种不同的设计方法。

中文、西文字体基础应用方式讲解

西文字体 – 字体分类 :衬线体

衬线体(旧体)文字前端的笔画有爪形装饰。旧体在起笔处保留了书写痕迹,具有传统亲切感,易于阅读。

背景故事
历史学家们认为衬线体来自古罗马的石刻碑文。由于直接用方头笔刷书写会导致笔画的起始和结尾出现毛糙,所以在笔画开始、结束和转角的时候增加了收尾的笔画,也就自然形成了衬线。

中文、西文字体基础应用方式讲解

衬线体应用(旧体)

案例:《Kinfolk》

一本推崇慢生活的杂志,标题使用的是传统衬线体,有一种手工感、古拙的趣味,以及书法的味道,显得传统、柔软,有一种诗歌般的美。

中文、西文字体基础应用方式讲解

西文字体 – 字体分类 :衬线体(现代体)

文字前端的笔画有爪形装饰。线条粗细对比明显,具有明快的现代感、冷峻严格。

背景故事
18世纪,欧洲工业化发展,由于时代的变迁和印刷术技术的升级,人们发明了现代衬线字体。它强调了粗细笔画之间的强烈对比,加重了竖画,而把衬线作得水平、极细。
经常运用于时尚杂志和时装设计。

中文、西文字体基础应用方式讲解

衬线体应用(现代)

案例:《VOGUE》
现代衬线体有锐利的工业感,同时也保留着传统的衬线元素,显得现代而优雅。所以非常适合时尚工业,Vogue、Bazaar等杂志都使用了现代字体。

中文、西文字体基础应用方式讲解

衬线体应用(现代)

案例:GIORGIO ARMANI

奢侈品大牌喜欢用现代衬线字体作为logo,强调自己百年的传统工艺和优良设计。

中文、西文字体基础应用方式讲解

西文字体 – 字体分类 :无衬线体(古典)

没有衬线的字体是“无衬线体”。古典无衬线体给人强劲有力、古典的印象。

背景故事
Sans serif,”sans“是法语,”没有“的意思,顾名思义,sans serif就是没有serif,没有衬线。它与那些衬线字体相反,完全抛弃装饰衬线,只剩下主干,造型简明有力,更具现代感,起源也很晚。适用于标题、广告,瞬间的识别性高。

中文、西文字体基础应用方式讲解

西文字体 – 字体分类 :无衬线体(现代)

没有衬线的字体是“无衬线体”。现代无衬线体有理性和几何图形的感觉,给人冷静现代的感觉。

背景故事
现代无衬线体是基于几何形状的,透过鲜明的直线和圆弧的对比来表达几何图形美感,拥有最现代的外观和感触。线条较纤细的无衬线体具有优美的曲线,也能给人一种柔软而温暖的典雅气氛。

中文、西文字体基础应用方式讲解

无衬线体应用

案例:《地心引力》
无衬线体常用于科幻、未来感相关的题材。

中文、西文字体基础应用方式讲解

无衬线体应用

案例:APPLE

无衬线体气质开放亲和,线条柔美,更流线型,苹果的VI字体。

中文、西文字体基础应用方式讲解

无衬线体应用

案例:BURBERRY

近两年,很多传统大牌为了走向年轻化,将自己的品牌LOGO纷纷改为无衬线字体。Burberry不久前宣布将启用全新品牌LOGO,这是该品牌近20年来,首次对Logo设计作出颠覆性的改动。

中文、西文字体基础应用方式讲解

西文字体 – 字体分类 :哥特体

非常华丽,装饰性强,传达出庄严、令人敬重的高贵感。

背景故事

哥特体或歌德体式约1150年起至17世纪在西欧广泛使用的字体,特点是非常夸张华丽。在德国,哥特体沿用至二战结束。德文尖角体为哥特体的典型字体,在西方有时指代全部哥特体:有时也称为“老英文字体(Old English)”。

中文、西文字体基础应用方式讲解

哥特体应用

案例:《哈利波特》

电影海报应用标题用了哥特体,哥特式建筑在哈利波特系列中也很多,霍格沃兹的许多地点直接取材于英国最著名的几座哥特式建筑,预言家日报的标题字体也是哥特体。字体给人神秘华丽的感觉。

中文、西文字体基础应用方式讲解

西文字体 – 字体分类 :手写体

充满手写效果的字体。既然是手写,自然会有各种类型。

背景故事

传统型的手写字体用在贺卡或商品包装上能产生优雅的感觉;现代型的手写体给人一种温暖、亲切的感觉,仿佛是本人亲笔写下了每个字。

中文、西文字体基础应用方式讲解

手写体应用

案例:LUSH

Lush是一个体长自然有机的英国化妆品,将零添加、自然原料、无动物测试作为产品卖点和品牌价值的核心。产品外包装采用了手写体,给人一种自然亲切的感觉,和品牌气质很契合。

中文、西文字体基础应用方式讲解

手写体应用

案例:Airbnb

Airbnb将房东的名字用手写体展示,相比常规字体,更给人一种亲切、可信赖的感觉。
中文、西文字体基础应用方式讲解

中文、西文字体基础应用方式讲解



属性标签: , ,

欢迎留言

页面生成消耗的时间 0.426 秒,此页面一共查询了 113 次数据库!缓存时间:2020-10-20 21:01:03你的IP为:216.18.204.208