当前位置: 首页 > 常识 >

美工字体怎么写最好看(电商美工的标题字体设计技巧)

100次浏览     发布时间:2024-08-23 08:00:14    


“小清新”这个词,相信大家应该都不陌生了,它最初指的是一种以清新唯美、随意创作风格见长的音乐类型,之后逐渐扩散到文学、电影、摄影等各种文化、艺术领域。其特点是淡雅、自然、朴实、超脱、静谧的。


下图是几张“小清新”风格的图片,我们先来感受一下:



那么,怎样把“小清新”的风格特点,体现在电商标题的字体里面呢,下面,我们通过四个案例,带大家一起学习和了解。



“小清新”风格,经常有这样的笔画特质:笔画不能过粗。所以,第一个案例,我们采用相对纤细的线条。


首先,用黑体做一个简单的排版,主要先对字体内容进行大小对比和错位穿插,目的是为了让整体更有节奏感,同时,也为后面搭建字体,提供一个清晰的思路:



开始搭字,使用圆头端点的“钢笔”工具来搭建整组字体,结构大致可参考上图的垫底字,这一步最为基础,也是比较重要的环节,注意字体结构不能出现低级错误:



开始改造,下图中,标红的笔画,我们对其进行了连笔和延长处理,使其变化更加丰富,同时,氛围感也会更强。


关于改造笔画的选择上,推荐优先考虑撇、捺、竖钩这类本身就有曲线走势的笔画来改造,一是容易操作,二是和笔画本身更容易融合,特别要注意线条的流畅性:



加圆角,这一步主要是对笔画的细节进行处理,使整体更为协调统一,也更加细腻:



加断笔,适当的增加一些断笔处理,可以使整体更有透气感,断笔的距离需要适中,过近,会显得似连非连,过远,会显得松散:



做到这里,恰好发现“系”字和“享”字之间,可共用一个笔画,这样的设计处理,可让上下联系更为紧密:



加入小标,整体再做一个适度的倾斜:



最后,搭配颜色,在“小清新”这类风格里,色彩可以说是至关重要。颜色一般不能过深,在这里,我使用到了蓝绿渐变:



最后,来看一下应用效果:




这是一款猫王收音机的宣传标题,其产品特点是执着手工、小而精致,所以,这次想尝试偏手写感觉的“小清新”风格。


首先,试着用“画笔”工具来写一遍,笔画尽量短小点,这种手写出来的字体,相对会比较灵活,每一个字的大小都不统一,还有一点小俏皮。


这里面有一个规律:就是笔画少的字小,笔画多的字大;左右结构的字宽,上下结构的字高:



开始搭字,参考手写出来的字体,用“钢笔”工具来描一遍:



尝试将斜笔画调整为曲线:



这一步,通过笔画的粗细对比,来增强字体的灵活度和趣味性,并给笔画转折的位置增加圆角:


可以比较一下,左边增加粗细对比后,会更加个性,也更有设计感:



另外,字体中的粗细位置需要均衡,如下图。

右边的“物”字,细笔画,集中在左边,粗笔画都放在了右边,这样就容易让字体失衡。与之相比,左边的“物”字,就均衡一些:



前面的步骤完成后,每个字已经足够灵活了,但是,整体看,还是显得板正严肃,这一步,尝试给字体旋转角度,整个氛围就更活泼了:



考虑到后期的应用,将其分两行进行排版:



这一步,我为字体中的粗线条笔画,增加了粗细变化,这样更能体现出自然、朴实感:



了解到产品的外观特点是比较圆润的,这里,在字体转角的位置,增加圆角:



最后,微调一下字距,让整体更为透气,并添加小文案和配色:



最后,看一下应用效果吧:




这是面膜类的活动主题,这个案例,我们尝试用宋体类的“小清新”风格。

在我们固有的印象里,宋体字是比较传统的,其实不然,宋体字也可以“可爱”起来,也可以“小清新”起来。


首先,建立基础笔画,下图中,左边是传统意义上的宋体笔画,这显然不符合“小清新”的感觉,而右边,是在原宋体的基础上,把笔画改造成圆润的感觉,这样,宋体字的笔画,就瞬间变得“年轻”起来了:



用上面改造好的笔画,逐步去搭建字体,这次,依然是打破固有印象,我们让字体间有高低宽窄的对比。

还是要强调,这一步是最基础,也是最重要的,要注意结构问题,也要留意曲线笔画的流畅度:



细心的小伙伴一定会发现,我除了对字和字之间做了大小对比之外,还对字体的内部的各部件之间,也做了大小对比,也是为了符合整体调性,而且这样做,字体就变得更有意思了:



分两行去排版,需要注意字体之间的穿插关系:



上图中,笔画的收笔位置过于尖锐,给人的感觉不舒服不友好,也不符合我们的主题,所以,需要把它撸圆:



字体内容中的“膜法”两字,让我联想到了星形,这里,我用星形替换了“之”字上面的点,并在字体周围,多复制了两枚星形,让整体的氛围感更强,需要注意这些星形不宜过大过多,不要喧宾夺主,与此同时,给字体一个适度的倾斜度:



最后,加入小文案,并为其搭配一款渐变颜色,让整组设计更加完整和成熟:



最后,应用效果也瞅一眼:




上一个案例,是用宋体字来设计的,那这一次,就用类黑体来做,和前面案例不同的是,黑体字横平竖直,没有衬角,也可以体现出“简约、时尚”的“小清新”风格。


还是先来搭字,使用“矩形”工具来搭建整组字体,字体特点偏高挑,这一次我们在字体底部画一个底框,以控制和协调每个字的大小比例,同时,在搭建的过程中,需要考虑字体的结构空间,避免出现字体负空间过大或笔画过挤:



字体搭建好之后,整体来看,还是显得比较平淡,缺少节奏感,先给整体做一个右上的倾斜,接着,来一个错位排版:



在这个基础上,该如何给字体提升设计感?

下图中,我对标红的笔画统一做了连笔的设计,标黄的撇,统一做了延长,这味道一下就提上来了:



下一步,给字体的负空间位置增加线条处理,既可以让整体更为饱满,又能体现出时光的穿梭感,需要注意的是,线条不宜过粗,不能抢了字体的风头:



最后,加入小文案,并为其搭配颜色,这样整组标题就设计完成了:



应用效果,当然也要展示一下:



到这里,4个案例就都完成啦,细心的小伙伴一定会发现,以上4个案例,用了4种方法来表现,我们在做设计的时候,不一定非得按照这4种方法才能做出“小清新”风格,设计和创意是无穷无尽的,方法不限,重点是要抓住其特点,体现字体内容的意义和精髓。


最后,我们将4个案例,用常规黑体和我们设计之后的字体做对比,这样对比之后,感受会更明显:



经过全新设计后的字体,无论在创意上还是形式上,都会更加独特,更有设计感和冲击力,为页面增色不少!

所以说,你所做的努力,肯定不是白费的,你所学的设计功夫,终将会派上用场!


相关文章:

家用热水器噪声的具体原因01-10

不同品牌的机油有差别吗?更换品牌对发动机有无影响?01-10

电视线被剪断了还可以修好吗?01-10

电视自动跳台不受控制该怎么办?01-10

防水漏水怎么办?01-10

空调主板与风机板、与模块板的通讯故障以及怎样确定是否通讯故障01-10

什么是个人理财产品(个人理财与公司理财有哪些区别?)01-10

股票什么时候可以买卖交易(从0开始,搞懂股票交易规则)01-09