字体设计之移花接木!

为什么要做字体设计
字体的外形有着一段长期的演变过程,到现在已形成固定的模式,但随着人类文化发展到一定程度,常规的字体显得越来越呆板,然而打破常规,从灵活多变的角度出发将字体变形,赋予它新的含义与活力,已成为现代设计的方向之一。 与此同时,我们进行字体设计最主要目的是为了将准确清晰的信息传递给用户,因此字体设计非常关键的一点就是要符合主题的要求,与主题内容达成一致,不能相互脱离,更不能相互冲突,如果主题确定完毕,接着就可以考虑字体的美感了,也就是使字体变得更富表现力和感染力,不仅仅要把主题传递给用户,而且还要感动用户,唤起用户美的感受,所以将字体进行改造才是硬道理。 在这里我将会把字体设计的嫁接技术分享给大家,包学包会,如有照顾不周的,还请海涵… 嘿嘿,废话不多说,那我就开始班门弄斧啦!
开战开始前,先来个抛砖引玉。
什么是移花接木
移花接木是个比较委婉的说法,直白一点就是嫁接,把一种植物的枝干嫁接到另一种植物枝干上边。 生活中的仙人球(顶部各种颜色的球体)和杜鹃花(几种颜色的花朵)都是常见的例子。

植物枝干嫁接和字体笔划的嫁接有啥关系呢?
植物枝干嫁接和字体比划嫁接目的都是为了使其变的独具特色,并且都是从a嫁接到b,因此其原理也是一样一样的。

如何移花接木
字体嫁接首先要了解它的结构和组合形式,也就是笔划的来龙去脉,嫁接的主要部位一般在文字笔划的开始和结尾处,这样字体会比较符合章法上的逻辑,并且也会使其显得更有张力,还有中间区域也可稍加修饰,这个由字形而定。 拿书法字体“能”字举个例子,举例之前再发个牢骚,很多同学问我为啥手写书法和专题海报中的书法不同,其实我们常用的类似书法风韵的字体并非现实中真正意义上的书法,真正意义上的书法是有章可循的,我们用的字体是经过改造的,只是感觉像而已,目的是为了使其更加有张力和感染力。我去,又说了这么多,请看例子吧。相信这个示意图大家一看便懂。



上边的书法字体是RiWenMaoBi体,本身是一个比较美观的字体,稍微经过嫁接就可变得具有冲击力,还有很多同学会问我比较喜欢用啥样的笔触,我一般会用AI格式的素材笔触(墨迹)或者将书法字体转换为形状后截取的笔触,如果条件允许也可以自己手工绘制笔触,至于笔触笔刷,这玩意儿吗!相信哥,确实不好用。
具体案例分析
接下来我把日常工作中做过的案例给大家分析一下,第一个小案例是团队趣味运动会暗黑篇的一个字体设计,字体的原形是造字工房的朗宋体,这家的字体是禁止商用的因此必须经过变形后才能使用,最好变的连它亲爹也不认识了,哈哈,并且字体看起来非常平淡,又跟暗黑风格相差甚远,这就促使了我们进行字体改造的欲望,嘿嘿…嫁接之前还有一段变形的过程哦!









这个案例并不是一个纯粹的嫁接,之前会有一些变形的过程,不过要使字体设计达到一定的深度,必须要经历一番周折,只有经过思考和不断调整后的字体才会更加灵动。 第二个案例是大促启动页的字体设计,这个字体嫁接相对上个案例来说会更纯粹更简单一些,为什么要进行字体嫁接,因为作为启动页在短短的两秒钟里要想给用户留下深刻印象,必须在原字体基础上,进行改造,使字体变的更加有张力,同时给用户创造一种紧迫感,从而勾起用户抓紧抢购的欲望。





就先说到这里吧,当然现在关于字体设计的话题非常多,并且设计师思考的纬度以及切入点各不相同,因此我的观点也并非绝对,只是希望能够给大家带来一点帮助,如有不到之处,请尽管拍砖。
战役才刚刚开始,我时刻准备着,等待下一场的战斗。
作者:@Superking
来源:阿里巴巴用户体验设计部博客