字体混用的提示和技巧

混用字体可能是设计中最有意义且最棘手的一部分,对字体组合的完美使用是创建美观可读页面的基础。

但是,从哪里开始,混用字体时应该考虑什么?虽然没有准确的答案,但也有章可循。当对字体进行混用时,请考虑对比度、x高度、形状、倾斜度和字体情绪等。这篇文章中,我们将对每个细节进行研究。

入门

差异性和匹配性虽然看起来相互矛盾,但它是搭配字体的关键。你需要选择有一定差异的字体,它们看起来应该明显不同,但有应该有相互匹配的感觉。

另外,还需要考虑数量。保持项目简单,即使用尽量少的字体往往是较好的。对大多项目来说,两个字体是足够的,尤其是在你初次尝试字体匹配的时候。

为了在字体之间创造足够的差异,你可以混合不同字体,改变大小和粗细,以提升对比度。为了正确匹配字体,你则需要考虑x高度近似,形状、倾斜度和字体情感接近的字体。

MIXING TYPEFACES - design, sharing - 字体混用的提示和技巧

创建字体间的对比

58319709 - design, sharing - 字体混用的提示和技巧80552669 - design, sharing - 字体混用的提示和技巧

创建对比度有许多方式,比如字形本身的差异,或字体的尺寸和粗细,或整体的颜色方案。

较简单的方法之一就是将衬线字体和无衬线字体混合,在网页设计中,无衬线字体往往用于正文文本,而衬线字体则用于标题和大文本。虽然这不是唯一的配对方式,但却是最常见的,对阅读也十分友好。

无衬线字体和许多其他类型的字体都能实现很好的配对。有些项目采用了手写字体或新颖的字体与无衬线字体进行配对,也有不错的表现。可读性是选择字体的关键,如果您选择的字体更难阅读,那么请在文字较大和较少的场合使用它,比如大标题或艺术字。

43471202 - design, sharing - 字体混用的提示和技巧

字体尺寸也可以创建对比。整个项目的不同部分往往使用大小不一的尺寸,从正文文本的大小开始,然后适当增加尺寸来定义其他内容的尺寸。尺寸最大的字体应该是最重要的,这样就会为你的项目创建层次结构。

避免看起来很相似的字体,对比的缺乏会阻碍阅读,并使得排版失去平衡性。

大而厚重的字体,视觉上会显得更大。他们可以线条较细的字体配合使用来创建对比。

15209902 - design, sharing - 字体混用的提示和技巧

最后,颜色也可以产生对比感。虽然很多时候,我们觉得黑白的配色效果最好,但颜色可以起到强调的作用。考虑在混合字体时,始终用某种特定颜色来强调内容,并以此创造对比。

考虑x高度

86259227 - design, sharing - 字体混用的提示和技巧

x高度(x-height)是值得从字体基线到小写字母x顶端的高度,及小写字母x的高度。x高度相似的字体相互组合,可以营造出和谐和平衡的感觉。

通过改变字体的磅数,你可以在视觉上让不同x高度的字体拥有看起来相似的x高度,这也有助于增加一致感。对于不同字体在同一文本中混用的情况来说,这一点尤为重要。

形状和倾斜

42311029 - design, sharing - 字体混用的提示和技巧

特征相似的字体最容易混搭使用。整体形状、笔画宽度、衬线风格和字母的角度都属于字体的特征。

77751471 - design, sharing - 字体混用的提示和技巧

观察字母的凹陷、突出和整体形状,它们有何相似和不同之处?常规字重的字体这些特征往往比较协调,但加粗、压缩、纤细等风格的字体看起来可能会有些怪异。

凹陷和突出是最适合观察的,在搭配良好的字体中,来自各个字体的这些开放形状有相似的外形和尺寸。另外还可以考虑:字母的某些部分是封闭的还是开放的?图形的形状是否一致?

82044521 - design, sharing - 字体混用的提示和技巧

类似的,可以考虑笔画宽度,那些笔画宽度相似的或差异一致的字体混用会更加和谐。同样对衬线风格来说,薄或厚、倾斜或扁平、简单或复杂,都是值得考虑的。

最后,观察字体的角度,避免混用向相反角度延伸的字母。这一点一般可以通过观察小写字母o做到。

字体可以创造情感

63764771 - design, sharing - 字体混用的提示和技巧13158184 - design, sharing - 字体混用的提示和技巧

字体或者是中性的,或者有着明确的情感或感觉。混用字体时,正确选择字体的情感,可以搭配出符合项目情感的组合。

中性的字体可以和任意带有情感的字体组合,并也带上它的情感。两种情感相同的字体混用有助于创建和谐统一的感觉;而不同情感的字体混用可能会让人感到意外和困惑。

如果你希望通过字体给项目带上某种情感,最佳的选择是将一款中性字体和另一款个性鲜明的字体组合。太多的带有情绪的字体过于沉重,而且由于这类字体不同寻常,对可读性也会造成影响。

关于字体的情感,著名的字体设计师Hoefler & Frere-Jones说过:“保持一点不变,让另一点去变化。”

 

英文来源:DesiginShack

英文标题:Mixing Typefaces: Tips and Techniques

原作者:Carrie Cousins

翻译:卡米雷特

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!

您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注