在网页企图进程中,企图师常常会为了寻觅符合的字体而头痛,字体换了一个又一个照样没法到达想要的后果
然则与企图的很多方面一样,排版有一些法例能够辅助您更轻松地找到完美的字体配对。我们将向您揭示您需要见地的有关组合字体的常识,并为您供给一些能够在任务中应用的超卓字体组合。
1.应用分歧颜色的字体
写作能够表达感情。我们用来施展阐发,字体款式也会影响我们的感知。有些字体严厉而务虚,而另外一些字体则悲观而非正式。字体具有分歧的标识,能够为它们施展阐发,的笔墨增加意义。在挑选字体时,将排版与分歧的颜色相联合会增添视觉上使人愉悦的比较。
在挑选最好字体配对时,起重要斟酌网站将代表谁或代表甚么的作风。气泡字体或许适用于玩具公司,但在律师事务所的网站上会显得水乳交融。另外一方面,轻松兴奋的网页企图会被最严峻的衬线字体所搅扰。
最大的斟酌身分之一是您将为题目和注释应用甚么排版。因为范畴较大,题目在应用作风化字体时供给了更大的自在度。对付注释,您需要一种在较小的文本尺寸中易于应用的字体。
这个是一家虚构的糖果公司的网页,它的题目应用 Lovelace 字体和奇异而古代的 Erotique 字体。撑持注释内容应用更传统的兆字节字体。字体有分歧的本性,但能够协调地协同任务。
2. 字体巨细比较—但比较不要太大
字体对该当较着分歧—比方,不要在题目中应用与注释中应用的无衬线字体惊人类似的无衬线字体。您需要分歧的字体组合,这些字体在视觉上分歧但依然互相弥补。
如果我们将带有诸如 Great Vibes 之类的书法作风的字体与 Merriweather 之类的衬线联合起来会发生甚么?我们终极会获得一种不太使人赏心悦方针比较感。
Great Vibes 具有温和和细腻的感触感染,而 Merriweather 是一种严厉的字体,其衬线字体转达了一种情势。在这里,比较度太大,组合没法施展感化。
下面我们再来看一组更使人惬心的字体配对。在页眉中,我们应用了
Vollkorn,一种奇妙调皮的衬线字体。我们将它与
Open Sans配对,这是一种更中性和通俗的无衬线字体。这类配对后果很好,
高端网页制作,因为虽然存在比较,但两种字体的奥妙之处使它们在视觉上相得益彰。
3. 将字体限制为三种或许更少
在大多数企图中,应用一种网页字体作为题目,另外一种作为注释。您或许还会在构造中应用手写字体或更作风化的排版举行装潢。不论您对全数收费字体有多大的诱惑,一个网站都不需要逾越三种字体。
很多企图师挑选在他们的任务中应用整套字体组合。整套字体是指一组互相联系关系的字体。它或许包括作风变更,如斜体、轻到分量级、衬线和无衬线版本,和其他变体。整套字体最好的一点是,它们在寻觅互补字体时无需举行猜想,因为它们在企图时就斟酌到了兼容性。
整套字体使得以多种体例应用单一字体成为或许。看看这些来自 Roboto 超家属的挑选。Thin 100 Italic 的奥妙之处与 Regular 400 的猛烈声明之间存在伟大差别。
4. 经由过程字体配对转达视觉条理
您能够应用排版来发送有关内容分歧部份主要性的视觉信号。题目该当包括最重的视觉打击力,其次是副题目,然后是注释。应用您的字体组合为您的内容供给较着的构造感。
应用字体巨细来表示递次
最大的字体代表优先级,递加的巨细代表内容的条理构造。应用全数大写也能够很好地使号令性用语等主要元素锋芒毕露。但请确保适度应用全数大写字母
整合分歧尺寸的排版是大多数初学者企图师的首选,但另有其他要领能够默示视觉条理。
实验分歧的权重
粗的字重默示主要性,而较轻的字重默示内容条理构造中的较低级别。正如我们在 Roboto 超家属中看到的那样,您能够经由过程转变其分量来应用单一字体做很多事变。
转变字体颜色
固然您不想用千变万化的颜色来添补您的企图,但转变文本的颜色能够辅助某些单词锋芒毕露。较浅和较深的变更营建出优秀的比较感,较深的暗影默示应起首浏览的正本。在实验字体颜色时,请确保它们不会在配景中丧失。