这期教程我们主要讲的重点是中西文的字体搭配，算是最基础的版式部分的内容了。

中文的字库类型有很多种，特别是近些年来美术字形和手写字形的火爆流行，各种各样的字库字体眼花缭乱。

那么如何分类呢？

其实很难有一个标准的分类方式，很多“杂交字形”很难归类。

一般来说呢，分为宋黑圆楷隶篆，书法字形和手写字形，当然还有一个大类，就是美术字形。




常规来说又分为内文字体和标题字体。



今天我们主要说一下内文的排版用字，也就是“宋黑圆”这三种字体，是平时我们最常用最容易见到的字体。

先说宋体，宋体有着非常久远的使用历史，因为其深厚的文化历史演变进程，它的字体气质更偏历史感，且人文气质浓厚。

它的关键词是：人文，历史，文艺。




那么宋体也有着更加细微的划分。

首先是基于印刷需求而制作的宋体，它的衬线相当复杂，基于视觉做了很多补足和细节处理，这类宋体历史感相对来说较强，像个做派十足的长者。

那么我给为它搭配的是Caslon字体，从细节上来说，它们俩之间的衬角修饰感更为接近，同样，在粗细的过渡及对比上，也是较为近似的。

那么我做了一个简单的组合搭配效果，可以明显的看出，在整体的气质上是很吻合的。

当然，这里的搭配绝非唯一结果，准确来说，算是搭配的组合之一，那么同样Baskerville在与其搭配上，也有着良好的效果，但是因其字体系列较多，且统一系列粗细和衬角的表现略有差异，具体需要反复搭配试排。




那么第二种宋体是一款应用广泛且大家都熟知的字体，思源宋体。思源宋体相对来说，宋体特征的处理更为冷静克制，可谓是在印刷与屏显之间找了一个中间值，所以它是最摇摆不定的宋体，也是最通俗广泛的宋体。

那么我为它配的英文是JaegerDaily，这款英文尽管在放大时候衬线与曲线偏尖锐，但是在缩小之后，其冷静和干净的视觉表现配思源宋反而显得简练成熟。





我们来看一下它的组合效果。

你觉得呢？





第三种宋体我选的是方正悠宋，不同与思源宋这个墙头草，悠宋可谓是在屏显处理上卯足了功夫，不管是从横竖的的粗细对比，或是衬角的简化处理，缩小之后看，还真有时候会误看成黑体。

我为它配的新娘是Orgon Slab，虽然放大时候看，两种字形还是有所差异，但缩小之后来看，整体的灰度搭配是吻合的，看久了之后，竟有别致的精美感。




这是组合效果，字体一旦缩小，衬角又比较小，我们在阅读的时候相对来说阻碍会减轻很多。但是如果用在屏显设计里，阅读效果来说黑体目前仍是独孤求败。






下来我们来看黑体，黑体出现的时间并不长，许多保守者目前仍旧认为黑体尚在探索之中，尽管进程缓慢，探索方向令人忧虑。

但是旗黑目前和思源黑已经站在了国内屏显字体的顶端。

它的气质关键词是：现代,时尚，简约。





筑紫系列一直是我的大爱，第一款咱们看一下筑紫黑体的细节处理，他保留了一些宋体衬线了手写感，机械中隐隐带着一点人文气质，而不像是思源黑那样极端中性。

我为它配的英文是din字体，没错，就是那个让无数设计师深夜思念不已的din，din字体本身属于无衬线字体的范围，按照我们的最基础搭配原则，宋体搭配衬线体，黑体搭配无衬线，是毫无风险可言的。





来看一下组合效果，此处认真停留一分钟。

致敬伟大，默哀经典。






思源黑和思源宋同出一处，骨子里的基因简直他妈的一模一样，冷静到冰冷，看到这个字就想读，没有细品的欲望，估计这也是创作者的初衷了。

我为它搭配的英文是Gilroy，咱们直接看搭配效果。

本来我想给它搭配Helvetica的，毕竟Helvetica也是中性的鼻祖，但是它被滥用的太多了，毫无惊喜感，想想都令人绝望。




咱们这里简单说一下无衬线字体的分类。

无衬线字体大致可分为三种，新无衬线体和几何无衬线和人文无衬线。

先看第一种：新无衬线体。

以Helvetica为代表，干枯，乏味，无聊到死是它显而易见的特征。






第二种:几何无衬线体。

你可能在很多女性产品的设计上看过这款字形。

没错，简单，时尚，冰冷是它的标签。撕都撕不掉的那种。

你甚至会怀疑，那个突出的尖角一不小心就能戳死你，我真的这么怀疑过。

第三种:人文无衬线体。

很装逼的名字，尽管它的字形并不装逼，反而有一种莫名其妙的温和，像个二十岁满身肥肉均匀分布的小胖子，一脸的人畜无害，无农药残留的气质。




接下来是圆体，国内的圆体大多机械，圆角和笔触过于几何，所以我选择了筑紫（我爱的大柱子），它的笔触手写感十足，作为圆体来说，实在合适不过。

毕竟它的定位就是：温润，舒适，亲和。





按照道理圆体配圆体，毫无意外的标配处理。

但是我这里并没有选择纯圆体的英文，而是选择了一款跟筑紫一样，手写细节感十足的Calibri。

怎么样，看到组合效果，你是不是也跟我一样，觉得万分惊喜，猛嘬了一口浓烟。







咱们来做一个案例示范。

文案信息和图片都来自中国美术馆官网。

是一个画展海报。







那么到了挑选字体阶段了。

很明显，我们需要选择一款宋体，楷体也是勉强对味的。

那么英文我选择了JaegerDaily。

将文案信息归纳分组，排列好重点信息层级。小的信息内容部分我选择了黑体，小字无论如何黑体都是阅读体验最好的。

那么图片主体是一副画作，为了尽量不破化画面的完整性，我很简单的将期保留了一个完整的图，另一个选择了部分重复。

人物是画作的主体，那么左边显然不适合放置文字，右边的黑色部分较多，我将文字整体选择了右端对齐。





那么标题用楷体也是个不错的选择。

我们将信息组合换一种形式再试一个版本的构图方式。




这里，我将画作置于顶端，因为画作底部是黑色的，其他部分用黑色填充，最常见的上下结构画面。





根据信息的层级放置信息，我尽量让文字在黑色填充部分，还是原来的初衷，尽量不破坏画作的完整性。

主标优先，时间和地址其次，其他信息作为不中信息安排面积。





那么信息的组合方式我们再来试一下第三个版本，进行分区的秩序排版。

主标我换了一个王汉宗明朝体，然后简单处理了一个做旧的斑驳效果。其余文字全部按照优先顺序依次落座。





那么第三个构图方式同样是上下结构。不同的是图片我稍微做了放大裁切，房屋的部分裁掉了一部分，这里是为了展示构图和文字组合之间的关系，实际处理中，画作尽量还是保证保证度较好一些。





心不细的同学也能发现，我加了一些简单的线条，主要原因是主标和人物都在左边，所以右边的重量感偏轻。

我用了多年的美术功底画了这两根绝美的线条平衡版面，堪称神来之笔。





最后咱们来看一下效果图展示。









今天的教程就这么愉快的结束了～

你们可要认真学习，记好小笔记！

才对得起人民艺术家每天对夺命连环催的心酸。

本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：胡晓波工作室。