在网页设计过程中,设计师经常会为了寻找合适的字体而头痛,字体换了一个又一个还是无法达到想要的效果
但是与设计的许多方面一样,排版有一些规则可以帮助您更轻松地找到完美的字体配对。我们将向您展示您需要了解的有关组合字体的知识,并为您提供一些可以在工作中使用的出色字体组合。
1.
使用不同色调的字体在选择最佳字体配对时,首先要考虑网站将代表谁或代表什么的风格。气泡字体可能适用于玩具公司,但在律师事务所的网站上会显得格格不入。另一方面,轻松愉快的网页设计会被最严重的衬线字体所困扰。
最大的考虑因素之一是您将为标题和正文使用什么排版。由于规模较大,标题在使用风格化字体时提供了更大的自由度。对于正文,您需要一种在较小的文本尺寸中易于使用的字体。这个是一家虚构的糖果公司的网页,它的标题使用Lovelace字体和奇特而现代的Erotique字体。支持正文内容使用更传统的兆字节字体。字体有不同的个性,但可以和谐地协同工作。
2.字体大小对比但对比不要太大
字体对应该明显不同例如,不要在标题中使用与正文中使用的无衬线字体惊人相似的无衬线字体。您需要不同的字体组合,这些字体在视觉上不同但仍然相互补充。
如果我们将带有诸如GreatVibes之类的书法风格的字体与Merriweather之类的衬线结合起来会发生什么?我们最终会得到一种不太令人赏心悦目的对比感。
GreatVibes具有柔和和精致的感觉,而Merriweather是一种严肃的字体,其衬线字体传达了一种形式。在这里,对比度太大,组合无法发挥作用。
下面我们再来看一组更令人满意的字体配对。在页眉中,我们使用了Vollkorn,一种巧妙俏皮的衬线字体。我们将它与OpenSans配对,这是一种更中性和普通的无衬线字体。这种配对效果很好,因为尽管存在对比,但两种字体的微妙之处使它们在视觉上相得益彰。
3.将字体限制为三种或者更少
在大多数设计中,使用一种网页字体作为标题,另一种作为正文。您可能还会在布局中使用手写字体或更风格化的排版进行装饰。无论您对所有免费字体有多大的,一个网站都不需要超过三种字体。
许多设计师选择在他们的工作中使用整套字体组合。整套字体是指一组相互关联的字体。它可能包含风格变化,如斜体、轻到重量级、衬线和无衬线版本,以及其他变体。整套字体最好的一点是,它们在寻找互补字体时无需进行猜测,因为它们在设计时就考虑到了兼容性。
整套字体使得以多种方式使用单一字体成为可能。看看这些来自Roboto超家族的选择。Thin100Italic的微妙之处与Regular400的强烈声明之间存在巨大差异。
4.通过字体配对传达视觉层次
您可以使用排版来发送有关内容不同部分重要性的视觉信号。标题应该包含最重的视觉冲击力,其次是副标题,然后是正文。使用您的字体组合为您的内容提供明显的结构感。
整合不同尺寸的排版是大多数初学者设计师的首选,但还有其他方法可以表示视觉层次。