字体设计中的「微排版」

7 月 8, 2019 发表于: 视觉设计. 评论

Sponsor

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

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

字体的选择与搭配

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

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

举例如下：

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

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

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

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

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

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

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

“微排版”

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

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

一、传统类

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

以“云瓷”为例：

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

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

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

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

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

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

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

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

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

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

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

二、动感类

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

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

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

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

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

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

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

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

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