type=button 字体大一点_设计师必须要掌握的字体设计基础知识

9ce0d96dbda185a2e8077769ede47f58.png

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

骨骼与体饰

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

e97cc836efe55f88f9d9f0bb7ea0cb3d.png

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

fc2dc12c14067693adacbf33c63c11c4.png

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

a52496442883b4612f333a518e628274.png

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

中心与重心

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

61ba1820bce49013721df7eefcdf150a.png

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

9f191814fb4244607266c89207c6a77f.png

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

9ce17a9ac122877ef7685eff23a30bd6.png

笔画的粗细

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

cc74adcb327562fca7ee47586b9fdd9c.png

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

162dc49319fd2d4f370aabd800ea92ba.png

字面大小

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

b0c26b707daff1cf7e401064aeaad32f.png

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

8a104d5f087fef2bca5382d0231ee7e6.png

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

06c9b1ee2b55a435c352171b6e6c52e9.png

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

b61f2c571974bd8cfd6d29547f7fa1f3.png

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

88c20fdf774e13eda6ef01b67ac3a2ac.png

汉字的中宫

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

b1ea8e317c0a3b3205dafd3abe3bbd9e.png

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

e55ea17000e936a7c6c4b2949c733be8.png

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

形式语言的统一

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

8c542bb8faaa639f0905d8a929f0d460.png

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

871fc906e3fa3c78db1b4c3e495cd182.png

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

e5854d3e3d5f3b164327a48e0be3efdd.png

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

26ec09a2e94e030acb70ce5d0a4ce789.png

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

a2ea07b094b1926b7e5e824b6657665a.png

▲ 戴森的产品之所以高级,也是因为统一的形式语言

回到字体,我们来看一些大师的作品,和上面所举的例子原理是一致的,运用统一的形式语言去设计字体:

7b8f6a6cd2f0797105995c22c61d071f.png

dc32d17d0aa815ab6bd1e905fea73a4c.png

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

041b8859d6a95a2bd8cf2c03ff0a7568.png

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

正负形空间的均衡

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

67ccb23ff2f4f275f55b01f595f0d0c8.png

3d38905fcc56f71016322dcdc293dae5.gif

0508e2f1ab9172a1ce55d78642910ec8.png

63b1d7ae5cc753aa884a1f0d4c5eda01.png

73b9e2a062bef6e1d8918022d6a12b96.png

b45fcfa371ec90d6f124b94437b0bf21.png

ff4beb8bb7bca9710188a6867253a542.png

d453e71b0b936bf5ee013feaa8dfdbd5.png

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

e03812825294ff98ad07bd690d1f3f9c.png

▲ 负形空间没做好,字体给人的感觉就会比较别扭

将负形空间优化后,字体的观感会好很多:

4eedbb2f9132c5f663066c76cf4d1db7.png

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

创意字形的基本思路

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

b4d24f8b1a640f4610fdeee98bc743e4.png

cbb2f009dc2696724a2b16c8514acc37.png

b9ee2826eed83d71483b1a339639a15b.png

35be5cd56e22614885a9217b74de3e9c.png

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

ecfc62645215a2f33735bc702ed84266.png

a886205aceae359f29dff111e97ecee9.png

7f1f771b826c08ab0946c4e6129aa234.png

69a7e3b7915e30ab7a3f344f839ee85f.png

9dc93d6c2e80437b69010d2a3e46ef91.png

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

THE END


RECOMMENED

往 期 精 选

d6eb1b74d28f4640860916c28c86e309.png

d7b0ba6798d490e699553cdabb1e1833.png

d59e58c7e00185e94c3fdf76ac2a628b.png

287b86e6ee1de254b21b696633336680.png

ab680379a2029a87febf26c3af716095.png

0818f8324e34678f01264e88dca53f75.png


97358221610ace357aa95591fc2557a8.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值