今天是 搜索
我要找人设计

中文字体设计技法:几何造字法

2020-06-29 12:03 发布 

加入专辑
设计文章资讯 / 举报
本作品由会员 日青 发布,如侵犯了您的版权请与设友网官方联系
[comiis_subject]
  • [comiis_views]人浏览[comiis_user] 发布于[comiis_time]

现代设计的关键词中离不开“几何化”这一关键特点,从具象到抽象、从装饰到实用,这是设计理念的不断演变历程,这一历程中,几何化扮演了不可替代的作用,仔细观察今天我们身边的一切,不论是建筑还是家具、以及电子产品或交通工具,其造型的特点都可以归咎为一点:“几何化”,那么字体设计也不例外,从包豪斯时代,设计师就开始探索将字体设计的越来越几何化,去除多余的细节和装饰:

0913553013-0.jpg.jpg

09135513V-1.jpg.jpg

09135564U-2.jpg.jpg

091355J95-3.jpg.jpg

几何化的设计理念一直影响到今天,事实上,我们今天多看到的绝大多数设计作品,都离不开几何化的影子,字体设计也不例外,比如汉字中的黑体就是汉字几何化的代表,但早期的黑体依然保留了一定汉字的书写性特点,后续出现的黑体进一步削弱了书写性,使字体的几何化特点更加明显;不仅如此,就连许多设计大师也钟爱使用几何造字的方式去设计作品,我们来看一些例子:

091355GZ-4.jpg.jpg

0913551308-5.jpg.jpg

台湾设计师 Lai Chu-hsiu 作品

0913555116-6.jpg.jpg

王志弘作品


09135531L-7.jpg.jpg

王志弘作品


0913553D2-8.jpg.jpg

日本 tegusu 设计事务所作品
0913554R9-9.jpg.jpg

三木健作品


0913552953-10.jpg.jpg

曾国展作品

看了这些大师的作品,你是不是也迫不及待的想学习一下如何设计几何字体呢?本篇我要讲的几个案例,是在不影响字体识别性的基础上,把字体最大限度的几何化,这种方法设计出来的字体,具有强烈的个性,也有很强的形式感和现代感,同时,通过对几何造字法的学习,让你学会如何去归纳和重组,用整体的眼光去观察,这是做字体设计必不可少的一种能力。


01

Sugar-coated shells

糖 衣 炮 弹


在做字之前我们使用矩形工具+直线工具,画出四个米字格作为辅助参考,这次我们同时在米字格内打出糖衣炮弹这四个字作为结构的参照。

091355K62-11.jpg.jpg

做完这一步之后,我们就开始了观察和思考归纳的环节,需要注意的是,在用几何造字法做字时,整体的思维非常重要,在观察字体时,不要着眼于字体局部的某一个笔画,而是用整体的眼光去观察字形特征,找到适合的几何形去替代原有的字体笔画,当我们运用这种思维方式去观察字体时,就会发现糖字的米字旁, 可以归纳为上下两个三角形加中间一个长方矩形,如图:
0913553060-12.jpg.jpg

沿着同样的思路,我们可以把“糖”字的右半边也用几何形归纳出来:

0913552501-13.jpg.jpg

在归纳的时候,我们要用做减法的思路,尽量用最少的几何形去把字体表达出来,譬如唐字中间那部分笔画很复杂,我们经过归纳只用了两个矩形,这样不但加强了字体的形式感,同时也不影响字体的识别性,这就是是设计的巧妙之处,设计师唯有经过思考,才能有此创造;将笔画做几何归纳之后,再将其组合在一起,并做细微调整,加入一些细节,让字看上去更加的舒适:

0913554330-14.jpg.jpg

这样,“糖”字的字形就设计完成了,接下来设计“衣”字,我们依然运用同样的思路,把衣字用几何形归纳出来:

0913552018-15.jpg.jpg

这里我们依然沿用做减法的思路,在不影响字体识别性的基础上,最大限度地简化掉字体的一些细节,比如那一笔竖钩笔画的“钩”,就完全可以省去了,做这种形式的字体有点像搭积木的游戏,因为积木通常只有几种简单的几何形状,所以要用这些简单的几何形拼成一个文字,需要动一番脑筋。

0913552H2-16.jpg.jpg

接下来我们做“炮”字,炮字的左边是一个火字旁,经过观察,我们发现“火”字与“米”字在外形上有一定的相似之处,都可以用两个三角形来去归纳,右边的包字笔画几何特征比较明显,基本用矩形就可以归纳,归纳完之后如下图:

0913554112-17.jpg.jpg

这时候我们发现,归纳完的几何形在识别性上有点差,并且左侧两个三角形的中间位置显得有点空,整体上来说与前两个字统一性不强,前两个字都有圆的元素,这个没有,基于这些问题,我们对其进行优化调整:

由于火字本身就带有“点”的笔画元素,因此我们把三角形做大小比例的调整,并把圆点加入进去,这一点的加入起到了“画龙点睛”的作用,这个字立马变得生动了起来,因为炮弹总能让人联想到圆形,所以在这个字的恰当位置加入一些圆形会让人在看到这个字体设计的时候产生相应的联想,“包”字里的口字结构也替换为圆形,就是为了达到这个目的。

0913555W6-19.jpg.jpg

最后是“弹”字了,这个比较简单,因为它的笔画结构90%都可以用矩形来呈现,唯一需要注意的是右边的“单”字,中间那部分笔画有点繁多,需要用减法,用一个矩形来概括处理,如下图:

09135521T-20.jpg.jpg

单字上面的两点用圆形来替代,一方面与前面三个字相呼应,同时也更形象地传达出了“炮弹”的形象。

0913553519-21.jpg.jpg

到此,这四个字的字形设计就完成了,接下来是最后一步,也是非常关键的一步:上色。

给字体添加颜色,是很关键的一步,如果颜色用的不好,很容易毁掉字体,糖衣炮弹这四个字从字形特点上来说属于比较有趣味性,属于比较好玩的字体,所以颜色上可以丰富一些,字面意思又包含了“糖”这种甜甜的含义,所以色彩可以贴近糖果的视觉感受,饱和度要稍微高一些的,能带给人食欲的色彩, 经过筛选和尝试,最终确定了以下这四种渐变色作为字体的色彩,均匀分布在四个字体当中:

09135553b-22.jpg.jpg

加入了色彩之后,这四个字体立马变得生动了起来,贴近糖果的视觉感受,丰富又和谐的色彩,让整个作品的趣味性增强了不少。

0913555551-23.jpg.jpg


02

MOYANSANJIE

魔 岩 三 杰

魔岩三杰这个案例的思路与糖衣炮弹基本一致,以整体的眼光对原有笔画进行归纳和概况,使用基本的几何形将字体归纳出来:

0913551C6-24.jpg.jpg

将颜色填充后,四个字的基本字型就基本完成了:

0913556340-25.jpg.jpg

接下来,需要对字体进行进一步的微调,让四个字的视觉大小更加平衡,同时,目前四个字显得太平没有层次感,因此我们需要在PS中,给每一个几何结构加入渐变效果,渐变样式为 “角度” :

0913553155-26.jpg.jpg

最后,对字体做上下结构的排版,加入英文和五角星图案,再添加一些杂色效果,这个案例就最终完成了,效果如下:


03

C H U R C H

教 堂


教堂这个案例,灵感来源于,教堂里拱形的彩色玻璃窗,尝试将教堂的笔画结构直线化放入一个拱形结构中后,非常符合,于是这个案例就顺利成章的做出来了:


091355L59-28.jpg.jpg


0913552611-29.jpg.jpg

在颜色的设置上,同样是提取了教堂玻璃的色彩,让人一看就自然联想到教堂:

09135524G-30.jpg.jpg

好了,关于几何造字法,就先讲到这里,需要注意的是,在使用几何形进行归纳的时候,一定要选择与字体形状相符合的几何形,最终的字体一定要兼顾识别性和美观性,切勿在变形的过程中丢失了这两项最主要的指标。

B Color Smilies
设友网
[5推广币/天] 购买
设计师论坛
[2推广币/天] 购买
设计师联盟
[2推广币/天] 购买
中文字体设计技法:几何造字法 
[2推广币/天] 购买
快速回复 返回顶部 返回列表