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

时间:2022-03-28
类别:字体设计
水平:进阶
观众:1.0w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

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

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

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

文章编辑:@雪寄草

关于教程

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

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

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

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

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

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

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

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

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

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

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

教程内容

#01 肥胖技

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#02 线条技

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

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

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

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

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

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

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

简化后会更简约。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#03 宋体技

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

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

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

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

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

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

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

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

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

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

整体调整后的效果。

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

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

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

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

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

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

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

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

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

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

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

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

#04 矩形技

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果图

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

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

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

祝大家设计快乐,做字快乐!

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

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

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

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

10 收藏 46

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片