咨询电话:186 7916 6165 咨询电话:186 7916 6165 (微信同号)    在线QQ:181796286
DESIGN SHARING ·
设计分享
关注开优网络 关注前沿
2020年值得关注的年度报告模板
10个网站UI按钮设计的艺术趋势和技巧

202年字体配对的8种趋势

发表日期:2020-07-06    文章编辑:南昌开优网络    浏览次数:3567    标签:网页设计

字体已经文本信息的排版趋势似乎比许多其他的设计趋势发展得更快。 长期以来,网站设计师坚持使用无衬线字体来作为主要的字体选择。不过这在现在看来已经将成为一个历史了。

当今种类繁多的字体带来了更多有趣的字体配对和视觉主题的可能性。

我们正在研究如何搭配字体的八种趋势,以及每种趋势的优秀示例,这些趋势涵盖了广泛的字体系列和视觉呈现。

什么是字体配对?

字体配对是指将不同的字体组合在一起,以用于同一个设计项目。 字体配对可以指的是在同一项目中使用任意数量的字体。

好的字体配对(通常不超过两个或三个字体)是和谐的,同时在字体样式之间提供了足够的对比。 字体通常会传达相似的心情并具有互补的形状,因此它们可以吸引人们注意该消息,但不会相互竞争以过度引起注意。

配对中最多只建议使用一种新颖,时髦或富挑战性的字体。 这有助于确保设计版式的可读性和平衡性。

1.Serif + Sans Serif Layers



使用层次不同的字体可以使视觉的展示效果更好。

The Academy of Classical Chinese Medicine在其站点设计中使用两个类型的字体家族-衬线和无衬线,实现了两个类别的结合,请注意字体是如何分层堆叠的。

· 关于ACCM:Caps sans serif

· 标题:衬线和衬线粗斜体

· 主要文字区块:Sans serif

· 号召性用语:粗体,无衬线

使这种分层字体在视觉上如此出色地工作的原因是空间的使用和字体的形状。 请注意,每个字体都有一个圆形设计–特别是在每个小写字母“ o”和“ c”中,你都可以看到。

2.Funky Sans Serif + Simple Sans



将两种相同样式的字体配对可能会有些棘手,因为你可能会不希望使用两个看起来过于相似的字体。

Intact Software选择将两个无衬线字体用于他们的设计项目中,并完成的非常出色,你会发现其中一个选项比另一个具有更硬的边缘和更粗的笔触。 作为辅助的无衬线字体更多是作为传统的视觉表达。

这个组合非常适合用于标题和正文文本之间的配对。 较为流行的风格可以引起用户对大文本的注意,同时为屏幕上较小的字体提供了出色的可读性。

3.Sans Serif Caps + Tiny Serif



使用全大写的无衬线字体已经没有什么突破性的意义了(每个人都这样做已经有一段时间了)。

上面的案例中,简单的、加粗加大字号的衬线和与第二行之间形成鲜明对比。 这是被低估的趋势之一,我们开始在版式中越来越多的看到这种类型,对此你可以参考BBC Earth的网站设计。

这种字体配对的优点是使得所有的内容都易于阅读。 两种字体均具有统一的笔划和宽度(这对于需要考虑背景的网站和设备非常有用)。

4.Novelty + Monospace



这种字体组合是完美的狂野派风格——一种流行的设计风格。 具有等宽样式的新颖字体在视觉上很有趣,并且给人的感觉上很重要。

将字体用于这种趋势可能很棘手。

在选择字体时,你需要选择那些会给客户在视觉上有一些故意营造的不匹配和混乱的感觉。 如果你为匹配样式而过分努力的话,则可能会有点平淡。 请记住,狂野派的风格是硬性的,自然会给人以视觉冲击。 在字体配对中也要使用该想法。

5.Sans Serif Font Family



实际上,大部分的字体使用在网站设计或其他设计项目中或许根本不需要配对。 使用同一个家族中的多种样式选择同样可以达到此目的。

这是一种相当流行的技术,因为它使网站易于阅读,并且始终在所有文本元素都协调一致的情况下创建设计。

就像上面所给到的案例一样,这是如何使其发挥作用的方法。 将字体家族中最鲜明的样式进行配对,以在设计中获得明显的区别。 将粗体或缺少选项与常规或浅色变化配对可以同样营造很好的对比以及视觉效果。

6.Slabs + Simple Sans Serifs



Slab的字体样式就好像是直接将字体拿出来放在你面前一样直观的字体选项,可以很好地产生影响。 通过简单的无衬线字体可以帮助淡化样式。

这是一个经典的排版设计趋势,永不过时,几乎总是有效的。

Rogue Studio巧妙地使用了这种组合,并结合了艺术元素和简单的无衬线来处理你真正需要阅读的所有内容。 良好的间距有助于吸引眼球,并使用户留在网站上。

7.Wide Sans Serifs + Modern Serifs



较宽的字体正在更多的设计项目中出现。 它可能是一个并不好掌控的风格,但是如果使用正确的互补字体,它就可以很好的为你的项目工作。

LaFaurie对此字体的使用就有很好的表现。 宽大的无衬线字体在英雄标题中起到强调的作用,并提供了有趣的导航元素。 现代的衬线字体更具可读性,有助于为项目带来清新,年轻的基调。

8.Serif + Sans Serif + Script



这三组字体可以设置正确的色调。 带有现代衬线,简单的无衬线和脚本,感觉上更加经典,可控且优雅。

在一个项目中使用三种字体进行搭配是相当普遍的,并且使它工作良好的原因是使用了截然不同的样式。 使用三个无衬线会导致外观笨拙和奇怪,因为样式差异不大。

寻找具有相同感觉但独特的线条和设计的字体进行配对是一个你需要长期锻炼和实践的过程。

总结

配对字体可能是一个很有趣的过程。 使用不同的组合可以为设计项目增加新维度的意义。

使用字体对时,请记住一些关于设计中字体使用的“黄金法则”:

· 坚持使用两个或三个字体

· 寻找互补的字体风格

· 始终使用一个易读的字体选项