国潮风格字体设计教程

Sponsor

近年来，国潮这个词，可以说是越来越火，热度不减。很多的品牌和产品，都在想尽办法玩转国潮风。而字体标题，在国潮类的设计作品里，当然也有很重要的戏份。

今天这一份教程，我们就讲讲这个主题：

电商标题字体，如何体现国潮范？

书法字，自然是一个不错的选择，中国古代的书法字，不管是隶书、楷书还是篆书，都相当具有文化气息，我们可以根据需要提取其笔画特点，再通过一种崭新的方式去表现：

或者是，在字体里融入中国元素，比如：窗格、祥云、古建筑等等，这也是很容易想到的思路。

另外，国潮不一定非得是刻板守旧的，让中国元素在传统与现代中进行碰撞，也会出现别样的灵感火花。

接下来，我们用四个案例进行讲解，希望能带给大家更多的灵感。

这是以国潮为主题的活动标题，分析标题后，我们会发现，这款字，既需要体现国潮范儿，又得体现一定的气势感，所以，我想尝试用手写和楷书的形式去结合。

首先，用“画笔”工具先写一组草稿出来，在写的过程中，为了避免结构过平，需要注意几点。

1，字体之间可以有大小对比，目的是为了让整体更有节奏感。大小对比有多种处理形式，可以两头大、中间小，也可以按照“小大小大”的节奏进行，这次的案例，我选择了后者。

2，所有横笔统一向右上倾斜，这样会让字体更有气势。

3，字和字之间，可尝试笔画的穿插，让它们之间建立更多的联系，也会加强其整体感。

4，在字体结构的变化上，需要摆脱方方正正的常规型结构，“潮”字左边和中间的部分，经过了适当夸张，会明显更活跃、更具冲击力。

基本结构框架确定之后，就可以为其填充笔画形态，前期为了减少难度，我们先来用直线的形式去填充，笔画的粗细变化，可根据日常手写的压感来确定。

整体观察，发现“崛”字相对与其他字，缺少一些粗笔，分量感稍显不足，所以要进行优化调整。

继续观察，发现“国”字和“崛”字都偏小了点，显得整体不够协调。

我们再做一些微调，到这一步，完全可以将其视作粗犷类的字体风格，还不是那么的国潮，还差一点味道。

国潮范不足，说明还缺少一些中国元素，这一步，我找了一些传统的楷书，尝试将其中的某些笔画特点进行提取，然后融入到我们的字体里。

再来看一下调整后的局部对比：

在每个字的边缘位置，添加一到两处描边效果，可以让细节更为丰富。

这一步，添加文案，做出适合主题的排版，让国潮的风格更为浓厚。

最后，看一下应用效果。

*字体帮有很多字效教程，本次教程，只讲字形部分的设计过程，字效部分暂不作分享。

这是一款中秋节的活动标题字体，这次，我们尝试用现代感的黑体融合传统的隶书，看看两者能擦出什么样的火花。

首先，用钢笔工具搭建出笔画框架，笔画粗细适中。

为了使标题字更为灵动有趣，可以根据字体的复杂程度，做出大小的区分，也可以给字体之间做出错位排版。

其中，“秋”字和“季”字，我们参考了隶书的结构，虽然，笔画暂时还只是纯线条，但已经能感觉到一点传统的气息了。

对称，也是表现传统感的常用技巧之一，细心的小伙伴一定会发现，字体里有不少可以对称处理的笔画。

从标题里的“团圆”，我们联想到了“家”，从“家”联想到了传统的中国建筑，这里，我们把中国传统建筑里的飞檐翘角元素，融入到字体中，如下图：

看一下整体融合的效果，要比之前丰富很多，对称感也更强了。

但是还不够，我们继续来深入。

在上图中，虽然“秋”字和”季”字用了隶书的结构，但是整体观察，隶书的味道还不够显著，我们发现隶书中“撇”的笔画，是有粗细变化的，我们把这个变化，也融入到我们的作品里去。

再来看一下整体效果。

给字体转折的位置增加圆角，使其传统的味道更加饱满。

来看一下局部效果。

最后，添加排版，在中心的位置加一个圆，寓意团团圆圆，也会让视觉更为聚焦。

再来看一下应用效果。

这是一款端午节的活动标题，端午节，有很中国风元素可以使用，这次的案例，我们用云纹和字体去做结合。

首先，打出黑体字，观察其结构，把字体里的斜笔，统一处理成横竖线，这样，方便我们后期去融合云纹。

用“钢笔”工具搭建出笔画框架，整体偏扁平一些，笔画粗细适中。

尝试做一些字和字之间的连笔，连笔的转折增加圆角，这样，既增加了设计感，又加入了云纹的创意。

继续尝试字体内部的连笔，并增加圆角，这一步的连笔需要掌握尺度，连的太多，或者强行连笔，都会影响到字体的识别度，需要多多实验，适可而止。

给字体转折的位置增加宽度，具体方法是，先转曲，然后选中转折的内部锚点，拉一个合适的宽度出来。

加入小标题，并搭配颜色。

再加几片小粽叶，渲染一下氛围，搞定！

最后，我们看一下应用效果。

楷体，在国潮风格电商标题里的应用，也是很广泛的，但是直接用字库里的楷体，会缺少一些创意，不够独特和醒目。

这次，我们设计“年货不打烊”，就用楷体的风格进行一番全新尝试。

从书法网站里找出相关的楷体，下图找出来的字，虽然都是楷体，但每个字的笔画特点，是有区别的，有的比较圆滑，有的则比较锐利，所以，需要提取出部分笔画，为其统一风格。

我们打出字库里的楷体做垫底，还是尝试做这种错位的灵活排版。

接下来，用上面提取出来的笔画，进行结构搭建，相比垫底的字库字，搭建出来的字体，笔画更紧凑、更厚重。

再调整字间距，基本感觉出来了：

给部分字体增加一些断笔，使其透气清爽一些。

整体还是略平，我们给部分笔画，做一些夸张处理，加强其中的张力。

在“烊”字的设计上，加大了左右对比，同时通过笔画位置的调整，缩小中间的负空间，让其看起来更为均衡。

为了加强氛围，我们可以加入相关图形进行笔画替换。

图形替换需要注意以下两点：

1、图形应具备代表性，简练概括，不宜复杂。

2、图形替换笔画后，不能影响字体识别度，比如：“烊”字里，如果用灯笼代替整个火字旁，就会影响识别度，如果用灯笼只代替其中的一个笔画，就没有问题。

字体到这里基本差不多了，再为其搭配一个印章作为点缀，这里我用“年”字和祥云做了一个融合。

最后，搭配文案排版，添加配色，也搞定啦！

最后，按照惯例，看一下应用效果。

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

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

好的字体，可以带来更高的点击率和回头率，甚至，可以这么说：

好字体，就是生产力！

希望大家都可以做出好字体，让自己的作品更值钱！

好了，今天的教程就到这里，感谢大家阅读。

本篇教程作者 | 李买，刘兵克，李雪萍
来源 | 站酷 liubingke.zcool.com.cn

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。