国潮风格字体设计教程
source link: https://www.shejidaren.com/guochao-fengge-ziti-sheji-jiaocheng.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
国潮风格字体设计教程
近年来，国潮这个词，可以说是越来越火，热度不减。很多的品牌和产品，都在想尽办法玩转国潮风。而字体标题，在国潮类的设计作品里，当然也有很重要的戏份。
今天这一份教程，我们就讲讲这个主题：
电商标题字体，如何体现国潮范？
书法字，自然是一个不错的选择，中国古代的书法字，不管是隶书、楷书还是篆书，都相当具有文化气息，我们可以根据需要提取其笔画特点，再通过一种崭新的方式去表现：
或者是，在字体里融入中国元素，比如：窗格、祥云、古建筑等等，这也是很容易想到的思路。
另外，国潮不一定非得是刻板守旧的，让中国元素在传统与现代中进行碰撞，也会出现别样的灵感火花。
接下来，我们用四个案例进行讲解，希望能带给大家更多的灵感。
这是以国潮为主题的活动标题，分析标题后，我们会发现，这款字，既需要体现国潮范儿，又得体现一定的气势感，所以，我想尝试用手写和楷书的形式去结合。
首先，用“画笔”工具先写一组草稿出来，在写的过程中，为了避免结构过平，需要注意几点。
1，字体之间可以有大小对比，目的是为了让整体更有节奏感。大小对比有多种处理形式，可以两头大、中间小，也可以按照“小大小大”的节奏进行，这次的案例，我选择了后者。
2，所有横笔统一向右上倾斜，这样会让字体更有气势。
3，字和字之间，可尝试笔画的穿插，让它们之间建立更多的联系，也会加强其整体感。
4，在字体结构的变化上，需要摆脱方方正正的常规型结构，“潮”字左边和中间的部分，经过了适当夸张，会明显更活跃、更具冲击力。
基本结构框架确定之后，就可以为其填充笔画形态，前期为了减少难度，我们先来用直线的形式去填充，笔画的粗细变化，可根据日常手写的压感来确定。
整体观察，发现“崛”字相对与其他字，缺少一些粗笔，分量感稍显不足，所以要进行优化调整。
继续观察，发现“国”字和“崛”字都偏小了点，显得整体不够协调。
我们再做一些微调，到这一步，完全可以将其视作粗犷类的字体风格，还不是那么的国潮，还差一点味道。
国潮范不足，说明还缺少一些中国元素，这一步，我找了一些传统的楷书，尝试将其中的某些笔画特点进行提取，然后融入到我们的字体里。
再来看一下调整后的局部对比：
在每个字的边缘位置，添加一到两处描边效果，可以让细节更为丰富。
这一步，添加文案，做出适合主题的排版，让国潮的风格更为浓厚。
最后，看一下应用效果。
*字体帮有很多字效教程，本次教程，只讲字形部分的设计过程，字效部分暂不作分享。
这是一款中秋节的活动标题字体，这次，我们尝试用现代感的黑体融合传统的隶书，看看两者能擦出什么样的火花。
首先，用钢笔工具搭建出笔画框架，笔画粗细适中。
为了使标题字更为灵动有趣，可以根据字体的复杂程度，做出大小的区分，也可以给字体之间做出错位排版。
其中，“秋”字和“季”字，我们参考了隶书的结构，虽然，笔画暂时还只是纯线条，但已经能感觉到一点传统的气息了。
对称，也是表现传统感的常用技巧之一，细心的小伙伴一定会发现，字体里有不少可以对称处理的笔画。
从标题里的“团圆”，我们联想到了“家”，从“家”联想到了传统的中国建筑，这里，我们把中国传统建筑里的飞檐翘角元素，融入到字体中，如下图：
看一下整体融合的效果，要比之前丰富很多，对称感也更强了。
但是还不够，我们继续来深入。
在上图中，虽然“秋”字和”季”字用了隶书的结构，但是整体观察，隶书的味道还不够显著，我们发现隶书中“撇”的笔画，是有粗细变化的，我们把这个变化，也融入到我们的作品里去。
再来看一下整体效果。
给字体转折的位置增加圆角，使其传统的味道更加饱满。
来看一下局部效果。
最后，添加排版，在中心的位置加一个圆，寓意团团圆圆，也会让视觉更为聚焦。
再来看一下应用效果。
这是一款端午节的活动标题，端午节，有很中国风元素可以使用，这次的案例，我们用云纹和字体去做结合。
首先，打出黑体字，观察其结构，把字体里的斜笔，统一处理成横竖线，这样，方便我们后期去融合云纹。
用“钢笔”工具搭建出笔画框架，整体偏扁平一些，笔画粗细适中。
尝试做一些字和字之间的连笔，连笔的转折增加圆角，这样，既增加了设计感，又加入了云纹的创意。
继续尝试字体内部的连笔，并增加圆角，这一步的连笔需要掌握尺度，连的太多，或者强行连笔，都会影响到字体的识别度，需要多多实验，适可而止。
给字体转折的位置增加宽度，具体方法是，先转曲，然后选中转折的内部锚点，拉一个合适的宽度出来。
加入小标题，并搭配颜色。
再加几片小粽叶，渲染一下氛围，搞定！
最后，我们看一下应用效果。
楷体，在国潮风格电商标题里的应用，也是很广泛的，但是直接用字库里的楷体，会缺少一些创意，不够独特和醒目。
这次，我们设计“年货不打烊”，就用楷体的风格进行一番全新尝试。
从书法网站里找出相关的楷体，下图找出来的字，虽然都是楷体，但每个字的笔画特点，是有区别的，有的比较圆滑，有的则比较锐利，所以，需要提取出部分笔画，为其统一风格。
我们打出字库里的楷体做垫底，还是尝试做这种错位的灵活排版。
接下来，用上面提取出来的笔画，进行结构搭建，相比垫底的字库字，搭建出来的字体，笔画更紧凑、更厚重。
再调整字间距，基本感觉出来了：
给部分字体增加一些断笔，使其透气清爽一些。
整体还是略平，我们给部分笔画，做一些夸张处理，加强其中的张力。
在“烊”字的设计上，加大了左右对比，同时通过笔画位置的调整，缩小中间的负空间，让其看起来更为均衡。
为了加强氛围，我们可以加入相关图形进行笔画替换。
图形替换需要注意以下两点：
1、图形应具备代表性，简练概括，不宜复杂。
2、图形替换笔画后，不能影响字体识别度，比如：“烊”字里，如果用灯笼代替整个火字旁，就会影响识别度，如果用灯笼只代替其中的一个笔画，就没有问题。
字体到这里基本差不多了，再为其搭配一个印章作为点缀，这里我用“年”字和祥云做了一个融合。
最后，搭配文案排版，添加配色，也搞定啦！
最后，按照惯例，看一下应用效果。
最后，我们将四个案例，用常规宋体和我们设计之后的字体做对比，这样的感受会更明显。
全新设计后的字体，无论在创意上还是形式上，都会更加独特，更有设计感和冲击力，为整体页面增色不少！
好的字体，可以带来更高的点击率和回头率，甚至，可以这么说：
好字体，就是生产力！
希望大家都可以做出好字体，让自己的作品更值钱！
好了，今天的教程就到这里，感谢大家阅读。
本篇教程作者 | 李买，刘兵克，李雪萍
来源 | 站酷 liubingke.zcool.com.cn
赞助商链接
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。
Recommend
-
4
矛盾空间字体设计教程 5月 1, 2021 发表于: 视觉设计. 评论 Spons...
-
11
粗矿的电商标题字体设计教程 5月 31, 2021 发表于: 视觉设计. 评论...
-
6
“弥散光”风格banner设计教程 6月 15, 2021 发表于: 视觉设计. 评论
-
1
6款字体设计教程，设计+解析+动效三为一的字体实战案例 1月 7, 2022 发表于: 视觉设计. ...
-
9
霸气字体设计教程：封神！（文末含教程素材） 4月 17, 2022 发表于: 视觉设计. 评论
-
2
几何风格字体设计教程 9月 7, 2022 发表于: 视觉设计. 评论...
-
7
年度最优秀的字体设计教程，一定要收藏！ 10月 27, 2022 发表于: 视觉设计.
-
7
音乐厅LOGO设计教程，图形化字母风格 11月 29, 2022 发表于: 视觉设计.
-
9
教你做当下流行的字体风格：行书与黑体结合的字体设计教程 3月 6, 2023 发表于: 视觉设计.
-
7
illustrator可爱风字体设计教程，新手也能做好看！ 3月 18, 2023 发表于: 视觉设计.
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK