10 个字体组合设计的黄金原则

一个好的设计是从点线面开始的。字体设计在一个页面中相当于它的门面,选择与设计相符的字体、展现视觉的层次感等等都是字体设计的学问,今天就来看看字体组合设计的几个原则。

01. 选择与设计相符的字体


不同的字体有着简便,开朗,正式,雅致等不同的氛围或个性。例如圆圆滚滚的字体,用在孩子生日宴会的邀请函上就非常合适,而公司的简报上就很不合适。


因为人是有多种多样各不相同的(例如内向或者外向等),因此才会有魅力。有着强烈的个性的字体,可以将他与简单的字体相组合以保持平衡。

在下面的这个项目中,有特色的手绘风格字体,与无衬线字体相结合,没有妨碍主字体的同时,下面的小字也保证了其可读性。


当决定两个或以上的字体时,说不定就有一种玩联想游戏的感觉。大部分情况我们都是靠着自己的直觉来决定的,这其实没关系。

无论是网页,杂志,商店用的海报,还是产品包装,什么样的字体组合好,什么样的不好,我们都是从联想字体的感觉开始的。

02. 展现视觉的层次感


过去发行的报纸或杂志,对展现字体组合的层次感有着非常好的示范作用。标题,副标题,正文,解说辞等要素都是靠着字体的组合,来将视觉划分开的。

字体的尺寸粗细,文字间距的调整,都可以引导视线,将它们集中在你所希望的特定部分。


层级,就是在标题正文布局以外,你可以作成各种各样的的类型的设计。在给项目选择字体的时候,不妨想一想,你希望一开始就给用户看到什么地方。

另一点,决定什么样的信息才是重要的。什么是最先跃入眼帘的(公司名字的标题,特别优惠等),然后决定什么内容是不重要的。然后,我们再来决定字体的大小样式和组合。通常,重要的内容都是用大字号,粗体来表示的。

03.仔细想想是不是该用


你需要知道什么样的环境,什么样的用途用什么样的字体,什么样的字体使用了会更加舒适。在实际表示的尺寸上,清晰易读是十分重要的,就算是特别小的文字也有必要保证易读。在下面这个案例中,不论是记载着小文字还是大文字的地方,文字间都留有特定的空间,在强调的同事保证了其易读性。


字体的尺寸会影响阅读。在一开始选择字体的时候,你就需要考虑他的设计性和可读性是否相匹配。

文字选择的过程中,标题使用的字体,选择有特点的字体还是中规中矩的字体,是非常重要的工作。在下面这个杂志的版面设计中,标题使用了两种字体,正文使用了无衬线字体。


字体可以从具有历史性的背景或体裁中选择。你可以简单的研究一下字体的历史背景,以及,这个字体是在什么时候被创造的。或者说,知道了这个字体是在什么时代被利用的,你可以了解它是否与你的设计相匹配。

例如在给描写美国总统亚伯拉罕·林肯一生事迹的书做封面设计时,我们就可以使用美国南北战争(1861-1865)时使用的 Caslon 或 Clarendon 体。

[图片上传中。。。(8)]

另一个案例,字体的种类,在设计的整体中担任很大的作用。下面这个案例,因为想表现出 1950 年代的复古感觉,字体采用了那个年代常用的广告或标识常用的字体。

04. 衬线体与非衬线体一起使用


如果没有时间了,需要你马上决定两种字体。在那个时候,我们可以选择一部分文字使用衬线体,而另一部分文字我们可以是用非衬线体。这样的组合大体上往往很不错,尤其是两种字体大小不一样的时候是最适合的。

另外补充重要的一点,现在世界上的排字艺术中,关于衬线体和非衬线体哪一个更容易阅读有着很大的分歧。大量的文字和文章表明,衬线体的字体可以有效的转移视线,提高阅读速度,尤其在印刷品中效果非常明显。

相反的非衬线字体有着简单的风格,在网上或者银幕上表现效果都很好,能让画面感觉变得更清晰。

05. 要有对比意识


另一个使用衬线体和非衬线体组合在一起的理由是,具有对比性。这种对比有很多关联性包含在里面,我们需要仔细考虑这之中的字体的层次感,相互之间的互补性等等。

对比,可以通过字体的种类,大小,字体,文字间距,颜色等各种各样的方式来实现。下面这个样本案例,就是利用了粗体字与细体字相互组合而成的。这两种几乎 180 度大转变的风格,却很好的组合在了一起。

因为每个字体都是不同的,所以各种字体都有着各种各样的意义。另外,大胆的使用了粉红色,让他比标题还要大两倍的字号,也不能错过,他很好的将非常细的字给强调了。

06. 避免字体冲突


在组合字体的时候,对比是非常重要的,同时也要避免它们相互冲突。不同的字体并不意味着他们可以很好匹配组合。一般来说,几个风格相似的字体,相同的比例,小字的高度非常的统一等都是值得注意的地方。这样就算他们的外观不同,设计从整体来说都是非常统一的。


来看看下面这组字体组合吧。因为是衬线体和非衬线体,所以风格上是非常不同的。上面的字体非常圆润,字间距的设定都留有余地,而下面的字体偏细长,风格更加拥挤,我们可以看到对比非常的大。像头发一样细的衬线体与非常细的非衬线体,在强调他们的对比时应当更加注意。

07. 避免使用相似的字体进行组合


这在第五条介绍对比时也提到了,太过相似的字体组合也会成为问题。因为没有太大的区别,所以在制造层次感的时候就成了第一个问题。还有字体与字体之间的差异性,选择它的目的,以及他看起来就像是选错了的。

但是,也没有必要选择完全不一样的字体。比较字体的重量,外形是非常重要的,字体过于相似,特别是使用相同尺寸的时候,会让用户混乱,让整体内容都变得模糊。

08.使用同一个系列的字体


使用同一个系列的字体,一直都是一个非常稳妥的办法。我们可以在一个系列中找到各种各样的字体(不同的重量,样式,大小文字等),来充分的表达我们的设计项目。

相同系列的字体进行组合,利用不同的大小,样式,重量(Light、Regular、Bold等),注意表现出他们的对比。

利用欧文斜体字或 Extended 版本等字体系列,可以给你的设计创造出无限的可能。如果项目中规定只能使用一种字体,他的优点就是能让设计变得更加有效率。缩短了去寻找能完美组合的字体的时间。

09. 限制你所使用的字体数量


一般一个项目所使用的字体数量是两到三个,当然你也不必死守这这句话不放。如果你参加过杂志编辑工作,你也许能从中得到更多的经验,其实并没有什么硬性规定的。

例如,参考风格华丽的维多利亚风格,像这样参考具有特色的设计风格时,你就更需要仔细推敲字体组合了。利用大量的字体,与设计相调和,得到的结果是平衡还是混乱,这是你需要注意的事项。

10. 勤加练习

最后,这是一个好心的建议而不是规则。用你所知道的字体组合不断的练习,通过不断地努力与错误,最终你会得到属于你的创新能力。可能有完美的字体组合,但并没有完美做出他们的公式。

文章首发于「庖丁开发」公众号,每晚十点分享产品、设计、开发的干货,欢迎拍砖。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,402评论 6 499
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,377评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,483评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,165评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,176评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,146评论 1 297
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,032评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,896评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,311评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,536评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,696评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,413评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,008评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,659评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,815评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,698评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,592评论 2 353

推荐阅读更多精彩内容

  • 首先,文字是我们传承文明的唯一工具。世界上所有的国家里,只有我们中国的文化是始终没有间断过的传承下来,汉字是伟大的...
    曰月德阅读 2,731评论 0 11
  • 壹 一个动荡的时代,个人就显得微不足道。 我父母那一辈人,诞于抗战烽火中,“生在旧社会,长在红旗下”,历阙建国后所...
    王老十阅读 149评论 0 0
  • 谁缘愿,帝心幻,越不及,冷宫传
    娜冰晶阅读 200评论 0 1
  • 你以为是对的 但它往往是错的 你以为无路可走的 往往能死磕出出口 你以为只有二选一的 往往放手就是晴天 你以为有些...
    Dr_江伊森阅读 175评论 0 1
  • 假期一下子过去了5天,我都还没缓过来。唉,独处时间木有,总觉得费时间太多在外界。
    恭华阅读 164评论 0 0