字体故事——六大字体设计原理及实战应用

978-7-115-44581-0
作者: 郭亮
译者:
编辑: 张丹丹

图书目录:

详情

《字体故事——六大字体设计原理及实战应用》是一本字体设计教程。全书共分为7章,第 1章介绍了汉字的基本属性,包括字体的分类、汉字结构、字面、重心、字重、字形、一般规律等;第 2章~第7章讲述了6种不同的字体设计方法,包括衬线加强法、阴阳收缩法、字重调整法、重心调整法、笔画继承法和点画手绘法,每一个案例都从汉字的特征层面展开讲解。本书案例丰富,讲解细致,读者可以通过学习这6种方法尝试设计出一套自己的字体。 《字体故事——六大字体设计原理及实战应用》适用于所有零基础或是想提升字体设计水平的设计师、字体爱好者、平面设计师、网页设计师等阅读。

图书摘要

字体故事:六大字体设计原理及实战应用

FONT STORY

郭亮 编著

人民邮电出版社

北京

图书在版编目(CIP)数据

字体故事:六大字体设计原理及实战应用/郭亮编著.--北京:人民邮电出版社,2017.2

ISBN 978-7-115-44581-0

Ⅰ.①字… Ⅱ.①郭… Ⅲ.①汉字—美术字—字体—设计 Ⅳ.①J292.13

中国版本图书馆CIP数据核字(2017)第003484号

◆编著 郭亮

责任编辑 张丹丹

责任印制  陈犇

◆人民邮电出版社出版发行  北京市丰台区成寿寺路11号

邮编 100164  电子邮件 315@ptpress.com.cn

网址 http://www.ptpress.com.cn

北京缤索印刷有限公司印刷

◆开本:690×970 1/16

印张:12.5

字数:329千字  2017年2月第1版

印数:1-3500册  2017年2月北京第1次印刷

定价:49.80元

读者服务热线:(010)81055410 印装质量热线:(010)81055316

反盗版热线:(010)81055315

内容提要

这是一本字体设计教程。全书共分为7章,第1章介绍了汉字的基本属性,包括字体的分类、汉字结构、字面、重心、字重、字形、 一般规律等;第2章~第7章讲述了6种不同的字体设计方法,包括衬线加强法、阴阳收缩法、字重调整法、重心调整法、笔画继承法和点画手绘法,每一个案例都从汉字的特征层面展开讲解。本书案例丰富,讲解细致,读者可以通过学习这6种方法尝试设计出一套自己的字体。

本书适用于所有零基础或是想提升字体设计水平的设计师、字体爱好者、平面设计师、网页设计师等阅读。

前言 PREFACE

关于字体故事

这是一本从汉字原理和造字结构出发,结合游戏、商业品牌、电影等实际案例的字体设计方法论图书。本书的案例是有汉字理论属性和科学依据的,可操作性强,有别于其他凭灵感和创意执行的字体设计,这也是本书区别于国内其他字体设计书籍的最大不同点。当然,这也绝不是一本秘籍。

汉字是以信息传达为基本功能,集音、形、义为一体的表意文字,具有直观性和表意性。对字体进行不同形式的组合可以传达不同的信息,传达不同的情感。设计师以外的人可能会觉得设计是如此简单,他们只在乎字形的表象结果,却不知精美字体背后漫长的故事。

设计师都会做字体设计,但并不是所有的设计师都能设计出好的字体。字如其人,字跟人一样有骨骼,有身材,有胖瘦,有装饰元素。如何像了解人类一样了解字体设计方法的理论知识呢?这就是本书所要讲的。

写给字体设计师

中国汉字是方格字,造字过程就是在这样一个方格里,按照不同的字体属性进行变换调整,但在我们设计字体的过程中,很少会画这样的一个方格,只能通过假想。

初学者或者字体变形做不好的设计师,往往认为变换几个部件,或者调整几个笔画就可以设计出好的字体,这种想法是完全错误的。“牵一发而动全身”,字体的一个笔画调整或者笔形变化就会影响整个字体的结构、重心,一动则全身要动。

事实上,做得不好的字体太多太多,这些字体大多字形散乱、重心不稳、字形毫无规律,可以说字体的基本属性都没有把控好。其中不乏国内诸多电视台的节目Logo、标志等,当然也有借鉴、抄袭我的字体的。

海报、文宣品、杂志、书籍、生活日用品等这些我们随处可见的产品,都与字体设计有关。无处不在的字体设计属于平面的范畴,也属于网页设计的范畴。

好的字体令人赏心悦目,能加深记忆,能给人带来更加良好的视觉体验,如一些发布会标志、Slogan等具有代表性的汉字元素。

关于本书案例

我主要从事游戏设计工作,所以本书主要结合我的游戏工作案例进行分析讲解,还包括一部分商业案例、电影案例等,但理论分析方法不限于与游戏相关的字体设计。

本书中的衬线加强法、阴阳收缩法、字重调整法、重心调整法、笔画继承法和点画手绘法,分别从字体衬线/非衬线、字重、字怀、重心、结构等字体属性分析字体设计的技巧。每章侧重讲解一个字体属性设计技巧,有一定的局限性,另外,书中的大部分字体案例都包含两个甚至多个设计技巧。

怎样学习字体设计?

“工欲善其事,必先利其器”,想学好字体设计,得从字体的结构和造字原理出发,真正了解汉字的设计原理,这样才能对字体设计游刃有余。

这是一本以汉字结构、理论和造字原理为基础设计的字体书。

第1章 汉字的基本属性:结合案例讲解字体常见的分类,包括汉字的结构、重心、字面、字怀、中宫、字重、黄金宫格、字体气质等专业属性及字体理论,以及影响字体设计的结构和原理。

第2章 衬线加强法:了解衬线和非衬线字体的区别和特征,通过添加衬线装饰元素达到字体设计的个性设计。

第3章 阴阳收缩法:字体单个笔画的两侧就是衬线的阴阳线,通过调整阴阳线收缩,使字体阳中有阴、阴中有阳、刚柔并济,富有汉字特色之美。

第4章 字重调整法:调整笔画粗细和字体的轻重关系,达到字体个性的设计意义。字重调整也会影响字怀大小和字面大小。

第5章 重心调整法:调整字体视觉中心点的高低,认识字体重心,通过调整和变化字体重心骨架关系,使字体更加富有骨感美。

第6章 笔画继承法:汉字千变万化,数量繁多,也有像26个字母一样的笔画规律。掌握笔画的继承规律和法则,就能做出属于自己的字体。

第7章 点画手绘法:掌握书写的规律,飞白的区别,手写体的规律和技巧。通过案例和实际有效题材分别讲解不同风格的手写字体。

这些方法独立成章,但是在设计过程中千变万化,交错灵活变通,很多字体设计都会反复使用或是交错使用。汉字造字规律万变不离其宗,设计字体调整的就是字体的结构、字重、字面、中宫、重心、字怀等。

通过本书,读者能更加清晰地认识专业的字体设计技巧,了解专业的实战经验。

作者

2016年12月

推荐 RECOMMEND

字体设计是平面设计中非常重要的一项技能,在形式感的打造过程中,好的字体设计能体现出内容的情绪,也是展现设计艺术工艺感的重要模块之一。如今大量优秀的字体设计案例被应用于平面、广告、品牌等领域中,越来越多的设计师开始针对字体进行深入的研究。很有幸团队中有郭亮这样一名对字体有着执念的设计师,他从汉字结构和理论出发,总结了一套系统的字体设计方法论,这些技巧经过大量的研究和实践,为整个TGideas团队在字体设计能力提升方面做出了很大的贡献。对任何一个领域的执着钻研,都会随着点滴的积累汇集成他人难以超越的优势,希望郭亮能够继续坚持对字体设计的热爱,作为一个手艺人把这份匠人精神一直坚持下去。

——腾讯创意设计中心总监 专家设计师 李若凡

字体设计包含了平面设计中的众多设计原理和内容,特别是结构复杂、韵意丰富的中国汉字,在经过对笔形、结构、正负形关系等设计元素的精心拆解和重组后,往往能展现出内涵无比丰富、架构无比完美、耐人寻味、充满哲理和饱富审美的设计。字体设计目前在国内的各类设计中越来越受重视,越来越多的人参与到这项设计当中。很高兴能看到腾讯的同事郭亮在这块持续地投入研究并有所建树,也非常期待他能借此机会将自己的所学所悟分享给更多热爱字体文化和平面设计的人。

——腾讯预研组副总监 专家设计师 刘刚

当代是中文字体设计最富挑战的时代,华人世界面临了简体与繁体中文的纠缠拉扯,设计师要全面了解字体设计本身与字体文化间的差异,游走于两者之间,并完美表达出文字本身的情绪与意念,这是很难的。很开心腾讯的同事郭亮编写了此书,引导、协助我们跨越难关横行于华人的中文字体世界,并进一步活化了这套古老的文字系统。

——腾讯品牌设计中心总监 专家设计师 郑丞志

好用,真的很好用!书中对文字规律的提炼很科学,方法直接、易上手,看得我手直痒,我要试试去!

——腾讯高级设计师 晋小彦 《形式感+》作者

行云流水、挥洒自如,是我对他的作品的第一印象。

每当看到那跃然于纸面的鲜活文字,都能让我有一种身临其境的感受,游戏场景氛围呼之欲出。评价字体设计优劣的根本在于设计是否贴合产品,是否触动人心。

——巨人高级设计师 影天酱 《大话设计师》作者

本书从字形的基本构造出发,研究其笔画形态,不管是字体设计的初学者,还是相关从业达人,都能从中找到字形的规律,学习其万变不离其宗的根本。作者从实际工作出发,积累了很多字体手写、变形的案例,字体美丽的形体也是本书的亮点。字如其人,我与本书的作者是同事,也是好友,对专业严谨,对生活热爱,是他给人的印象。愿此书让热爱中国字的设计师们都能受用!

——腾讯MMOG视觉组组长 高级设计师 蔡望东

郭亮是我在TGideas的导师,他对视觉的独到理解和丰富的案例沉淀总是让我受益匪浅。非常高兴能把他的书推荐给大家,我保证这是一本适合所有设计师的字体工具书!字体设计肩负着信息传达和审美传达两大重任,它已经成为现代设计中的重要课题,也是设计师行走江湖的必备技能。书中丰富而不枯燥的理论梳理和酷炫的实战技巧能让你爱上字体设计,买买买!

——腾讯资深设计师 叶小凉

郭亮对于字体的研究近乎狂热。从多年字体设计经验中提炼的方法论里,有着他非常独到的见解。本书的内容从最基础的字体结构理论学习到设计应用实践,深入浅出,活学易用,这也是很多字体书里所缺乏的。绝对的干货,值得推荐。

——腾讯高级设计师 张志锐

每次听郭亮分享字体知识时,感叹他精湛的专业知识的同时也不胜感激。

趁此机会把这些关于字体设计的知识系统地整理在一本书中,与更多的人分享,对于作者与读者来讲都是件好事。

——腾讯高级设计师 秦宝玉

对于一个设计师来说,文字不是单纯用字义表达意思,文字在页面上承担了更多的责任和表现力。这本书展现的是设计师赋予文字的态度,或是轻松,或是庄重,或是洒脱,或是严谨,透过设计师的思维,你将发现,原来字体的世界同样创意无限。

——腾讯资深设计师 于飞飞

由表入里,言浅意深,作者深耕多年的成果沉淀,定能在笔锋阡陌之间为你翻启字体设计思路的新篇章。

——腾讯资深设计师 苏奕隆

01 汉字的基本属性

子曰:“工欲善其事,必先利其器”,就是说工匠想要做好他的工作,一定要先准备锋利的工具。比喻要做好一件事,首先要充分做好准备工作。字体设计亦是如此,设计之初,需先了解汉字的形体结构、组合形式、笔画、重心、调整法则等。其实这跟房屋装修设计原理是一样的,我们只有先了解了房屋的结构、承重、框架等,才能合理地进行拆修、装饰。汉字的结构和重心是符合相对论和视觉美学原理的。汉字的结构和视觉平衡只有在字的比例均衡、部件笔画融合、点画呼应、重心平稳等结构原理上,并在笔画疏密、大小、长短、高低、粗细等结构变化中,才能得以完美体现。

本章我们就从汉字最基础的结构和造字原理上分析汉字的结构和重心等,真正从汉字造字原理上了解字体。

1.1 认识字体

设计师是对字体进行调整变形后才得到最后的字体字形的。我们在设计字体的过程中,如果不知道该变换字体的哪些属性,那么设计出的字体将会千奇百怪、字形散乱、重心不稳、不够美观,达不到理想中的视觉效果。其实设计字体是有理可依的,是有理论支撑的,字体的特征也是有故事的。设计字体,其实就是在改变字体的结构、重心、字重、字面、字怀、中宫、阴阳线、衬线和非衬线等属性。

衬线、非衬线字体:指字体的笔画在开始、结束的地方有无额外的装饰。笔画粗细不同、有装饰的是衬线字体,如宋体的“宋”字;反之,笔画粗细相当、无装饰的是非衬线字体,如黑体的“宋”字。

衬线和非衬线是影响字体气质和风格的“外衣”,如人穿衣打扮一样,装扮、装饰不同,给人的视觉和感官效果就不同。即使同是衬线字体,也会有夸张和保守的风格差异。

字重:指字体笔画的粗细。笔画粗,字看起来重;笔画细,字看起来轻。

笔画粗细,使字体产生的视觉压迫感和视觉重量感在不同设计主题中的应用极其广泛。掌握字重规律,熟练地变换字体笔画的粗细也是我们设计字体的技巧所在。

字怀:又叫作字谷、布白、内白,指的是方格内字体笔画间的空间留白部分的多少。

字体笔画少且细,字怀就大;相同的字面框,笔画多且粗,字体笔画间的空白区域就小,则字怀就会小。如果字体笔画很多,那么字面、字怀的变化空间就不多了。字怀是衡量字体笔画空白区域的文字属性术语,调整字体结构,字怀就会发生变化。

TIPS

扩大字怀有什么作用呢?

字怀大的字体,在字号小的情况下,阅读时距离越远,字体的识别性越强。

字面:指字体所占字面框的比例大小,即字与字面框的距离关系。

半包围和全包围结构的字,部分笔画要向内框收缩调整,这样才能跟其他结构的字体达到视觉平衡。

中宫:指字体所在字面框的中心区域位置。

字体中宫的调整关系到字体结构的松紧和字体重心的高低,字体笔画向中宫紧缩,字体相对紧凑,反之则相对较散。

重心:指的是字体视觉中心点的高低。

汉字方格的重心即为正方格的几何中心,但实际汉字的重心并不在正方格的几何中心,我们调整字形结构时,字体的重心就会变化。合理地掌握字体的重心,是控制字体骨骼、正畸的关键。

字重、字怀、字面、中宫和重心是影响字体的5个维度,它们相对独立,又相互紧密联系,调整其中一个属性,其他都会变化。我们在设计字体时,应该把这些属性了解透彻,融会贯通,这样才能做到在设计字体时游刃有余,无论字体的属性如何变化,我们都能设计出富有个性和漂亮的字体。

1.2 字体分类

本书中,按字体设计方法进行分类,可划分为衬线字体和非衬线字体两大类。

1.2.1 衬线字体

衬线字体的笔画在开始、结束、折角等地方有额外装饰,笔画粗细不同。宋体是我们最常见的衬线字体,宋体笔画的开始、结束、折角等地方都有尖端三角的装饰元素。

衬线字体,像字体穿了衬衣和佩戴了不同装饰物一样,其个性和装饰性强,有对比参照性。

穿衬衣

有装饰

1.2.2 非衬线字体

非衬线字体没有额外的装饰,笔画的粗细相对均匀。黑体是我们最常见的非衬线字体,黑体字轻松休闲、现代、粗细均匀,没有笔画装饰元素。

非衬线字体像没有穿衬衣的人一样,简洁、干净。

没穿衬衣

无装饰

联想人的衬衣来理解这两种字体的概念就比较容易了,思路也会相对清晰。“第2章 衬线加强法”将对这两种理论设计进行详细讲解。

TIPS

衬线字体和非衬线字体种类繁多,不同衬线字体的衬线装饰元素和特点不同,不同非衬线字体的笔画和结构特征也有所区别。我们要熟练掌握常用的衬线和非衬线字体的特征,首先要清晰、熟练地认识宋体及其他衬线字体的衬线规律、衬线装饰特征;其次要掌握黑体及其他非衬线字体的笔画和结构特征。

1.3 汉字的造字结构及规律

建筑有承重力学结构,人有骨骼结构,汉字也有字形结构。字体的结构如果发生了变化,外形就会变化,如果字体的结构畸形,外形自然也不好看。在了解了汉字的结构特征和造字规律后,我们就能随心所欲地对字体进行变形,然后设计出结构规整和外形漂亮的字形。

1.3.1 汉字的结构层次

汉字的结构层次又包括形体结构层次,汉字的形体结构层次可拆解为汉字、部件和笔画3个层次,其中完整的汉字是最高层次,部件是中间层次,笔画是最低层次。

笔画的具体形状叫作笔形,笔形主要是指某些字或笔画在充当另一个字的部件时,为了与其他部件相互协调,以及满足整个字形的美观性所改变笔画形状的现象。相同的笔画在不同字里面充当部件时,笔形也会不同。例如,“工”字作为部件,下面这5个字的笔形都不同,“工”字在充当另一个字的部件时,为了跟其他部件相互协调,所以笔形上也发生了变化。

汉字的笔画是汉字造字的最低层次,笔画在不同汉字中的笔形也不同,我们要合理地根据不同汉字的结构来调整笔形。

根据汉字中部件的多少,可将汉字分为单体字和合体字。

单体字(独体字):由一个偏旁(一个部件)单独构成的字。在常用汉字中,单体字的数量不多,但这些字是构成众多合体字的结构单位。

合体字:由两个或两个以上偏旁组合成的字称为合体字。

上下结构

上中下

左右

左中左

半包围

全包围

品字形

其中合体字中的半包围结构字体又可细分为左上包围、右上包围、左下包围、上三包围、下三包围和左三包围等。

在设计过程中,对于多个字组合的情况,特别是单体字和合体字的组合,像字形简单和字形复杂的组合字在处理的过程中,我们要合理调整笔画粗细和笔画穿插,这样才能让整个字体看起来协调、匀称。只要了解了不同结构的字体,我们在对字体做变形时,就能根据字体的结构关系合理地调整不同结构字体的字面大小、笔画融合和重心。

以左右结构的“故”字为例,我们通过调整右笔画与左结构的交错融合关系,使字体笔画的衔接和重心看起来更加舒适。在设计过程中,笔画变形后会使笔画看起来很孤立,这种使字体看起来不舒适的原因很难被发现,只有经验丰富的设计师才能做好笔画之间的融合关系。

以上下结构的“变”字为例,我们通过调整上笔画与水平中心线的结构关系,使字体上下衔接和融合度看起来更加完整和缜密。

TIPS

我们在设计组合字体时,要考虑多个字之间字形的结构特征,多个字使用相同的部件时,要注意笔画笔形的穿插、衔接、继承和变化的关系。

我们在设计单个字时,笔形可以自由变化,以使其彰显个性,符合主题。

合体字结构复杂,我们在设计时要根据字体结构来调整字体的笔画关系,这是搭好字体骨架让字体结构和重心更加稳固的关键。

1.3.2 汉字中宫

中宫:指字体结构的松紧。

中宫格是依据汉字本身的结构特点及黄金分割的原理,对字体笔画的分布位置进行解析的结构图。中宫格更能完美解析汉字结构,黄金分割值约为0.618。以上下、左右结构的4个汉字为例,我们依次按照上、下、右、左均为1:1.618的比例来分割汉字,即红色粗线部分。

我们把4条线放到一个方格中,4条红色黄金分割线的交叉区域形成黄金分割区。

九宫格:将字面格进行横竖三等分形成的字体结构分析方法。

田字格:将字面格进行横竖二等分形成的字体结构分析方法。

米字格:将字面格进行横竖二等分和对角分形成的字体结构分析方法。

黄金格、九宫格、田字格和米字格都是随着汉字的不断发展,字体专家们为解析汉字结构而研究出的字体结构分析方法。黄金格和九宫格是从不同的美学角度解析汉字结构的,从而更能解析汉字的结构和重心。

我们按黄金格和九宫格的不同解析方法调整“井”字,就能得出两种不同结构的字体。黄金格中心越小,笔画就越向中心靠拢,字体的中心凝聚力就越强。

我们按照黄金格和九宫格的方法,全面解析各种结构字的偏旁、部首的分布位置以及复合汉字的左右高低或上下宽窄的位置对比关系。在设计单个字体结构的时候,可以参照黄金分割线的原理去调整不同笔画结构的重心,使其看起来更加美观。

TIPS

使用中宫可以对汉字进行总体的笔画松紧和重心控制。上文讲到,有些汉字的重心并不在字的中心线上,字形结构不同,重心也不同。除了垂直中心线和水平中心线外,中宫也是用来辅助汉字调整重心结构的。中宫把方形汉字分割成不同部位,不同结构的汉字在设计时,主体位于中宫内。在字体设计中,中宫收紧的做法就是笔画向中心点靠拢、凝聚。黄金格和九宫格都是对字体中宫进行分解的方法,只是黄金格和九宫格按照科学的分解的算法不同。

我们在字体设计过程中,只要了解了汉字的结构和中宫,就能调整不同结构的汉字笔画和掌握整个字体之间的平衡、重心关系。

1.4 汉字字面

字面:指字体所占字面框的比例大小。

字体的字面和中宫(见上文)往往相互影响,中宫松,字面就大;中宫紧,字面就小。

我们以微软雅黑和传统黑体进行对比分析,可以看到,微软雅黑字体字面大,内白也大,在字面框中看起来更加饱满,文字更加方正、均匀。也正是因为这个原因,缩小的微软雅黑字体识别性更强,显示清晰,在当代互联网上被广泛使用。

我们以方形的汉字为原型,再连接字体的外轮廓看看字体特征。

可以看出,笔画不同,字体轮廓的形状就会呈现不同的形状。我们抽象地把外轮廓归纳为三角形、正方形和圆形(点为最小单位,两点成线,三点成面、三角形,四点成方形,点越多越接近圆形),在等高、等宽的情况下,视觉上正方形会显得更大,三角形和圆形偏小。

字体由于笔画数量的不同,构成了不规则的字面形状,使我们产生了字体大小的视觉误差。为了让字形看起来更舒适和均衡,就需要调整笔画和平衡字面的关系。

调整字面大小时,会使用到两个方格:字面框和字身框。

字面框又称内框,在字面框不变的情况下,将字体设计成大小不同的字,字大则字面大,字小则字面小。

字身框又称外框,字身框与字面框的距离为半个自然字距。正确地运用好这两个框之间的关系,是字体设计的基础。

字面框和字身框也会直接影响到字体排版时的默认字距。

TIPS

在设计字体时,调整字面大小和字间距关系时,都要达到均衡,这样字体看起来才舒适。大多数人初设计字体时,往往会忽视字面、间距关系,只关注字形本身,这点要特别注意。

当然,一套字体的默认字间距,字面的大小、宽窄、高矮设置不同,字体的最终效果也就不同,要根据整套字体在设计时的字体美观度和整体性而定。

通过添加外框,对三角形、圆形边缘进行顶格(顶到外安全框)、出格(超出内框)处理,对正方形外边缘进行缩格(缩小内框)处理,以达到三者形状视觉平衡为宜。

在扩大字面时,不要完全局限于字面框内的字形,要根据不同字面的形状适当地改变字体的笔画形状,这样才能自由地放大或缩小字面。对三角形下方的两个边缘进行出格处理来扩大字面。

对方形四角进行出格处理来扩大字面。

“今”字在字面框不变的前提下,扩大字面的处理方式如下。

对圆形上下左右进行出格处理来扩大字面。

用三角形、正方形、圆形可以抽象地概括字体字面的形状,我们在设计不同结构的字体时,就应该调整它们之间的字面关系,使其达到视觉均衡。

TIPS

在实际的字体设计中,并不会有这么规则的字面形体,所以我们要以视觉辅助连接外轮廓的字面方法去调整字面关系。

不规则字面的字,部分笔画可能会形似尖角,部分笔画可能会形似圆形,也可能会形似正方形。充分理解字面大小对字体视觉的影响,学会顶格、出格、缩格处理,可以使设计出的字看起来更加均衡。

1.5 汉字重心

重心,力学上指物体各部分所受重力的合力的作用点。任何物体都会有重心,字体也有重心和重量,但这个重心和重量不是物理界的重量单位。字体的重心平稳,字则看起来舒适、协调。

汉字重心:指字体视觉中心点的高低。

汉字造字是在规则而密度均匀的方形或者矩形范围内进行的,字体的重心就是这个方形或矩形的几何中心。不规则字体的重心,不一定在字体上,但不是所有的汉字字形都是规则的,所以重心也会因字而异。

1.5.1 单体字的重心

以宋体字为例,宋体是我们最常用的衬线体,字体的垂直重心完全一致,但是水平重心并不平稳。

中心和左右对称式的字体,垂直重心居中。

竖靠右,垂直重心居左;竖靠左,垂直重心居右,整个字的重心要保持在方格的垂直重心上。

半包围等其他复杂结构,字体的重心不一定在字体笔画上。

1.5.2 合体字的重心

合体字是由多个部件、笔画组合而成的,对于合体字的重心,我们要拆解分析。

对于上下结构和上中下结构的合体字来说,单个部件、笔画的重心运用平衡杠杆原理,使整个汉字的重心保证在同一垂直线上,避免因为调整笔画而使字体上下结构的垂直重心不一致。

对于左右结构和左中右结构的合体字来说,单个部件和笔画的重心水平分布,运用平衡杠杆原理调整字体的水平重心,使整个字体的重心居中,避免因为调整笔画而使字体左右结构的水平重心不一致。

宋体字不能算是真正意义上完美的汉字,因为它的水平重心并不是在同一水平线上的,也会有细微的高低起伏。所以我们需要去调整字体的单个部件和笔画的重心,使字体不仅在垂直重心上一致,在水平重心上也要达到一致。只有这样,字体才能变得更加均匀、稳定。

设计要点

1.我们在对字体进行个性化设计时,笔画、笔形的变化往往会使字体的重心发生变化,要及时调整整个字的重心,才能使字平稳。

2.在进行多个字设计的时候,我们要将字体的重心调整在同一水平线上,这样字在视觉上才更加匀称、稳定,连贯性也更强。

3.将重心上下移动,使字体个性化,这是我们最常用的设计方式之一。

无论是单个字,还是组合字,只有重心平稳,阅读上才会更舒适。

TIPS

可以看出上下等比例的“十”字,视觉上觉得上面大,下面小,横太低,所以设计字体时,往往会把字体的重心上提,让字体重心比实际重心位置略高。

1.6 字重和字怀

字重:指字体笔画的粗细。

字怀:指字体内笔画间的留白部分的多少。

TIPS

在字面大小不变的情况下,笔画越粗,字重越重,字怀越小,字看起来越重(详见下文,字重调整法)。

中宫不受字重影响,字重大小无论怎么变化,字的结构松紧都不会变。一套字库中的字体都有不同的字重,该字体所有的字重都有着一致的中宫,就像一个人的骨骼是一样的,只是有胖瘦的变化。

1.7 字形变化——平衡杠杆原理

力学平衡原理:动力×动力臂=阻力×阻力臂,公式:F1×L1=F2×L2。

物理学中的平衡原理,在字体平衡法则中同样适用。简单来讲,F2距离中心点近,F1距离中心点远,这样两边才能平衡。

我们拿一个左右结构的宋体“体”字进行分析。可以看出,汉字方格内的红色粗线就是方格的垂直中心线,“体”字的右结构“本”字的垂直中心线是B,单人旁的垂直中心线是A,如果要让整个字体的垂直重心保持不变,B跟方格的垂直中心线的距离越近,A跟方格的垂直中心线的距离就要越远。

根据上面的理论,就可以对“体”字的字形做压扁或者拉长调整。在原有的基础上将字体压扁或拉长,字体的平衡力臂不会发生变化,但是字体的笔画粗细会发生变化。

当我们调整字形结构时,如把“体”字压扁后,再调整笔画,或者“本”的笔画右移,单人旁不变,那么字体力臂就会发生变化,字看起来就没那么舒适了。力臂失衡越明显,字看起来就越不舒服。

我们再拿一个上下结构的宋体“李”字进行分析。可以看出,“李”字的上部件“木”的水平中心线是A,“子”部件的水平中心线是B,如果要让整个字体的水平重心保持不变,B跟方格的水平中心线的距离越近,A跟方格的水平中心线的距离就要越远,整个字体的重心才不会发生变化。

根据上面的理论,就可以对“李”字的字形做压扁或者拉长调整。在原有的基础上将字体压扁或拉长,字体的平衡力臂不会发生变化。

当我们在调整字形结构时,如把“李”字压扁后,再调整笔画,或者“子”部件的横笔画下移,“木”笔画不变,那么字体力臂就会发生变化,字看起来就没那么舒适了。

结构复杂的字体,力臂的平衡关系更加复杂,但力臂平衡的原理却是相同的。我们在调整一个笔画时,相应字体的结构和力臂都会发生变化,所以要相应地调整字体的其他笔画,只有这样我们才能让字体达到视觉均衡。

设计要点

1.我们要深入理解平衡杠杆原理的力学平衡思路。当对字体进行拉长或压扁变形的时候,我们需要根据平衡杠杆原理去细调字体的部件和笔画,让整个字体的重心平稳。

2.单个部件(单体字)、笔画,它们都有一个独立的视觉重心,设计字体就是要兼顾每个部件、笔画的重心,平衡每个字体部件和笔画的关系。

3.在设计字体时,我们并不会测量力臂的精确数值,而是通过视觉进行调整,要拆解分析字体的部件、笔画与整个字体的关系,让字体的整体和局部达到平衡。

1.8 个性调整

个性化字体是指字体在字面大小、笔画粗细、结构和重心上的特别的处理方式,这里我们列举部分常见的字体来进行分析。

1.8.1 外粗内细

字的结构复杂,内笔画多且粗,字看起来会显得臃肿,在设计时我们要相应加粗外轮廓和减细内部笔画,从而达到视觉均衡。要平衡字体的内外关系,当L1>L2时,字体就会显得更加匀称。

1.8.2 横细竖粗

宋体字除去衬线装饰就是典型的横细竖粗的字体。字体的横笔画和竖笔画等粗时,横笔画要比竖笔画看起来更粗,所以字杆就不稳,调整时要减细横笔画。

横细竖粗的字体看起来男性风格明显,因为字杆粗,那么我们在做男性风格的字体时,字杆可以相应地加粗。

1.8.3 交叉减细

对于交叉笔画的字体,交叉面看起来比斜线粗,为了调整交叉面的均衡关系,交叉笔画可以相应做减细调整。

1.8.4 主粗副细

我们在设计主要笔画稍粗和次要笔画稍细的字体时,因为主要笔画是字体的支撑视觉笔画,所以可以适当对主要笔画做加粗调整,对次要笔画做减细调整。

1.8.5 疏粗密细

笔画多的字,笔画可以做稍细一点的处理,笔画少的字就要相应加粗。

因为“巨”字的笔画少,为协调“巨影”两字之间的笔画关系,所以对相应的笔画做了加粗处理;反之,对“影”字则做了笔画减少处理。

1.8.6 上紧下松

对于上紧下松特征的字体,我们可以进行联想,如长腿女人和长腿大叔,修长的气质型字体,也可以表现出女性的气质(具体参见“重心调整法”章节)。

1.8.7 左紧右松

左紧右松跟视觉阅读习惯相关,我们习惯从左向右进行阅读。

1.9 字体气质——选择字体

在了解了字体的结构和重心之后,我们就要开始设计字体了。字体是象形文字演变过来的,具有表意功能,字体笔画的粗细、曲直、疏密等特征不同,传达出来的视觉美感也不同。

在设计字体时,我们可以选择一款原型字体进行变形和变化调整,或是手绘扫描再进行调整等。

选择字库字体:选取合适的字库字体能够为基础变形设计起到事半功倍的作用,是字体设计比较快捷的方式之一。

重新绘制:在Photoshop或者Illustrator软件里直接用图形绘制,也可以在草稿纸上描绘扫描进电脑再勾画。后者对字体的整体把控和形体结构要求会更加严格,时间也会相对较长。

不管如何变化,如何设计字体,我们的目的都是让字体达到良好的视觉效果,切合主题,符合气质。先了解不同字体的气质,我们才能快速地做出调整变化,才能达到事半功倍的效果。

笔画粗的字体浑厚、有力、压迫感强,起强调作用,适合男性、机甲、机械、动作、战斗等主题。

笔画细的字体轻盈、简洁、单薄,让人轻松舒适,适合女性、科技、文艺、清晰等主题。

笔画随意和零散的字体看起来活泼好动、可爱,适合儿童和自由等主题。

书法体,笔画豪迈、大气,历史味道浓,具有古代气息,适合中国风、历史等主题。

其他风格的字体,带有明显的个性化风格,主题味道明显,适合特定主题的风格,如方正剪纸简体等。

字体的大小、高矮,笔画的粗细、曲直和笔形都会影响字体的气质和风格。在针对不同的主题和产品设计字体时,我们就应该选择合适和有针对性的字体进行设计,使字体和画面、产品达到高度融合统一,使字体和画面、产品的气质形神一致。

TIPS:

选择一款合适的原型字体,能够快速找到符合预期主题和气质的字体初始感觉,在变形加工时能够更加快捷方便。

平时多收集和关注好的字体,这样就能在设计中快速找准字体调性与气质。

就汉字而言,无非就是字体结构、字重、字面、字怀、中宫、重心等要素,每个要素都至关重要,都决定了字的个性、结构和识别性。我们想要设计好的字体,就必须重新理解、掌握这些概念和原理,掌握这些要素,是设计汉字的关键。

相关图书

游戏动漫人体结构造型手绘技法
游戏动漫人体结构造型手绘技法
品制牌子 品牌设计的美学之道
品制牌子 品牌设计的美学之道
自由“字”在 字体设计与创意
自由“字”在 字体设计与创意
字传 商业书法字体设计与应用
字传 商业书法字体设计与应用
仿生产品设计
仿生产品设计
写给大家看的色彩书1——设计配色基础
写给大家看的色彩书1——设计配色基础

相关文章

相关课程