网页设计 » 视觉设计 » 字体设计中的「微排版」

字体设计中的「微排版」

发表于: 视觉设计. 评论
Sponsor

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

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

字体的选择与搭配

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

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

举例如下:

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

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

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

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

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

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

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

  “微排版”

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

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

一、传统类

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

以“云瓷”为例:

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

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

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

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

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

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

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

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

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

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

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

二、动感类

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

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

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

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

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

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

换一组案例,我们继续尝试:

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

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

三、活泼类

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

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

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

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

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

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

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

总结

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

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

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

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

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }