变化笔形字体设计「汉字是形音义的结合体」
今天神州网小怡分享变化笔形字体设计「汉字是形音义的结合体」一文,希望对您有帮助。
(此处已添加圈子卡片,请到今日头条客户端查看)变化笔形
影响文字形体的因素很多,其决定因素有两种:其一是笔形,其二是结构。文字笔画形状的丰富变化为设计师提供了发挥个人才智的舞台。我们可以通过笔画粗细、长短和方向等变化方式来突破常规字体的样式,从中找寻新的创意点,将文字变得更加生动有趣。
案例1 壹玖玖零
作为80与90年代交界的群体90,他们同时具备了两个不同年代人的特质。在设计时降低字体的重心,使其看上去更稳重,同时吸收了黑体与宋体笔画结构的特点,体现一种中庸之道、人道合一的感觉。
前期构思
前期构思阶段,我们可以先在草稿本上绘制草图。无论是经过深思熟虑的创意,还是一闪而过的想法,都值得我们在草稿纸上将其呈现出来,并从中选取最为合适的一个或几个作为继续深入制作的对象。
矢量绘制
当我们的想法在草稿本上呈现出来以后,就大致知道了最终的效果。矢量绘制这一步,就是通过软件将草图转移到电脑上,以便进行后续的优化升级。这个阶段不用做得太细,只需将字体骨架搭建出来就可以了,因为字体设计的关键在于细节的处理。
细节刻画
以参考线为标准,将字体高度统一。
加粗字体描边,使字体看上去更有力量感,同时笔画结构更为清晰,更容易发现问题所在。
加粗后的字体笔画与笔画之间出现了结构不够清晰的问题,部分笔画黏在了一起,因此需要调整这部分的结构。
显而易见,现在字体转折处过于尖锐,因此我们要将其削弱,使视觉上更为协调。
做到目前为止,我们会发现,字体缺少了点个性,因此结合有衬线体的设计思路,在文字边角处增加修饰。
统一在字体的最上方那一笔处增加修饰,其目的是让字体具备个性的同时更有联系性。这就是我们在形式美法则中讲到的变化与统一。
继续增加细节,在笔画相交处增加弧度,让字体更加耐看,同时増加字体的分量感,使其更加耐人寻味。
在字体中“玖”字底部参差不齐,加上英文可以使整体更为统一。
案例2 乡愁
乡愁这两个字感觉是比较柔和的,因此在笔画的处理上,也多以曲线的形式为主。另外为了让字体更有文化沉淀感,在基础字形的选择上采用了宋体为参照对象。“丝巾”具有思念的含义,这里体现的是一种思乡的情怀,所以改变了原有文字笔画的笔形,,将丝巾作为“符号”融合到了字体当中。
同样是宋体,笔画细,给人一种独特的韵味;笔画粗,则给人一种历史沉淀感。选择一款合适的字形才更有利于表达出文字的内涵与情怀。
前期构思
从宋体笔画入手进行绘制,当然也可以萌生出其他想法,不管最后用不用,都先在草稿纸上实现出来。
矢量绘制
草图刻画得越细致,电脑制作越轻松,我更愿意把创作的时间花在草图阶段。这里我们通过绘制好的草图搭建基本骨架。
细节刻画
字体骨架搭建好了,但是其中曲线不圆滑,影响视觉流畅性,需要调整锚点的手柄,来使曲线更加自然。
说到曲线调整,有一条小技巧,首先节点的位置不是随机的,需要合理地安排。我们以圆形为例,节点位置不对,是不可能画出流畅的圆的。其次手柄应尽量与曲线切线平行,这样调整出来的曲线才会圆滑。
调整完成后的效果还不错,但是英文搭配的非常难看,我们来找一款合适的英文字体与之搭配,当然也可以自己设计。
搭配上合适的英文字体之后,但总感觉少了一点细节,所以根据前面制作“壹玖玖零”时类似的方法,在笔画开始处做点小文章。
圆中带方,柔中带刚,感性中渗透出的是坚毅。
在横笔和撇笔的起始处加了修饰,虽然只是一个很小的变化,但其足以改变人们的视觉感受。然而细节不能过于繁杂,否则过犹不及。
案例3 岁月
岁月两个字给人一种时间流逝之感,因此选用哥特体的笔画结构来进行表现。因为哥特体是一种古老的字体,能体现出历史的厚重感,也就是这里所说的“岁月”,另外哥特体有一种严肃感,其表达了经过岁月洗礼后的一种成熟和稳重。
前期构思
“岁月”这个字形其实很快就在草稿纸上实现出来了,因为脑子里已有了大致的雏形,所以写完后就决定上机操作了。最终的效果也令我比较满意,这是将西文字体与中文字体笔画结合后创造出的字体,是一种尝试,也是一种创新。这里用到的是平头笔字体手绘工具,有兴趣的可以自己尝试。
矢量绘制
直接用矩形工具拼出两个字的外形,只需要花上几分钟时间就能搞定。“岁月”两个字在设计上本身并没有特别复杂的结构,只是将传统中文字的笔画做了个变化,再与哥特体相结合创造出新型的字体样式。在字体设计时,需要多思考。
细节刻画
基本型搭建完成后,我们对字体进行规范,笔画要相互平行,其中有些笔画是在同一水平线上的。
接下来我们对笔画进行优化。要特别注意西文字体中哥特体的起笔、收笔和转折处的笔画结构特点。
在这个案例中,我们还运用了连笔的技巧,这种技巧在字体设计中也是很常见的。
在主体字形中,我们加入一些类似于像素的小方块,其目的是传达一种时间的流逝与往昔的回忆之间的感觉,从而增加岁月二字的故事背景。
我们将某几个小方块用线连起来,一方面使得字体更为生动,另一方面也增加了方块之间的关联性,使其不那么孤立。最后加上英文点缀,就完成这个字体设计。