您的位置 首页 > 娱乐休闲

平面字体设计如何变得简单易学

生活中事物的相互关系及其发展变化往往是以一定的逻辑进行的。在字体设计中,我们可以通过一些与字体含义相关联的实物或图形,将字体的某个笔画替换掉,且不影响整体性和识别性,我们将这种方法称作移花接木法。



移花接木的设计,往往在字体设计中起到画龙点睛的作用,在移花接木的时候,我们替换掉的笔画不宜过多,而且还要抓住最关键的那一笔进行,这样才能吸引观者的眼球。


案例1感冒

感冒是一件很痛苦的事,字体笔画用的是一种比较刚劲有力的线条,虽然肉体上很难受,但是精神上却坚毅不摧,是不是很“正能量”!来看看这两个字是如何设计出来的吧。


前期构思STEP1

第1步依然是对字体进行分析。这两个字的内白大小差不多,笔画结构上,“感”字比“冒字复杂。我们可以考虑将“感”的几个斜笔用直线来表达,使其更为单纯。


在草稿纸上进行一些尝试后发现铅笔笔触粗糙的感觉很不错,所以可以考虑将其运用到后期的制作上。在纸上我们将字体的笔画用直线的形式来表现。为了突出感冒的特性,我想到一些与感冒相关的东西,比如药丸、针、吊瓶和温度计等,决定将它们运用到字体当中,来突出字体特性。


矢量绘制STEP2

在开始之前我们先来给字体笔画定个“规则”,将横竖笔画的宽度固定好,因为这两个字体我们主要以横竖为主来表现,因此斜笔先不定规则。


根据笔画规则,我们按照草图,简单地拼凑出外形。


细节刻画STEP3

微调一下笔画的粗细关系,结构紧的地方笔画适当调整细。


规范前后的重叠图,可以直观地看出修改的位置。


从图中我们发现红圈部分的笔画较复杂,我们将其进行简化,将深色的两个笔画做连接。


继续优化字体笔画,调整图中圆圈的部分。


统一笔画结构,使笔画更流畅,再优化字体内白空间,使字面的黑白分布更为均匀。


此时我们来观察“冒”字的结构,确认其是否还能继续做优化。起初是想将“冒”字下半部分的“目”做个断笔,但对比常规字体后觉得那样做不太合适,断笔后字体的结构变得松散了,因此放弃了这个想法。


我们给字体做个错位的组合,使两个字的联系性更强,整体更为统一。


此时我们实践草图中所产生的想法,将铅笔那种粗糙的笔触融入到字体当中去,一方面增强字体的视觉冲击,另一方面可以反映感冒的时候那种难受、烦躁的状态。


画出几个与生病相关的图标,尝试将其运用到字体当中。


将字体倾斜,使其产生不稳定感,然后我们使用“移花接木”设计方法。这里我选择了温度计来替换“感”字中的一个笔画。

所谓“万绿丛中一点红”,大面积的绿色当中,一点点红色就会显得特别显眼,同样的道理,保持字体其他部分的“苍白”,将温度计用红色来表示,这样就强调了感冒发烧时的状态。一个很小的变化却增强了字体的氛围。


加上“感冒”的拼音,这个字体就完成了。在这里原本是想使用英文的,但是考虑到字体的平衡关系,因此我选择用拼音来表现。


案例2一生有你

这是为促销活动设计的标题。这4个字是我在整体页面设计完成后根据其风格所做的一款标题字体设计。页面的风格以手绘为主,因此在标题的设计上,也要尽量体现出这一点。标题字体要保持较高的识别性,同时要体现出易迅网的特点,才能达到它的作用。我们来看这款字体的设计过程吧。


前期构思STEP1

标题字体要具有醒目的特点,同时对字体识别性的要求也比较高,因此我们在设计的时候不能有太多的变化。这里选择了用笔画无太多修饰的“无衬线体”来表现。“一生有你”这4个字本质上是比较感性的,因此会比较柔和,所以我会在字体中加入一些柔和的元素,例如曲线、爱心等。


矢量绘制STEP2

按照草图,我们先大致搭建出字体的骨架。


字体雏形出来后,发现其粗细程度还行,接下来我们开始在它们身上找一些可开发的亮点元素吧。


我将“你”字的两点换成了一笔弧线,造成一个特异的效果,同时给字体加入一些“柔和”的元素,单看感觉还行,有继续优化发展的可能。


细节刻画STEP3

根据主题的特点,我提取了闪电的元素,将闪电替换了“有”字的两个笔画,得到图中的效果。


但是仔细观察字体,我们会发现1个问题,即“你”字的那一笔弧度抢了闪电的视觉重量使字体有种“主题不明确”的感觉,因此我们需要想办法将读者的目光吸引到闪电上去。


这里我将“你”字还原到初始状态,这样字体主题更明确了。


并加入“爱心”的元素来烘托字体的氛围。


按照草图的感觉,我们为整个字体做“波形”的扭曲效果,使字体柔和起来。


但这个字体给我的感觉还是有点怪,去色观察后,发现左边的“—”字比较单薄,所以要想办法解决这个问题。


我尝试着在左边加了一个大大的“爱心”,发现这样既不影响识别性,同时又强化了字体的氛围,感觉还不错,心中窃喜。


接下来观察我们的重点元素闪电是否有问题,此时可以看出在红圈标出的部分,“闪电”的形被干扰了,因此我们做个切割。


好了,现在看起来没什么太大的问题了我们继续深入。


重新给字体加上颜色观看效果。


将字体的填充色换成“涂擦”的线,这样产生一种手绘的感觉。


加上一层轮廓图,增强字体的识别性,这个字体就完成了。

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“如何自己制作字体,如何自己制作字体手机,如何自己制作字体表情包”边界阅读