administrator 发表于 2017-10-31 21:49:53

设计丨字体故事5-均衡/字重调整法

推荐理由:《字体故事》是已出版字体设计学习类畅销图书,是一本从汉字原理和造字结构出发,结合游戏、商业品牌、电影等实际案例的字体设计方法论图书。适用于所有零基础或是想提升字体设计水平的设计师、字体爱好者、平面设计师、网页设计师等阅读。
作者介绍:郭亮腾讯高级视觉设计师毕业于华南农业大学艺术学院视觉传达系,2011年进入互联网行业,从事互联网门户资讯、产品设计,游戏品牌,视觉包装设计工作多年,对字体设计,体验式设计有着比较丰富的经验。

字体重量,是英文font-weight前端CSS代码中的一个样式直译,其次是指字体的粗细。字体粗细设置属于一种比较复杂的字体样式定义,之所以说它复杂,是因为字体本身千变万化,没有统一的标准,对于字体粗细的具体定义也各不相同。当然我们在这里讨论的不是样式问题,中文字体设计中的笔画粗细跟我们的font-weight定义字体的粗细是有本质不同。直观上讲,大家想象中的重量是物理单位,那字体故事里面的重量其实讲的是字体粗细调整设计方法,而是视觉上的。
显然字体的粗细不同,给我们视觉上的印象和感觉也不同,这是字体传达出的气质决定的。我们汉字字体复杂,变化千变万化,单个字组合起来的slogan,往往会遇到笔画少、笔画多等多情况的字体组合,如何处理好这些字体的组合排列、粗细关系?就是我们这里要给大家讲到的。

列举几个常见的非衬线字体,从细到粗,字体笔画不断加粗,视觉上体现出来的字重感也依次加强。字体的粗细选择其实是跟我们的设计主题、画面风格有很密切的关系、笔画粗字体就会看起来重,重心平稳、浑厚、有气度。反之,字体细的笔画就会越细,看起来也会显得比较轻盈。理论上,复杂的字和简单的字组合在一起的时候,为了字体均衡,少笔画的要粗,多笔画的要细。造字工坊劲黑就是典型的例子,但是它并不是一款真正意义上视觉上看起来很工整、漂亮的字体。
粗细是相对的。我们字库里的中文字体基本每一种他们的粗细都会不同,而且笔画特征和笔画规律也不同,当然同一种字体的笔画是有规律的。所以不同字体与不同字体之间在视觉上会呈现给我们不同的感觉。粗的字体笔画间隔小,留白区域少视觉面积加重,会有厚重感,重心平稳,敦厚,产生强调感觉。那么细的字体笔画空间大,稀疏清透,则会看起来显得轻盈,瘦小,纤细,舒适。所以多粗才为粗,多细才为细,只是视觉对比上的,所以我们在字体选择,字体调整上,应该是让字体符合画面的主题关系,符合画面的气质。
布白:单个字体笔画之间的空白区域又称为布白。字体越粗,字间留白区域就越小,反之亦大。布白是指安排字的点画架和布置字、行之间空白关系的方法。字的点画与空白均有繁简、短长,结体也有大小、疏密、齐整。所以设计时必须因字生势,灵活多变,布白处理得当(即字体粗细均匀、视觉均衡),即能使字和字之间产生错落参差而又呼应协调的艺术效果。
下图数字标线所有空白的区域都称为字体的布白。字重调整法则就是对字体笔画加重或者减细的方法。笔画加粗,并调整字体间架结构,合理布局笔画之间的空白(布白)关系。一般规律就是横细竖粗、主粗副细、外粗内细、疏粗密细、交叉减细。
平时我们在设计其他字体风格时也会用到减细(字体故事6(字体气质)散发出来的字体味道会讲到不同字体给我们的感觉),其实原理是差不多的,笔者做的游戏风格是偏格斗、动作类所以字体加粗的例子会略多。下图的字体是造字工房的版黑体和劲黑体,对比我们不难发现不同字体的空白区域都不同,字体的重心,布白区域的节奏感也没有出来。很多我们使用的字库里的字体都会在字体结构重心,笔画上有些参差不齐。
对比上面两种字体,布白区域大的字体笔画也相对较细。反之笔画粗的,布白区域小,字重看起来也会粗壮、平稳、浑厚、有气势、反之则轻快、自由。
这两种字体他们的笔画在调整规律上也都是按照粗细调整的规律法则进行设计调整的,每一种字体都是有他们笔画上的规律或是笔画特征,但是并不是字库里的字体都是完美,没有任何缺陷的。他们笔画粗细上都存在一些问题,所以我们要设计出更有设计感和符合视觉标准的字体就需要进一步调整。

我们来看个例子,试例是安徒恩的一个slogan字体设计重组,笔画加粗的变形过程。安徒恩是一个形似剑龙的使徒,体形敦厚、肥大、粗壮有力。显然我们没有一款真正符合这种感觉的字体,所以我们要选择一款容易变形的字体作为初始字体对笔画特征进行重组变形处理。使字体跟主题画面、主题氛围贴切、达到氛围融合的统一感。
字重调整法。前期工作也是先要处理好字体的结构和重心,“巨兽” “来袭”是安徒恩的版本专题slogan。结合主题字体应该要有浑厚、健壮、符合气质的特征,所以首先是提炼它的外形特征、尾部、背部、腿部特征、粗壮、敦厚的体形特征。所以需要对字体笔画加粗处理。

对比上图a与 a1 ,b与 b1 ,c 与c1 ,d 与d1 ,e 与e1就是笔画加粗的对比实例。笔画粗细的程度,并没有明确的数值规定。所以粗细的调整也是要按照视觉和审美的感觉,使字体和画面主题达成协调统一。
字体故事—里面我们讲到一般规律的横细竖粗原则,那这里用到的其实也是这个规律、竖斜的笔画加粗的比例会大于横加粗值。粗细调整完成之后,我们会发现重心,字体体形更符合安徒恩的感觉。那为了进一步个性化就是要对字体添加衬线装饰效果。如安徒恩的尾巴,背部尖角等元素,让字体在视觉上更加与主题契合,达到与画面统一协调的效果。

“极限的超越”2014DNF的一个版本slogan,要体现字眼速度感、超越感、力量感但又要不失DNF的游戏特色感,所以笔画加粗、倾斜,然后再做些字体穿插的效果,体现这次的主题风格。
“月刊”字体相对简单,笔画也较少,所以要体现特色和厚重感。也是对字体笔画进行了加粗处理。月和刊的笔画做了相似的打斜处理,体现字体个性。“翱翔天界战鹰”是DNF男枪的版本slogan,男枪所以要显得体现机械、男性、厚重、有力量感。字体故事3阴阳线里其实已经讲到这种字体的变形了,不敢在倒三角变形前的这里就是加粗的变形。所以也是对字体进行笔画结构重调整,笔画加粗再调整。
“为爱而战”字间穿插。大小灵动、笔画加粗处理增强个性、厚重的同时,有根据游戏的特色活动出偏Q一点的感觉,加上有棱角衬线装饰,所以整个字体就更加有特色。总得来说,笔画加粗的字体效果非常多。所以每个字组合起来,字的点画与空白均有繁简、短长,结体也有大小、疏密、齐整。所以设计时要灵活多变必须因字生势,灵活多变,要根据画面和当前主题关系处理布白(即字体粗细均匀,视觉均衡)关系,使字和字之间差生错落参差而又呼应协调,最终实现视觉上的完美效果。

(以上分享内容仅代表作者个人见解)

编辑推荐:
这是一本从汉字原理和造字结构出发,结合游戏、商业品牌、电影等实际案例的字体设计方法论图书。书中的衬线加强法、阴阳收缩法、字重调整法、重心调整法、笔画继承法和点画手绘法,分别从字体衬线/非衬线、字重、字怀、重心、结构等字体属性分析字体设计的技巧。
本书的案例是有汉字理论属性和科学依据的,可操作性强,有别于其他凭灵感和创意执行的字体设计,这也是本书区别于国内其他字体设计书籍的特点。
通过本书,读者能更加清晰地认识专业的字体设计技巧,了解专业的实战经验。

相关书评:
腾讯创意设计中心总监 专家设计师 李若凡字体设计是平面设计中非常重要的一项技能,在形式感的打造过程中,好的字体设计能体现出内容的情绪,也是展现设计艺术工艺感的重要模块之一。如今大量好的字体设计案例被应用于平面、广告、品牌等领域中,越来越多的设计师开始针对字体进行深入的研究。很有幸团队中有郭亮这样一名对字体有着执念的设计师,他从汉字结构和理论出发,总结了一套系统的字体设计方法论,这些技巧经过大量的研究和实践,为整个TGideas团队在字体设计能力提升方面做出了很大的贡献。对任何一个领域的执着钻研,都会随着点滴的积累汇集成他人难以超越的优势,希望郭亮能够继续坚持对字体设计的热爱,作为一个手艺人把这份匠人精神一直坚持下去。
腾讯预研组副总监 专家设计师 刘刚字体设计包含了平面设计中的众多设计原理和内容,特别是结构复杂、韵意丰富的中国汉字,在经过对笔形、结构、正负形关系等设计元素的精心拆解和重组后,往往能展现出内涵无比丰富、架构无比完美、耐人寻味、充满哲理和饱富审美的设计。字体设计目前在国内的各类设计中越来越受重视,越来越多的人参与到这项设计当中。很高兴能看到腾讯的同事郭亮在这块持续地投入研究并有所建树,也非常期待他能借此机会将自己的所学所悟分享给更多热爱字体文化和平面设计的人。
腾讯品牌设计中心总监 专家设计师 郑丞志当代是中文字体设计极富挑战的时代,华人世界面临了简体与繁体中文的纠缠拉扯,设计师要全面了解字体设计本身与字体文化间的差异,游走于两者之间,并完美表达出文字本身的情绪与意念,这是很难的。很开心腾讯的同事郭亮编写了此书,引导、协助我们跨越难关横行于华人的中文字体世界,并进一步活化了这套古老的文字系统。
腾讯高级设计师 晋小彦 《形式感+》作者好用,真的很好用!书中对文字规律的提炼很科学,方法直接、易上手,看得我手直痒,我要试试去!
巨人高级设计师 影天酱 《大话设计师》作者行云流水、挥洒自如,是我对他的作品的第1印象。每当看到那跃然于纸面的鲜活文字,都能让我有一种身临其境的感受,游戏场景氛围呼之欲出。评价字体设计优劣的根本在于设计是否贴合产品,是否触动人心。
腾讯MMOG视觉组组长 高级设计师 蔡望东本书从字形的基本构造出发,研究其笔画形态,不管是字体设计的初学者,还是相关从业达人,都能从中找到字形的规律,学习其万变不离其宗的根本。作者从实际工作出发,积累了很多字体手写、变形的案例,字体美丽的形体也是本书的亮点。字如其人,我与本书的作者是同事,也是好友,对专业严谨,对生活热爱,是他给人的印象。愿此书让热爱中国字的设计师们都能受用!
腾讯资深设计师 叶小凉郭亮是我在TGideas的导师,他对视觉的独到理解和丰富的案例沉淀总是让我受益匪浅。非常高兴能把他的书推荐给大家,我保证这是一本适合所有设计师的字体工具书!字体设计肩负着信息传达和审美传达两大重任,它已经成为现代设计中的重要课题,也是设计师行走江湖的必需技能。书中丰富而不枯燥的理论梳理和酷炫的实战技巧能让你爱上字体设计,买买买!
感谢TGideas-腾讯游戏官方设计团队作者腾讯高级设计师郭亮对腾讯游戏学院的大力支持
页: [1]
查看完整版本: 设计丨字体故事5-均衡/字重调整法