返回  

2023年字体配对的10+趋势

2022/11/14 14:00:17 来源:深圳网站设计南隼互动

字体设计的趋势似乎比其他设计趋势发展得更快。在很长一段时间里,网站设计以及设计师们都坚持使用无衬线字体,但现在感觉那都是很久以前的事了!


如今,各种各样的网页字体使得设计、字体搭配和视觉主题变得更加有趣。

今天,我们将用近期比较流行的字体以及相应的漂亮例子来看看搭配字体的趋势,内容涵盖了广泛的字体家族和相关的设计。


什么是字体配对?(What is Font Pairing?)

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

一个好的字体组合——通常不超过两到三种字体——是最和谐的状态,同时在字体风格之间可以提供充足的对比。字体组合通常传达相似的情绪,具有互补的形状,因此它们可以将注意力吸引到信息上,但之间不会形成相互竞争。

在搭配中不应使用多于一种新奇、时髦或具有挑战性的字体。这有助于确保设计的可读性和排版的平衡性。


1. 常规无衬线与细薄现代衬线(Regular Sans Serif with a Thin Modern Serif)

Regular Sans Serif with a Thin Modern Serif

这种简单的搭配并不常用,只是在视觉上很漂亮。我们希望今年能看到更多这样的字体搭配趋势——常规的无衬线字体搭配现代的细衬线字体。

这种字体组合的优点在于优雅和易读。现代的衬线字体有时候并不总是清晰易读的,但当使用较大的尺寸,以及只有几个字时,它可以创造出独特的感觉。上面的设计选择非常好,因为所选字体(Hatton)的有趣特征。

这种字体搭配的另一个突出元素是动画的使用和相当简单的整体美学。这些设计因素有助于字体更加突出,当你试图鼓励用户真正注意到这些单词时,这是很重要的。另外,你还可以花点时间在一些很棒的字体上。


2. 三种粗体字体(Three Bold Fonts)

Three Bold Fonts

这是相当“危险”的字体配对趋势,设计师实际上使用三种(或更多)字体,每一种都有粗体风格。

让它起作用的是让每个字体在设计中发挥作用,并保持其他一切尽可能简单。在元素周围留出足够的空间也会有所帮助。

在上面的网站设计例子中,设计使用了三个大胆的字体选择(有趣的是,没有一个是匹配瓶子上的标志字体的)。一种字体用于中心标题(做了一些字体变形),第二种字体(粗体衬线)用于旋转的瓶子周围的拱形,第三种字体用于所有其他文本元素(粗体无衬线)。

第三种字体用于菜单项和行动号召,几乎是任何与品牌或艺术元素无关的东西,这是所有这些放在一起的主要原因。当所有东西都有目的(品牌、艺术元素和可读文本)时,你可以在字体上多“打破规则”一点。


3. 手写风格搭配几乎其他风格的字体(Handwritten Accent with Almost Any Other Font)

Handwritten Accent with Almost Any Other Font

就像在图像设计中使用有真实感觉的照片和视频一样,在字体中也有同样的趋势。手写类型元素几乎与任何其他风格的字体配对,在设计中创造出特殊感觉的东西。

在上面的例子中,不仅是屏幕上的手写字体,它实际上是动态的,就像它是实时写的一样。这增加了文字图层在背景字体上已经形成的效果(这不是我们经常能看到的!)。

当你单击导航中的元素时,还会出现一个绘制的小标记,进一步增强了手写的感觉。

这个设计实际上具有三种字体的特点——页面上的主要文字的衬线字体,手写风格的字体,以及无衬线菜单字体。


4. 带有渐变的单一字体(Single Typeface with Gradient)

Single Typeface with Gradient

字体配对的另一个大趋势是使用单一字体,但是在“配对”上使用单色文本与渐变色文本的对比突出差异。

很难想象带有渐变着色的文本会成为一种流行的设计元素,但这种效果却随处可见。它被用于大的文本,按钮元素,以及缺少交互或动态效果的网站设计中。

在上面的例子中,渐变实际上在字母中移动,几乎给人一种液体流动和感觉。

大多数以渐变字体为选项的文本都倾向于为这些单词使用超大的字号或全大写,但这里的设计表明,它也适用于更轻、更小的文本选项。结果是一个更微妙的感觉,使渐变文本不会压倒设计。


5. 衬线主文字与无衬线大写次级文字(Serif Display with Sans Serif Caps Secondary)

Serif Display with Sans Serif Caps Secondary

这种字体配对趋势颠覆了传统的概念:第二种选择是将主要的衬线与全大写无衬线配对。

这种排版组合适用于超大的文本和最少数量的单词和短语。要记住的是,如果大写的文本太多,阅读起来就会很困难。

理想情况下,可以尝试使用短标题和单行的辅助文本,如上面的例子。此外,要密切注意你选择的单词和字体,确保大写字母不会让人感觉难以承受。在这方面,一般的或中等的风格会有所帮助。

最后,这个概念可能在带有深色文本选项的浅色背景上效果最好。


6. 轮廓+填充(Outline + Filled)

Outline + Filled

2021年印刷术中最大的趋势之一可能是使用轮廓字体。它们似乎无处不在!

在背景图像上使用仅带有轮廓的字体,如上图所示,可以设计出令人惊叹且有效的视觉。你首先看到的可能是轮廓字体,但填充文字确实有他自己的影响。这种风格几乎可以与任何类型的字体工作,但最常见的是与无衬线,因为可读性和容易创建可理解的轮廓。

轮廓字体的使用诀窍是与其他字体搭配以确保可读性。通常,一个轮廓字体与相同的字体搭配在一起,形成一种几乎是阴阳两色的效果。

当使用这种字体组合时,将最重要的单词放在填充字体中,并为需要着重的文本使用轮廓。

注意,无论轮廓字体使用的多么突出,在设计中都不会像填充的补充字体那样具有视觉上的重要性。正因为如此,许多设计师在轮廓字体中使用的文本几乎是填充字体的两倍(或更多),以便后一种风格的文字具有最大的影响。

关于轮廓和填充组合的另一个好处是,你通常只需要一个具有两种样式的字体。它可以使字体配对更加容易。


7. 超大衬线+无衬线(Oversized Serif + Sans Serif Pair)

Oversized Serif + Sans Serif Pair

超大字体可以很漂亮,尤其是当它们搭配在一起的时候。趋势是使用大尺寸的衬线和无衬线字体配对。

这在排版上可以创建一个漂亮的图层效果,并允许你在这个过程中使用最少的字体数量。

对于衬线-无衬线这种字体配对,需要注意的是,字体之间的差异本身就是一个设计技巧。使用这种技术时,尽量减少其他文本效果或技巧。

最后,考虑有粗细笔画的现代衬线。它为设计增加了额外的优雅和活力。


8. 实验性字体+中性无衬线字体(Experimental Typeface + Neutral Sans Serif)

Experimental Typeface + Neutral Sans Serif

实验性字体似乎无处不在。

用中性的无衬线字体搭配实验性字体——几乎任何风格都可以。当寻找中性无衬线时,注意寻找中等笔画宽度和平均的x高度。

避免使用超薄或过度压缩的选项,因为它们会削弱实验字体的个性。如果实验字体的字母有一个不同的形状,如椭圆形或圆形,那么尝试将其与无衬线选项的类似形状相匹配。这将有助于实验性选项的风格真正推动排版的感觉和整体设计。


9. 超大的无衬线+较小的文本层(Oversized Sans Serif + Smaller Text Layer)

Oversized Sans Serif + Smaller Text Layer

当谈到排版时,一个你可能不会想到尝试的想法是将超大的无衬线与较小的无衬线配对,以创建分层的排版风格。这种趋势开始爆发,主要运用于使用分层类型作为艺术和信息元素的网站设计项目。

虽然一开始听起来有点疯狂,但它绝对是令人惊叹的。

诀窍是使用简单的无衬线,尽量减少超大文本中的字母和阅读,并在其余设计中使用简单的美学。

Oh在其网页设计中用明亮的背景色、超大字体的名字和叠加在“Oh”上面的简单信息解释了网站的目的,完美地做到了这一点。


10. 无衬线字体家族(Sans Serif Font Family)

Sans Serif Font Family

字体配对有时候实际上根本不需要成对。在同一个家族中使用多种风格可以达到这个目的。

这是一种相当流行的技术,因为它使网站易于阅读,并且总是创建一个所有文本元素都和谐的设计。

下面是如何让它工作,就像上面的例子一样。配对从一个字体家族的最鲜明的风格,在设计中明显的区别。将粗体或缺乏的选项与常规或清淡的变化搭配几乎总是赢家。


11. 时髦的感觉+柔和的口音(Funky Feel + Softer Accents)

Funky Feel + Softer Accents

有时候,字体搭配的趋势与特定的字体或字体系列无关,更多的是与字体风格的感觉有关。我们在这里看到的一个趋势是将主字体与时髦、大胆的风格结合在一起,再配上柔和的字体(甚至是脚本字体)。

以上是这种字体搭配趋势的一个很好的例子。主要标题是使用了粗体、衬线风格以及有趣的线条和形状进行搭配。这些字体很有特色。此外,每个字母都有粗犷的风格和颜色,所有这些都有助于时髦的氛围。

它与一个简单的脚本风格的单词“with”搭配在一起。这种微小、柔和的强调将人们的注意力吸引到字体和信息上。另一个有点在于,脚本字体没有过度女性化的感觉,并与logo中的文本元素联系在一起。


总结

对字体进行配对非常有趣。尝试不同的组合可以为设计项目增加新的意义维度。

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

· 坚持使用两三种字体

· 寻找互补的风格

· 总是使用一个可读性强的字体









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务