按照比例对 web 常用字体进行分类。对于设计师来说,我们可以通过字体的宽度来将它们区分开。比方说,我们可以在标题中使用 open sans condensed bold 而在正文中使用 open sans regular ; 在标题中使用 montserrat ,在正文中使用 source sans pro ; 在标题中使用长体的 oswald,在正文中使用标准的 serif 或者 sans serif ……
用字体的不同比例来搭配,形成对比。注意,太长或是太扁的字体的可读性相较标准字形来的差一些,所以正文部分还是保守一点比较好。字型(letterforms)字型即字体的形状。我们对字型比较熟悉,毕竟总得靠它来区分不同的字体。衬线(serif)和无衬线(sans serif)是两种很常见的字型。其他还有包括特印(display), 书法(handwriting), 手写(script)等等。
google 字体中的不同类型。为了营造对比,我们挑选出字型不同的字体。还记得我们总会听到的超简单的原则吗?就是选择一种无衬线字体,在挑一种衬线字体来搭配它。这其实是利用字型之间的差异来营造对比。我们也可以选择一种手写(script)或者特印(display)字体作为标题的字体,然后再选择一种衬线(serif)或者是无衬线(sans serif)字体来作为正文字体。这有着无限的可能。
在网页模板 big day 中, 我将书法字体 dancing script 与优雅的无衬线字体 fira sans 组合,因为它们在字母结构上的对比十分强烈。两种字体的字型特征越明显,我们能营造出的对比就越是强烈。相应的,字体搭配的效果也会越好。同理,我们得尽量别要把字型相似的字体组合到一起。这就是为什么你在处理两种不同的衬线字体或者无衬线字体的时候要格外小心。
将字型相似的两种字体组合到一起营造出的弱对比只会让读者感到困惑。这时候就不如只用一种字体来的好。大小写 (小写字母与大写字母)大写字母由于字母等高而看上去像是一个个的方块。小写字母则由于字母上下出头不一而显得轮廓起起伏伏。利用这点不同,我们可以搞一些对比的例子。
单词大写与小写所形成的轮廓不同。如果文档标题不长,我们可以利用全大写来使它看上去和由小写字母组成的段落的区别更加明显。(要是你的标题很长而且长篇连句的话,你可能并不想让它们全部大写。毕竟可读性略差。)字距字距,即字母间的距离,也可以用来营造对比。它一般会搭配大写来用,因为大写字母之间的间距可以让词句更容易阅读,还会让它们看起来有一种沉稳而成熟的感觉。
额外的字母间距可以让大写的单词更容易阅读,且看上去带有一种沉稳而成熟的感觉。记着,尽量避免增加小写字母间的字距,因为这样会破坏词句的轮廓,从而使它们难以阅读。 还有,正文不要增加多余的字距,以便与带有更大字距的标题文字形成对比。增加对比到此为止,我们总共谈及了 7 种可以营造对比的方法。总结一下:字重/字号/文字颜色/字体比例/字型/字母大小写/字距记着,对比越强烈,你的字体组合效果就越棒。为了得到更加强烈的对比,我们可以将上述几点叠加使用。举个例子,在我的博客主题 jordan 中,我将 oswald 和 merriweather 进行了组合。 我将 oswald 用作标题字体,将 merriweather 用作正文字体。 oswald 是一种长而瘦的字体。我同时使用了字母全大写和增加字距。这样一来,我在字号、文字颜色、字体比例、字型、字母大小写和字距上都作出了一些区别。强烈的对比,美妙的组合。
我在博客主题 jordan 中使用的 oswald 和 merriweather 的组合。在字号、文字颜色、字体比例、字型、字母大小写和字距上都有所不同,因而对比效果十分强烈。根据这个准则,我们可以很容易的弄出一些很棒的或者是不怎么样的字体组合。在你浏览下面每一组字体组合的时候,利用我们刚刚谈及的 7 个维度来思考一下为什么它们很棒或是有点糟糕。成功的组合
不那么成功的组合
结语字体组合是字体排印中的一个重要组成部分。我希望通过阅读本文,可以让你了解到对比即是成功的字体组合的评价标准,以及如何更为有效的将字体进行组合。祝在字体组合这上头玩得开心!
优设计整理发布,未经允许禁止转载和商用,如有侵权请联系我们。
感觉自己是巨星毛不易当前浏览器暂不支持播放
优设计官方邮箱:310541990@qq 优秀作品也可以发我们奥。