『研习设』7种形式感超强的字体搭配?拿来吧你!图文教程
作者:huke88发布时间:2022年02月07日 08:01

虎课网为您提供字体设计版块下的『研习设』7种形式感超强的字体搭配?拿来吧你!图文教程,本篇教程使用软件为无,难度等级为中级拔高,下面开始学习这节课的内容吧!



本节课讲解7种形式感超强的字体搭配?拿来吧你!,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。


那我们开始今天的教程吧。



1.在之前的教程里老师介绍过黑体搭配无衬线体,衬线体搭配宋体是最保险的字体搭配方式,这个方法也是强烈建议初学者的搭配方式,因为它出错的概率比较低,如图所示。


2.当下一个阶段你已经厌倦了这种搭配方式的时候,就应该使用字型混搭进行进阶,就是把两种不同的字体搭配到一块,比如说宋体搭配黑体,无衬线字体搭配衬线体等,这种搭配的优点在于矛盾感。


3.不同的字体搭配在一起的时候一定会产生矛盾感,这种矛盾感又能给我们带来视觉张力,可是同时也会带来设计上的难度,矛盾感与设计难度是成正比的,当字型比较接近的时候,矛盾感与难度都会比较小,当字型差距很大时,矛盾感与设计难度也会变得很大。


4.对于字体本身来说,由于灰度、中宫、笔画特征、字体气质的不同,它会使得自行之间产生矛盾感,更别说是不同字体了,不同的中宫除了会让字体呈现的气质不同之外,也会影响字体的视觉大小,西文字体中没有中宫这个概念,但是它有X字高的名称,如图所示。


5.字体的笔画特征同样会影响字体的气质,而有时候自己的笔画特征虽然不相同,可是他们的气质如果是类似的,搭在一起也不会形成太强的矛盾感,如图所示。


6.除了字体本身之外,字型很大产生的矛盾感还有两种字体之间的距离有关系,距离越大,它们之间的矛盾感与冲突感都会弱化,如图所示。


7.而如果它们比较接近的话,矛盾感则会增强,当两种字型叠压在一起的时候,矛盾感是最强烈的,如图所示。


8.除了距离之外,还与文字之间的大小有关系,如果两种字体是一般大的话,矛盾感就会比较强,如果两种字体的字号差距拉开,矛盾感也会被削弱,如图所示。


9.如图所示。


10.接下来讲解字型搭配的实际用途,首先是利用不同字型之间的对比,形成强烈的视觉张力,然后是对不同的文字进行区分和强调,再是进行区分层级,如图所示。


11.接下来进行字体搭配的示范,首先是白泽老师的利用灰度对比的字型搭配,它使用的是一款现代型的无衬线体,它的字体家族比较丰富,还有斜体可以做出更多的对比,白泽老师以他家的猫为原型做的示范,如图所示。


12.这个示范里面不只存在着字重的灰度对比,还存在着文字的宽窄变化,有些文字进行了手动的拉伸,通过这个思路加强了文字之间的对比,如图所示。


13.字母O除了拉宽了之外,还手动的进行了角度的旋转,制造出了更强的变化,如图所示。


14.除了灰度对比之外,我们还经常会使用印刷字体与手写字体进行混搭对比,中文里的黑、宋、楷、仿宋与新闻里的衬线体、无衬线体都可以理解为印刷字体,而手写字体一般包含了手写体、书法体、意大利斜体和花体等字体,如图所示。


15.印刷字体与手写字体之间的对比本质上是几何感与手写感的对比,所以可以暂时将比较具有手写感的楷体、仿宋体归类到手写感的这一边,另外,圆体和比较现代的艺术类字体也算是几何感的一类,由于几何感的个性并不如手写感的字体那么强烈,搭配起来也比较好搭,如图所示。


16.接下来从手写感的字体演示不同的字型混搭,首先讲解书法体,下图的案例使用了非常狂野的孙过庭草书,草书是属于一种图形感非常强、稍微欠缺一些识别度的字体,如图所示。


17.下图示范的案例是无我老师曾经的诗歌编排试验,希望通过字形混搭传达出诗的意境,画面红色边框标记的是孙过庭草书,如图所示。


18.因为草书的变化性非常的大,所以搭配了非常大字号的黑体来稳定整个画面,同时又黑又重的黑体正好符合诗名《城池》的含义,如图所示。


19.小的中文则选用了比较具有文学属性的宋体,西文则是用了古典气质非常强的罗马字体“Trajan”,如图所示。


20.接着是望舒老师带来的楷体搭配案例,使用的是系统自带的楷体并与未来荧黑进行搭配,其实对于这种印刷体型的楷体与黑体进行搭配难度是比较低的,属于字体混搭中比较常见的一种,如图所示。


21.除了楷体和黑体之外,望舒老师还加入了一个圆体,圆体与黑体之间的结构是比较接近的,而圆体圆润的笔画又与楷体书写感的笔画有一点相似,所以圆体的加入表面上是丰富了字型的变化,其实本质上是添加了一种过渡或者是调和的味道,如图所示。


22.下图为望舒老师搭配好的版面,由于楷体和圆体用的都是描边字,所以黑体用的都是非常细的字重,如图所示。


23.接下来展示大希老师的案例,她选择的是一款衬线和曲线的比较简洁的现代型意大利斜体,并将它与现代型的黑体方阵兰亭黑进行搭配,如图所示。


24.下图的版面是使用黑体和无衬线体编排的画面,版面比较规矩,如图所示。


25.我们如果想让这个版面变得有一些轻松的氛围,可以将无衬线体替换成现代型的意大利斜体,这样能让版面显得既随意又现代,这里小的英文用的是现代型的无称线体,目的是为了保持画面的风格一致,如图所示。


26.接下来展示比利老师的手写体案例,这种手写体的曲线非常丰富、极具张力,一般在搭配这种手写体的时候,大家可能会优先想到与宋体搭配,如图所示。


27.可是把他们搭配在一起之后,就会发现不太对劲,因为这一款花体的曲线太丰富了,而宋体也属于细节比较多的字体,所以搭配在一起之后画面就会显得细节太多、显得有些乱,如图所示。


28.所以比利老师改用了更简洁的黑体作为搭配,缓和一下复杂的版面,在这一个版面里比利老师减少了花体的用量,并且使用更为稳定的居中构图,这样就能显得更加有秩序一些了,如图所示。


29.最后展示牧子老师的像素字案例,这款像素字是一款字面为方形,中宫和重心都比较一致的像素字,它与黑体之间的搭配相对来说会比较和谐,像像素字与思源黑体进行混搭,如图所示。


30.因为方正基础像素使用的像素点比较少,字面存在着变化,图形感非常的强烈,它如果和黑体搭配,矛盾感就会非常的强、难以驾驭,而我们选用的第一款像素字就相对稳定一些,能够降低设计的难度,如图所示。


31.下图为牧子老师制作的案例,像素字给版面增加了不少科技感,如图所示。


32.回顾本节课所讲解到的内容,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。视频学百遍,不如上手练一练!你学会了吗?


以上就是『研习设』7种形式感超强的字体搭配?拿来吧你!图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!


特别声明:以上文章内容仅代表作者huke88本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

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

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

联系在线客服

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

工作日:9:30~18:30

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