字体设计中的「微排版」

Sponsor

我们在设计字体时，如果只是孤零零几个字简单排列，往往会比较单调，所以，我们经常需要加入英文、标语、印章等元素进行搭配组合，这个时候，排版细节就显得至关重要了，优秀、得体的排版，可以让你的作品更加突出。

今天这篇文章，我们就来做一个总结，对字体设计中的排版细节进行大致的分析和归纳。

字体的选择与搭配

先说字体搭配，有很多刚接触字体设计的朋友经常忽视这个问题，在完成中文设计之后，在加入英文或拼音的时候，就随便找个字体搭进去，殊不知这种不讲究的、毫无选择的搭配，就成了整组设计的拖油瓶，你的错误搭配，就成了减分项。

所以，英文或拼音的字体选择，是绝对不能应付、不可轻视的任务，他们一定要在气质上和中文字体相近才行，只有这样，你的设计，才是协调、美观的整体。

举例如下：

1.“星粉荟”，是一家网店，售卖明星周边产品，所以中文字体，是比较时尚、潮流、个性的。而在拼音部分的字体选择上，左图，底部搭配的是衬线体，衬线体，给人的感觉是比较传统的、严肃的。这样的搭配，就好比你穿了一套时尚的衣服，却戴了一款复古的项链，格格不入，很不协调。

而右图，底部搭配的是一款非衬线体，拼音字体的端点细节，甚至也保持了“圆头”的形式，这与中文笔画，统一而协调。

这样两款字体相对比，右图，显然更合适一些，更适合这个品牌，也更符合整组中文字形的调性。

2，“水镜山居”，是一家民宿，中文设计的风格，是偏手写的感觉，在拼音的字体选择上，左图，是衬线体，右图，是非衬线体。

与第一个例子“星粉荟”恰好相反，能与中文实现最佳组合效果的，是左侧的衬线体，因为衬线体，更有历史感，更具文艺气息，在气质上，与中文“水镜山居”的氛围，更吻合一些。

除去为中文设计添加拼音、英文之外，我们也时常加入slogan、广告语等其他内容，在这些字体的选择上，方法也是类似的规律了，根据不同品牌、不同行业、不同的属性和调性，我们要仔细甄选，选择在气质上与主体字体更接近的那一款。在这里，不再赘述，不作重复。

在简单讲完如何选择字体之后，接下来，我们进入“正餐”，做更加细致、完整的总结，在这里，我用一个新词：

  “微排版”

在对字体设计作品进行元素搭配时，各部分之间的排版位置，大小比例等细节，都是有章可循的，认清并把握这些规律，可以让字体作品更加耐看、更加成熟，这就是微排版的意义所在。

为了表达的更加清晰到位，我根据平时设计字体logo的经验，根据不同字形的使用频率，大致分为以下三个类别，我们从这三类字形出发，分别进行排版细节的阐述。

一、传统类

传统类的字体logo,很多都是工整而严谨的，一旦涉及到这类形式，我们往往需要通过调整对齐、字间距、字体大小等细节，来规范整个排版格式。

以“云瓷”为例：

左图，字体右侧部分，各元素未做对齐，空间布局不均衡，杂乱无序，而右图，在对右侧几个元素进行了左对齐之后，版面看起来更加规整、干净。

左图,“瓷”字右侧的元素，和“瓷”字间距过近，画面过于拥挤，空间被挤压，不透气。右图，间距则又过远，画面被割裂成了两部分，显得很散，所以保持适当的间距，这很重要，过近，过远，都不可取。

关于这类间距问题，可以用下面这个方法控制和检查：

在上图中，雲瓷两字的间距，以及瓷字与右侧几个元素的间距，宽度是保持一致的，距离都是“a”。而单独分析右侧几处元素，从上而下，分别是印章、slogan、斜线、拼音，这四部分，其间距也基本保持一致，距离都是“b”。

这样的间距设计，算是一个万能公式，能够最大限度的让字体logo更加工整、匀称。

另外，补充一点，我们也能很清楚的看到，印章的位置，大体与两个字顶对齐，拼音的位置，也与两个字底对齐。因为如果不做对齐处理，画面就很容易走样，比如，我们将拼音位置调高一些，看看结果如何：

在将拼音位置上调之后，通过右图示意，很明显的看到，整个设计的“矩形”轮廓被打破，右下角出现了明显空白，也就导致这例设计不够饱满，无论怎么看，都感觉“少了点东西”。

字体的大小，当然也是必须注意的事情，左图，slogan字体过小，导致阅读困难，右图，则是字体过大，抢了主体字的风头，还显得比较粗糙，不够精致。所以，这个细节，也不能忽略。

上面所列举的排版格式，是比较常见的，接下来，我们继续以“雲瓷”为例，尝试更多的排版可能性：

以上四类，是比较常见的排版方式，分别做了不同的范例展示。

但还是需要强调，所举的样例，只是抛砖引玉，是为了能够给出更多的启迪和引导，希望大家不要因此而受限。

二、动感类

这一类字形，是充满活力和力量的，个性张扬，意气风发。

我们可以通过字形倾斜、整体变形等方式，让字体变的更有感召力，更具设计感。

左图，是最普通的格式，没有活力，不够动感，也不够“放肆”。

而右图，这样的格式就明显好了很多，“野”了很多，首先，根据字体内容，把文字分两行排列，这样看起来会更有节奏感，接着，再进行右倾斜和上倾斜的处理，让字体往上“冲”，更有冲击力。

做完这一步之后，根据笔画情况，进行适度的夸张，在本例中，对“肆”字右下角的竖线进行了适度延长处理，这样的设计，加强了字体的个性，让字体更有张力。

接下来，根据上述理论，我们解锁更多的排版方式：

换一组案例，我们继续尝试：

平民传奇，是一档电视节目，通过词意，我们很容易提炼出“力量”、“正义”、“震撼”等此类设计关键词。那么，左图的排版形式，就比较常规，略显平淡，而在右图的设计中，先看字体细节，“民”字，最后一笔，做了延伸处理，为本身平静的字体画面，增添了动感气息，同时，这也使得字体的特征更加鲜明。而在整体上，右倾斜的方式，虽然很常见，但这样的变化，必然会让字体画面更有劲、更带感。

接下来，我们再做其他形式的排版试验：

三、活泼类

接下来这类卡通、活泼、俏皮类的字体，与前面两类相比，在排版上的规律，相对简单一些，更容易把握。

上面两图，两例“水果忍者”，都是黑体字，左图，是普通的横排，右图，字间距拉近，每个字体都进行了角度变化，呈现“歪歪扭扭”的感觉，这样的形式，明显更活泼，更有趣。

根据这一规律，我们也可以尝试上下排列和弧度排列：

继续以“水果忍者”四字为例，我们先完成基础字的设计：

然后，我们完全按照上面的排版格式进行尝试：

在字体帮的往期作品中，有很多此类卡通字形的设计案例，我们列举几例：

这些案例的排版格式，都是轻松的、活泼的，根据不同的笔画造型，根据不同的图形创意，字体的排版也不尽相同，与“传统类”、“动感类”相比，“活泼类”的字形，因为笔画本身就比较灵活多变，所以在排版格式上，就明显自由了很多，没有那么多条条框框。

总结

如果也将上述三类字体形式，按照人的年龄来划分，那么，“传统类”字形，是中年阶段，成熟老练；而“力量型”字形，则是青年阶段，青春焕发；“活泼类”字形，就是幼年阶段，俏皮可爱。

就像人一样，每一个年龄阶段，都要保持该有的性格才对，在对字体设计进行细节排版的时候，也必须注意字体本身的属性和性格，合适、得体的排版，会让字体作品更加出彩，而不当的排版，必然会让字体效果大打折扣。

这篇文章就到这里，希望对你有所帮助，感谢阅读。

作者：刘兵克
个人主页：http://liubingke.zcool.com.cn/

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。