嗨！小伙伴萌又见面啦，距离上一次分享也有些日子了，这一次，我们分享的是电商标题字体里的“小清新”风格。

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

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

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

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

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

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

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

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

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

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

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

加入小标，整体再做一个适度的倾斜：

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

最后，来看一下应用效果：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最后，看一下应用效果吧：

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

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

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

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

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

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

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

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

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

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

最后，应用效果也瞅一眼：

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

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

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

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

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

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

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

应用效果，当然也要展示一下：

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

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

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

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

祝大家设计快乐，做字快乐！

本期教程就到这里，感谢大家阅读。

本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号： 字体帮！