当前位置: 首页 >文章 > 不可错过的教程《基础黑体及黑体变形》
收藏
分享

不可错过的教程《基础黑体及黑体变形》

举报胡晓波课堂胡晓波课堂发布于 2021-03-313132阅读1点赞
不可错过的教程《基础黑体及黑体变形》...

*前言  


字体设计,作为设计师必备的技能之一,被广泛的应用于品牌、电商、平面、包装、影视等诸多领域。

没有好的方法却很难入门,鼠标虽四两,却似千斤重。

这篇教程希望能为你讲解黑体设计的方法与技巧,掌握了方法与技巧你也可以分分钟做出理想字体。

距离上一篇宋体的教程已经过去整整两个月了,即使我已经做好了再一次身心交瘁的心理准备,还是没想到这期教程差点要了我的老命。(奇怪,我为什么要说又?)

第一次阅读的同学,建议去回顾上篇《从宋体开始说起》,里面有关于字体基础知识点,对刚入门的朋友来说会友好一些。


-------------------------------------------

目录索引

*基础知识点


01.笔画对齐

02.布白均匀

03.粗细统一

04.部件比例合理

05.基础笔画统一


*黑体变形常用方法 


01.寻找并制造部件统一性

02.善用简笔

03.笔画链接

04.笔画切割

05.增加笔画外部延伸

06.模拟手写连笔


*总结回顾

-------------------------------------------


*基础知识点 


01.笔画对齐


你可能很难相信,笔画对齐这样的基础知识点我也有脸放到第一个讲解,我也很难相信,但经验告诉我,大部分学习字体设计的同学都是在这一步首先跪了,且往往要花很长时间才能重新站起来。笔画对齐最容易被忽略,然而它承担了大部分字体的基础美感营造,人们对于具备秩序感的事物天然好感,且无可争议。

那我这里提到的笔画对齐包含两个部分,第一类是笔画的外围对齐,如图,辅助线沿着字体外围基本对齐。第二类是字体内部可对齐处理的笔画需强制对齐。



02.布白均匀


字框内除了字体本身之外剩余的空间,即白的部分,它有一个学术且文艺的名字,叫做布白。

其实白色部分往往不是故意去设计的,它更多属于下意识的动作成形。一般来说,只要笔画粗细处理的足够恰当,布白部分都不会特别差。



03.粗细统一


粗细统一这种问题如果需要解释清楚大概需要三百张示意图和十万字的说明文字及一万字的做字经验。很显然,我没打算这么做,我常常对自己的毅力有清楚的心理估算,无论我估算的有多低,现实中我总能比这个数值更低,无一例外。

如果你第一反应把“粗细统一”理解成了“粗细相等”,请自行跳河,选大风大雨天气。

我这里提到的粗细统一指的是两类,第一类,单个字的粗细统一。第二类,整体的粗细统一。



一般来说单个字体里往往可以拆分出几个部件,规划好部件所占比例之后,进行每个部件的粗细分配。在下图中,部件数量有三个,竖线的粗细数量大概分为四个级别。



那么它的粗细级别的等级和数量是不是有迹可循呢?当然是有的,下图当中我标记出了它的主笔和副笔,一般来说,副笔要比主笔细一些,主笔作为整个字体或者单独部件的主干部分粗度等级相对更高一些。

除了主副笔,粗细统一的调整还包括一些灰度的技巧处理,单个部件外部最粗原则,字体外部最粗原则…想到这里,我有点呼吸困难…其实字体的基础知识点是需要单独另开一篇文章来写的,这篇文章的篇幅显然是不够用的,所以这里我只浅薄提几句。



04.部件的比例合理


部件的比例大概是很多同学都比较容易忽略的一个重点,它往往指的是两个方面。

第一,单个字里各个部件的比例合理,也就是说在单独一个字里,部件的比例往往有大概尺度,一般不能逾越这个标准。如左右结构的字,偏旁部首的宽度一般是要小于另一边的。

第二,一组字里各个部件的比例统一。在字库当中,一般部件的比例往往中正规矩,不会有大的逾越。但是在实际商业项目当中,部件的比例夸张有时成为提高特征的一种手法,只要是在可读和美观的范围之内,整体比例统一其实也并无不妥。



05.基础笔画的统一


这里基础笔画的统一常用于基础黑体之中,它指的是基础字体由横竖撇捺点口这几种基础笔画所产生的规矩和美感。

设定基础笔画时需要注意的是笔画装饰的统一,粗细的统一,包括要形成明确关联性。

另一方面,基础笔画的运用也需要统一起来,设定和运用是两码事,汉字结构之复杂,有些基础笔画设定完成之后并不一定可以所有字通用,需要反复尝试,几相权衡。稍微有些绕口,此处需读五遍,自己数。



*黑体变形常用方法

01.寻找并制造部件的统一性


寻找并制作部件的统一性,听起来有点强买强卖的感觉,你真的误解了,拉良家妇女下水…啊呸,是劝风尘女子从良…啊呸,严肃一点,是在合理范围内做的尝试以达到提高美感与特征的作用,如果可以找到相似点更好,如果不能,别勉强,这种事全靠缘分,说来邪乎,有时甚至跟题目无关,只是单纯那天你大宝SOD蜜擦的有些多了,影响手感,这种事真的是说不准。

下图中,三个偏旁部首都不一样,但我还是找出了可以统一成相同形式的方式,比例略有差异,但形式类似,便基本达到目的了。一般这样的处理形式从整体来看,是较为耐看的。                     


02.善用简笔


简笔一直是字体设计当中最常用的方法之一,但是黑体变形当中的简笔处理并不完全等同手写里的简化形式,更多时候,它是一个常规默契,所以这要求你看过足够多的作品,脑子里需要储存一些拿来就可用的简笔处理方式。

当然了,有时候就是心血来潮,就是误打误撞,就是百无禁忌,反而有新的形式上的突破,可灵感这东西最不靠谱,远处一公里外朝你坏笑的是它,半夜里翻脸不认人一脚把你踹下床的也是它,珍重,朋友。



03.笔画连接


笔画连接一般分为两类。

第一种,是单个字体里笔画的连接,如下图。这里的笔画连接其实并非以期达到形式感对的目的,其实主要想解决的是笔画的秩序性及整体笔画的干净度。当然了,笔画连接本身具有强烈的特征感,所以你能在电商字体设计当中找到许多这样的例子。



第二种,是字与字之间笔画的连接,如下图。



字和字之间的笔画连接其实最重要的一个目的,就是为了形成整体感,整体往往意味着图形化,它能更好的抓人眼球,从而达到良好的传播效果。

但是往往有一个问题,就是字和字之间很难找到互相连接的笔画。我个人常常用到的方法是在排版上多次尝试,寻找可以连接的可能性,如下图示例,我是用了单行交错排版的方式。


04.笔画切割


笔画切割一般也分为两类。

第一种,是在笔画的连接处做切割,它往往有迹可循,且分布均匀。如下图,我在每个字里都只添加了一处笔画切割,这样往往会产生乱中有序的美感。当然了,你家里要是养了条重度强迫症的男友的话,那也算了…万一气死了,你觉得这个世界上你还能找出来第二个你配得上的人吗?(也不知道我是在侮辱男性还是女性,总之我应该死定了)



笔画切割的第二种,其实这已经不算严格意义上的笔画切割,而更像是增添的纹理样式,算是细节处理的一部分,营造气氛可以。



05.增加笔画外部延伸


增加笔画外部延伸其实只是为了一个目的,制作整体的视觉重点,拉出对比,产生层次,从而使整组字体有更明确的特征感,而且这招往往百试不爽,屡有奇效。

笔画外部延伸一般情况下一组字里只可以有一个,跟婚姻一样,一夫一妻制是较为妥当的。但也难保就没婚外情,只是不够保险而已,提心吊胆度日总不好过。



那什么时候可以做两处笔画外部延伸呢?(只能两处了,再多就不行了,什么?你有钱?那也不行。)就是这两处可做成在整体构图来看,基本对称的位置,起码视觉上是较为秩序不突兀的。




06.模拟手写连笔


模拟手写连笔,指的并不是完全还原手写时连笔的处理形式,而是在不同的结构之中,也因笔画的修饰形式不同,需要作出适应版面及整体氛围的手写处理。

如下图,包括在结构上,也是较为松散的,字的字之间的关系处理更加紧密,包括模拟手写连笔造成的多处简笔与笔画连接,让这七个字变得更加整体,既提高了整体的特征感,也营造出了手写的温润亲和感。



还有一种,是纯粹笔画特征上的迎合处理,在笔画修饰上制造虚实之间的连笔感。

但是这种处理形式难度是要偏大一些,一些笔画的修饰设计有时是比较难以想象的,这需要有长期的字形特征延展的经验,是需要下一点笨功夫和苦功夫的。

如下两例,都是这样的手法处理,第一个例子倒不是很明显,仅有一两处。一般加的少也容易把控一些,加的多反而容易乱,做点缀之用恰到好处,未尝不可。

第二个例子呢,就稍微复杂了一些,但仔细观察也可以看出,虽然处处皆变化,但也就是几种基本处理形式不断重复。并没想象中那么难。



总结回顾


我们现在来回顾一下整篇教程,前面讲黑体的基础知识点,基础知识点其实是通用的,你可以在大部分优秀的字体作品中看到它存在的痕迹,所以它更像是字体的骨头,是平衡支撑的作用,最基础,往往意味最重要。

那后面主要提供了六种黑体变形的常用方法,黑体变形的应用较为广泛,企业标准字电商字体游戏字体等,以上做示例的时候考虑到应用,这几种字形我都各自做了几组示范,限于篇幅,虽然未能详尽,但所幸该说的也没遗漏,剩下的就靠你们自行领悟。  


-------------------------------------------


学生总结


我们在学习一门技术的过程中,需要时常的停下来梳理知识脉络,也就是总结。

在课程中,依然会要求大家写总结,一来是帮助梳理知识脉络,二来让老师知道你哪里还有所欠缺,做讲解。看到同学们认真做的总结,把老师讲的知识点变成自己的,是一件很有成就感的事。




-------------------------------------------

老师教得好不好,学生最有发言权

















作者:王猛奇
本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号: 胡晓波工作室





0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,673人)

电商海报设计训练营
距离开班仅剩7天73人已报名
【5月】零基础手绘插画训练营
距离开班仅剩7天67人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩24天16人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,901
并提交了212份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证