7种形式感超强的字体搭配
你已经厌倦了这种搭配方式的时候,你该用什么思路进阶呢?这就是字型混搭,什么是字型混搭?本期就来为你介绍。

今天的内容是由我们研习设的老师集体为你奉献的选题,那么这一期我们的想法是看看能否帮大家解决在设计中,进阶的字体搭配方法。所以我们研习设的几位老师决定每个人出具一个方案和搭配的形式,希望通过这个方式给你提供多一种思路。


在常规的字体搭配方式里,我们常见的有黑体搭配无衬线体、衬线体搭配宋体是最保险的字体搭配方式。这个方法也是我们强烈建议初学者的搭配方式,因为它出错的概率比较低。

但是当下一个阶段,你已经厌倦了这种搭配方式的时候,你该用什么思路进阶呢?这就是字型混搭,什么是字型混搭?就是把不同的两种字体搭配到一块,比如宋体搭配黑体,无衬线搭配衬线,这种搭配的优点在于矛盾感。

因为不同的字体搭配在一起的时候会产生一种矛盾感。
而这种矛盾感又能给我们带来视觉张力。
可是矛盾感在带来视觉张力的同时,也会带来设计上的难度。

而且矛盾感与设计难度是成正比的。
当字型比较接近时,矛盾感与难度都会比较小。
而字型差距很大时,矛盾感与设计难度也会变得很大。

那么字体之间的差别都是受什么影响呢?
对于字体本身来说,灰度、中宫、笔画特征、字体的气质的不同,都会使得字型之间产生矛盾感。

先来看看灰度,对于同一种字体来说,不同字重的字放在一起都会产生矛盾感,
更别说是不同的字体了。

接着是中宫,不同的中宫除了会让字体呈现的气质不同之外,也会影响字体的视觉大小。

西文字体中,没有中宫这个概念,但它有一个叫x字高的名称,
x字高可以类比做汉字的中宫。

字体的笔画特征也同样会影响字体气质。

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

除了字体本身之外,字型混搭产生的矛盾感还与两种字体之间的距离有关系。距离越大,他们之间的矛盾感与冲突感都会弱化。而他们比较接近的话,矛盾感则会增强。当两种字型叠压在一起时,这时候的矛盾感是最强烈的。

除了距离之外,还与文字之间的大小有关系,如果两种字体一般大的话,矛盾感也会比较强。而如果两种字体的字号差距拉开了的话,矛盾感也会削弱。
那么字体混搭到底有什么实际的用途呢?第一点肯定是利用不同字型之间的对比,形成强烈的视觉张力。第二个作用是对不同的文字进行区分与强调,第三个作用是区分层级。为了让大家尽可能多的理解这些目的,我特地邀请了研习设的其他几位老师为大家做了一些示范,喜欢他们的设计的话,记得给我们点一个【在看】哦,那我们下个环节,就可以看看他们是如何理解本期主题的。

首先是利用灰度对比的字型搭配。灰度对比的案例是由白泽老师进行设计的。

他选用的是一款现代型的无衬线体。
为什么选用这款字体呢?
肯定是因为他的字重比较丰富,还有斜体,可以做出更多的对比。

这就是白泽老师以他家猫为原型所做的示范。

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

这个字母O除了拉宽了之外,还手动的进行了角度的旋转,制造出更强的变化。

除了灰度对比之外,我们还经常会使用印刷字体与手写字体进行混搭对比。印刷字体有中文里的黑体、宋体、楷体、仿宋与西文里的衬线体、无衬线体。而手写字体一般包含了手写体、书法体、意大利斜体和花体等字体。

印刷字体与手写字体之间的对比其实本质上是几何感与手写感的对比。所以这里可以暂时将比较具有手写感的楷体、仿宋体归类到手写感的这一边。另外圆体和比较现代的艺术字也算是几何感的一类。

由于几何感字体的个性并不如手写感的字体那么强烈,搭配起来也比较好搭。
所以下面我们将从手写感的字体去演示不同的字型混搭。

这个案例,由研习设的色彩担当,无我老师设计。

他选用了非常狂野的孙过庭草书,草书是属于一种图形感非常强,
而稍微欠缺一些识别度的字体。

而他所示范的这个案例是他曾经的诗歌编排试验,希望通过字型混搭,传达出诗的意境。

画面中间的这一句“已狂草的字”用的就是书法体“孙过庭草书”。

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

小的中文则选用了比较具有文学属性的宋体字。

西文则是用了古典气质非常强的罗马字体“Trajan”。

接着是望舒老师带来的楷体搭配案例。

他选用的是系统自带的“楷体”。并与未来荧黑进行搭配。
其实对于这种印刷体型的楷体与黑体进行搭配是难度比较低的,属于字型混搭中比较常见的一种。

除了楷体和黑体之外,望舒老师还加入了一个圆体。圆体与黑体之间的结构是比较接近的。

而圆体圆润的笔画又与楷体书写感的笔画有一点相似。

所以圆体的加入表面上是丰富了字型的变化,其实是添加了一种过渡或者调和的味道在里面。

这是望舒老师搭配好的版面。由于楷体和圆体用的都是描边字。
所以黑体用的是非常细的字重。

下面这个示范,是我们大希老师的案例。

她选用的是这款意大利斜体是一款衬线和曲线都比较简洁的现代型意大利斜体。
并将它与现代型的黑体“方正兰亭黑”进行搭配。

这一个版面是使用黑体和无衬线体编排的画面,版式比较规矩,那如果我想让这个版面变得有一些轻松的氛围。将无衬线体替换成现代型的意大利斜体,这样就能让版面显得即随意,又现代。

下面是出场的是比利老师的花体。

比利老师做的这个示范用的是手写体,这种手写花体的曲线非常的丰富,极具张力。

一般在搭配花体的时候我们可能会优先想到与宋体搭配。可是把他们搭配在一起后就发现不太对劲。因为这一款花体的曲线太丰富了,而宋体也属于细节比较多的字体。所以搭在一起之后的画面就显得细节太多,画面有些乱。

所以比利老师改用了更简洁的黑体作为搭配,缓和一下复杂的版面。

在这一个版面里,比利老师减少了花体的用量,并且使用更为稳定的居中构图,
这样就能显得更有秩序一些了。

除了使用几何感和手写感的搭配之外,我们还能单纯的使用笔画特征之间的对比。
例如黑体与宋体的搭配就是非常典型的一种搭配,
下面轮到千树老师的案例出场了。

我选用的是冬青黑体的旧字形和龙明体。为什么使用这两种字体呢?

因为这两款字体的笔画粗细和结构几乎是一样的,他们搭配在一起是几乎没有什么违和感。

我做的这个案例主题是【一键三连】,由于黑体和宋体都属于几何感比较强的印刷字体,
结构上也差距不大,所以他们搭配在一起矛盾感是比较小的,
可是也会造成视觉张力不足的现象。

为了让一键三连这四个字的图形感更强一些,
我加入了一些不同的符号做成文字组合,这样张力就足够了。

把文字组合放进版面里,加入小的文字。
再替换上B站的配色,那么这个一键三连的案例就完成了。

最后是牧子老师带来的像素字搭配。像素字也是现在非常常用的字体搭配选择。

这款像素字是一款字面为方形的,中宫、重心都比较一致的像素字体,
所以他与黑体之间搭配相对来说比较和谐。
黑体方面牧子老师选用了现代型的思源黑体。

那我们来对比一下为什么第一款像素字搭配起来会比较和谐,方正基础像素使用的像素点比较少,字面存在着变化,图形感非常强烈,他如果和黑体搭配起来矛盾感就会非常强,难以驾驭。而我们选用的第一款像素字就相对稳定一些,能降低设计的难度。

来看一下牧子老师做的案例,像素字给版面增加了不少的科技感。
本期内容就到这里了,我们不妨一起回顾一下,这期有白泽老师分享的字型灰度对比,无我老师带来的书法体与常规字型的搭配,望舒老师分享的楷体和圆体黑体的字型混搭。大希老师意大利斜体和中文字型的混搭,比利老师的花体与黑体搭配,还有千树和牧子老师带来的笔画特征的对比案例,这么多位老师设计的案例,你更喜欢哪一位老师的搭配方式呢?好了,那么本期的内容就到这了,我们下期再见~



















































































