设计师必须要掌握的字体设计基础知识

设计师必须要掌握的字体设计基础知识

万物皆有本源,字体也一样,今天我们看到的千变万化、形式各异的字体,都离不开文字本身的根基,脱离了这个根基去做字体,往往难以做出成功的作品,就像练武需要有基本功一样,文字的基础知识对于做好字体,有着不可或缺的作用。 我们常常会看到一些初学者做出来的字体,存在着各种各样的问题,很大原因就是对一些汉字的基础知识不够了解所造成的,接下来我就介绍一些初学者应该知道的关于汉字的基础知识。

骨骼与体饰】“骨骼”即字体的内在间架结构,是决定字体内在气质以及是否美观的基础性因素,而“体饰”是字体的装饰,可以影响字体所呈现出来的风格与外观:

设计师必须要掌握的字体设计基础知识

 下面是几种不同美字的骨架,从以下几个案例可以看出,字体骨架本身就可以呈现出字体内在的气质。

设计师必须要掌握的字体设计基础知识

许多初学者容易忽视“骨骼”、沉迷“体饰”,在基础结构没做好的情况下去给字体加很多装饰,这是一个很大的误区。下面这两个案例,就属于过度沉迷“体饰”,忽略了字体本身骨架的反面教材:

设计师必须要掌握的字体设计基础知识

▲  忽视“骨骼”、沉迷“体饰”的反面教材

中心与重心】物理上绝对的“中心”,人眼看上去却感觉偏低,因为人的眼睛存在视觉错,如果按照物理的中心去设计字体,会让人感觉中间的部分靠下,有往下掉的感觉,这就是为什么大部分字体会把视觉重心放在物理中心点之上的原因,这样更符合人眼的视觉习惯,看上去才会显得舒服。

设计师必须要掌握的字体设计基础知识

同时重心的高低会影响字体呈现出来的气质,重心偏高的字体,会显得比较秀气,重心偏低的字体会显得较为稳重。

设计师必须要掌握的字体设计基础知识

在设计字体时,要注意整体重心的统一,否则会给人忽高忽低的视觉感受,除非刻意制造高低不同的视觉节奏感,否则一定要将重心统一在一个大致的水平线上,在做用于正文排版的字库字时尤其要注意这一点。

设计师必须要掌握的字体设计基础知识

笔画的粗细】在设计一款字体时,笔画粗细应当做成一样的吗?答案是不应该,因为字与字之间的笔画繁复程度都不一样,而且同一粗细度的笔画,在横着、竖着、斜着以及变成曲线时,视觉上都会给人粗细不一致的感觉,因为人眼看东西时会存在视错觉,因此在做字的时候,要根据字体笔画的繁杂程度以及视觉感受对笔画粗细进行调整,达到视觉上的统一。下图是一个在物理宽度上完全相等的矩形,它的视觉上的粗细关系依次为:横> 斜 > 竖 > 曲。

设计师必须要掌握的字体设计基础知识

也正因为如此,大多数字体在设计时都遵循横细竖粗这一原则。除了横细竖粗之外,字体设计时还应遵循”繁细简粗、内细外粗、副笔细主笔粗”的设计原则:

设计师必须要掌握的字体设计基础知识

字面大小】一个边长完全相等的正方形,看上去却显得有些偏高,这依然是视错觉的影响,因此通常做正方形的字,都要把外框压扁一些,消除视错觉的影响。下图左为物理正方形,右为视觉正方形。

设计师必须要掌握的字体设计基础知识

有些同学会想,既然是方块字,那做的时候就画几个同等大小的方格子,每个字的最外侧笔画都顶着方格子的边框做,这样就统一了吧?如果按照这种思路,我们设计“口语”这两个字,就会是下面这张图的结果:

设计师必须要掌握的字体设计基础知识

显然,这种思路是错误的,汉字虽然是方块字,但其笔画构成的外形是千变万化的,一般认为汉字最典型的外形几何特征可分为4种类型:方形、圆形、菱形、三角形。方形最大,菱形最小。如果细分的话汉字的外形能够对应到15种甚至以上的几何图形,如方形、长方(站立)、长方(横躺)、圆形、正三角形、梯形、倒三角形、菱形、五边形……等等。因此面对不同形状以及笔画的粗细多寡,我们需要根据视觉原理去调整它们的大小,以达到视觉上的平衡。

设计师必须要掌握的字体设计基础知识

在我们固有的意识里往往认为笔画越多的字会显得越大,实际上却正好相反,笔画多的字在视觉上会显小,因为它的负空间被分割的很碎、很小,而笔画少的字负空间很大,所以视觉上就会显得大,也正因为如此,笔画越少的字在设计的时候就越要压缩。

设计师必须要掌握的字体设计基础知识

在设计以横笔为主的字时应上下压缩一些,左右加宽一些,设计竖笔画为主的字时则正相反,这是因为在两个同等面积的正方形内画满等距的横线与竖线,横线一组在视觉上会显瘦高,竖线一组会显扁矮。

设计师必须要掌握的字体设计基础知识

汉字的中宫】中宫,顾名思义,就是指汉字九宫格中心那一格的区域,中宫的大小会影响字体呈现出来的气质以及字体在极端环境下的可识别度,通常中宫偏小的字体气质上显得比较清秀,但在字体较小或远距离识别上体验较差(如屏显字体和高速路牌字体),中宫偏大的字体气质上显得稳、拙一些,而且由于内白空间较大,因此识别性上优于中宫偏小的字体。

设计师必须要掌握的字体设计基础知识

下图为日本高速公路字体与普通黑体的对比,明显中宫偏大的左侧字体识别性高于右边。

设计师必须要掌握的字体设计基础知识

以上所讲理论知识,更多是针对用于大面积排版的字库字体,以及字形偏传统的字体设计,对于追求创意性和独特性的字体,如品牌LOGO字体、营销活动主题字体及海报标题字体等需要较强创意性、形式感较强的字体,以上理论并不完全适用,但也绝非无章可循,接下来讲一下这类型字体需要遵循的一些基本原则。

形式语言的统一】统一的形式语言是做好设计的基础,这一点在现代的艺术邻域中被一再印证,不论是绘画、建筑、海报、工业设计等都能看到统一形式语言的经典案例。

设计师必须要掌握的字体设计基础知识

▲ 日本艺术家草间弥生,将圆这一形式发挥到了极致

设计师必须要掌握的字体设计基础知识

▲ 梵高和蒙德里安的作品,都运用了统一的形式语言

设计师必须要掌握的字体设计基础知识

▲ 经典的建筑作品同样是因为形式语言的统一性

设计师必须要掌握的字体设计基础知识

▲ 福田繁雄海报作品,每一张的形式语言都很统一

设计师必须要掌握的字体设计基础知识

▲ 戴森的产品之所以高级,也是因为统一的形式语言
回到字体,我们来看一些大师的作品,和上面所举的例子原理是一致的,运用统一的形式语言去设计字体:

设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识

再来看一些形式语言不统一的反面教材:

设计师必须要掌握的字体设计基础知识

这些字体之所以看着别扭,其中一个重要原因就是形式语言的混乱,在一个字体设计中加入了N多不相干的形式,所以就很难形成美感。所以在设计字体的时候,尤其是初学者,一定要保持形式语言的纯粹和统一,不要什么元素都往上加。

正负形空间的均衡】无论是偏向传统的字库字体还是偏向创意的美术字,都需要注重正负形空间的均衡和美观。初学者常常忽略掉负形空间,但其实对负形空间的设计才是最重要的,德国字体设计大师ErikSpiekermann曾经说过:“重要的不是设计黑的部分,而是设计白的部分”, 只有负形空间的均衡,才能造就正形空间的美观和舒适。

设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识

如果不注重负形空间,就难以做出好看的字体,下面这个案例就属于负形空间没有做好,因此整个字体看上去很不舒服:

设计师必须要掌握的字体设计基础知识

▲ 负形空间没做好,字体给人的感觉就会比较别扭将负形空间优化后,字体的观感会好很多:

设计师必须要掌握的字体设计基础知识

在设计字体的时候,每一笔的笔画曲直、倾斜角度、饰角形状等都要考虑与周边笔画所形成的负形空间是否美观,不要盲区去变形或添加装饰,这一点初学者一定要注意。

创意字形的基本思路】除了传统字形外,我们设计创意字形,有一个最基本也是最常见的思路,就是几何化,即把原有的带有书写特征的笔画用几何形去替代,这是非常普遍的一种设计字体的方法。

设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识

以上这些案例是将笔画做了几何化处理,还有更加纯粹的几何化,是将偏旁部首整体做几何化处理,字体的创意性和形式感会更强:

设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识
设计师必须要掌握的字体设计基础知识

用这种思路做字的案例非常多,这里就不列举了,总之几何化是做字的一种很重要的思路,对于设计师来讲一定要掌握。

当然,几何化的做字思路本质上是一种做减法的设计思路,这是我建议初学者去首要学习的方向,因为我常常看到初学者喜欢用加法设计字体,就是喜欢不断的往上加装饰、加特效,看起来好像很唬人、貌似很有 “设计感”,其实则离本质的东西越来越远,加法看似简单,其实要做好非常难,因为加的东西越多越考验你的控制能力,因此不建议初学者往加法的方向去走。
好了,关于字体设计的一些基础知识,本期就分享到这里,我们下期再见。

THE END

设计师必须要掌握的字体设计基础知识

不保证每天都分享,但保证每一篇都是精品干货

三维视觉/平面

C4D在平面海报中的探索方向

2020-5-12 0:21:11

UI/UX三维产品/工业工作视觉/平面

从「科学方法」到「设计实践」 - 云产品设计师会梦见服务器么?

2020-5-16 20:03:51

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索