字体设计教程！电商标题字体设计攻略之可爱篇

教程作者：刘兵克工作室 - 买买（授权转载自公众号：字体帮）

交作业：#优设每日作业#

文章编辑：@雪寄草

关于教程

大家好，我是买买，这次给大家分享的是电商标题字体中的“可爱”风格。

这类风格，大家应该经常能在母婴、玩具、童装等儿童相关行业看到。那么怎样才能让一款标题字体，体现出可爱范儿呢？我们不妨先来分析一下，在现实生活中，看到什么会让你觉得可爱？

圆墩墩的小宝宝，短小圆润的多肉。

在拍照的时候，会发现歪着头要比正着头更显俏皮、可爱。

本身错综复杂的建筑会给人的感觉很压抑，但是，当给它加上粉嘟嘟的颜色后会瞬间觉得可爱。

根据以上图片的分析，可以提取出一些可爱风格的关键字，这些关键字对应到字体里，就可以理解为，可爱字体可以是圆润、肥嘟嘟的，也可以是歪歪扭扭的，笔画可以是短小的，空间可以是轻松的，颜色可以是明亮的。

了解了可爱风格的特点之后，就需要把这些特点应用到字体里，下面用四个案例四种方法，来带大家了解。

教程内容

#01 肥胖技

“妙趣宝贝趴”是一家童玩店的活动主题，看到“宝贝”二字，第一时间会想到的是圆嘟嘟的笔画特点，“趣”字会想到字体结构应该灵活多变，“趴”字会让我觉得最后的字体呈现需要有氛围感。

一通分析过后，开始尝试用鼠标大概画出字体框架出来，如上图；

在画的过程中，需要运用上面总结的几个知识点，比如，笔画要短小；结构要灵活，可有大小对比；字体可以带点角度；歪歪扭扭的感觉；另外，线条尽量松散些，给填充笔画留一些空间，避免过于拥挤。

我们再来对比一下，上面这组，是用常规手法写出来的字体，会给人感觉可爱值大打折扣。

根据之前的字体框架，用“画笔”工具快速的给字体填充轮廓，其特点是两头细，中间粗。

标题文字过长，尝试分两行排版，字体的位置可根据字体之间的负空间灵活调整，尽量让字体负空间均衡。

这一步，就可以用“钢笔”工具来规范每个笔画的细节，之前的铺垫，都是为了让这一步勾起来更轻松。

左下和右上加点短线条，渲染一下氛围。

继续丰富效果，给字体加个底，文字反白。

具体方法是，原位复制整组字，置于底层，添加描边，描边的数值越大，填充的轮廓面积就越大，最后，对象-扩展-合并。

把线条替换成图形，调整颜色，和字体有一小部分前后叠加，这样会有前后的空间感。

这里要强调一下颜色搭配，可爱类颜色普遍纯度比较高，色值一般是集中在色板的右上位置，我们在搭配的时候，尽量减少灰度。

比如，上面两款灰度比较高的颜色搭配，是不符合可爱气质的。

好了，我们在回归到字体。

最后，加入小标题，并用彩带作为垫底。这样，一组胖乎乎的标题字体就完成啦。

最后，来看一下应用效果，这次带来的是C4D场景里的应用效果：

#02 线条技

“童心陪伴，趣造世界”，依旧是一家童玩店的活动主题，这一次，用线条造字的方法。

在搭建基础框架的时候，想到了积木，字体上面的部分尝试高低错落穿插，最下面是底对齐。

上图中；圈住的笔画，会显得比较繁琐，尝试在不影响识别度的前提下去简化，提升字体的设计感。

简化后会更简约。

为了让其更为特别，更有趣味感，把字体里的正方形，统一替换成了椭圆。

当然，其它笔画转折的位置也给一点圆角，和椭圆呼应一下。

融入图形，渲染氛围，也是必不可少的一步。在加图形的时候，切记图形不宜过于复杂，需要提炼简化。且图形过多或者过大，都容易喧宾夺主。

这一步，去给其添加配色，并做描边效果，让其整体更为丰富。

继续加强效果，给部分笔画加入点状效果，这样整体就看起来更有趣了（这种点状可不是一个一个加上的，下面给大家说一下方法）。

先用“椭圆”工具拉一个圆形出来，选中圆形，选择对象-图案-建立，根据自己的需求调整数值，点击确定以后，刚刚自定义好的圆形会出现在色板中，找出色板，点击自定义好的圆形进行填充，就可以了。

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

#03 宋体技

“陪你童乐“是一家母婴店的活动主标题，这一次，想尝试宋体类风格，一般宋体会给人的感觉是传统、严谨的。如果用可爱风格的特点，去和宋体字形去结合，会不会擦出不一样的火花呢？

在搭建字体之前，先来改造一下宋体的基础笔画，想要让宋体字不那么有传统味道，第一步要做的就是减少宋体的细节，让笔画更简约。

用简化后的笔画，参照宋体字结构搭建出来。

这一步，加粗斜笔和竖笔的笔画，并缩短斜笔的笔画。

在结构上可以尝试大小对比，“你”字左右两部分做了大小对比，“童”字的横笔比较多，调整后，偏瘦高些。

整体调整后的效果。

调整字体角度，会更显俏皮，这里需要注意的是，角度不宜过大，容易影响字体识别。

改变部分笔画的粗细对比，让整体更为灵活。

做到这里，突然想到童年看的一部动画片《大头儿子小头爸爸》，里面的大头儿子因为头大，显得特可爱，特招人喜欢，所以，这一步把字体调整为上大下小，发现效果还不错的。

“陪”字可以融入图形，做笔画替换。

只有字体会略显单调，提炼出和主题相关的图形，做一个前后叠加的排版，让整体更完整。

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

#04 矩形技

“开学焕新季”是童装店的活动主标题，这次尝试带有手写感的矩形造字。

在前期的基础思路的构建中，我个人是喜欢尝试先试着手写一下，这种带有手写感的字，需要先考虑好排版，因为字和字之间，行和行之间的空间关系影响很大。

这里采用了扇形的排版方式，左右呼应，这种排版在视觉上会比较有张力，在活动标题里，经常能看到这样的排版。

用“画笔”工具在基础框架上填充外形，就显的轻松许多，这里要强调的是，笔画还是要短胖、短胖的，这是在可爱类字形中的一个通用知识点。

这一步，用“钢笔”工具来勾形，照着勾出来就可以，难度不大。

优化细节，观察发现“新”字的笔画比其它字要偏细，“焕”字的偏旁也偏细，另外，整体的间距偏挤，我们给其优化。

最后，给字体加个底，字做反白处理。

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

最终效果图

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

最后，我们将4个案例一起展示。

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

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

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…