网站建设之2020年字体排版设计的8种趋势

排版趋势似乎比许多其他设计趋势发展得更快。长期以来,网站设计师坚持使用无衬线字体的字体调色板。但这就像现在的古代历史!

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

我们正在研究将字体配对的八种趋势,以及每种趋势的精美示例,这些趋势涵盖了广泛的字体系列和美学。

什么是字体组合?

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

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

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

1.Outline + Sans Serif

网站建设

网站建设

2020年排版的最大趋势之一可能是轮廓字体的使用。他们似乎无处不在!

轮廓字体的窍门是将其与其他字体配对以确保可读性。通常,轮廓字体会与填充了几乎阴阳效果的相同字体配对。

当使用这种字体组合时,将最重要的单词放在填充的字体中,并为重音文字保留轮廓。(即使演示文稿为大纲字体留出更多空间,也是如此。)

请注意,无论使用多么突出的轮廓字体,在外观设计上都不会像实心字体那样具有可观的视觉效果。因此,许多设计师在轮廓字体中使用的文本(或更多)几乎是填充文本的两倍,因此后一种样式中的单词具有最大的影响力。

2.Oversized Sans Serif + Smaller Text Layer

网站建设之2020年字体排版设计的8种趋势

排版时,您可能不希望尝试的想法是将超大的无衬线字体与较小的无衬线字体配对以创建分层的排版样式。这种趋势开始以分层类型作为网站设计项目中的一种艺术和信息元素而爆炸。

虽然起初听起来有些疯狂,但绝对可以令人惊叹。

诀窍是使用简单的无衬线,使字母和超大文本的阅读量降至最低,并在其余设计中使用简单的美感。

哦(以上)完美地做到了这一点,其背景色明亮,名称的字体过大,并带有简单的堆叠式消息,解释了覆盖“哦”的网站的目的。

3.Sans Serif Caps + Tiny Serif

网站建设

网站建设

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

但是下面的简单衬线和大字体与第二行之间形成鲜明对比。这是低调的趋势之一,我们开始在版式中看到更多,而BBC Earth网站对此予以关注。

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

4.Novelty + Monospace

网站建设之2020年字体排版设计的8种趋势

这种字体组合是完美的野兽派-一种流行的设计风格。具有等宽样式的新颖字体在视觉上很有趣,并且很容易成为该样式的宗旨。

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

选择字体,这些字体会给您一些故意的不匹配和混乱的感觉。如果您为匹配此处的样式而太过努力,则可能会有点平淡。请记住,野兽派的风格是硬性的,自然会给人以视觉冲击。在字体配对中也要使用该想法。

5.Sans Serif Font Family

网站建设

网站建设

字体对实际上根本不需要配对。在同一个家族中使用多种样式可以达到此目的。

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

就像flocc(上方)一样,这是使其运作的方法。将字体家族中最鲜明的样式进行配对,以在设计中获得明显的区别。将粗体或缺少选项与常规或浅色变化配对几乎总是赢家。

6.Slabs + Simple Sans Serifs

网站建设之2020年字体排版设计的8种趋势

Slab样式是当面使用的字体选项,可以很好地产生影响。通过简单的无衬线字体伙伴淡化样式。

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

Rogue Studio巧妙地将这种组合与大于生命的平板作为艺术元素,并使用简单的无衬线来处理您真正需要阅读的所有内容。良好的间距还有助于吸引眼球,并使用户留在网站上。

7.Funky Feel + Softer Accents

网站建设之2020年字体排版设计的8种趋势

有时,字体配对的趋势与特定字体和家族的关系不大,而与字体样式的感觉有关。我们在这里看到的很多趋势是主字体与时髦,大胆的样式以及较柔和的字体(如果是脚本)的结合。

Arts District Craft Kitchen是这种字体配对趋势的一个很好的例子。主要标题是带有有趣线条和形状的大胆平板衬线。字母很有特色。此外,每个字母都具有粗糙的风格,并且具有颜色,所有这些都有助于时髦的氛围。

这与一个简单的脚本样式(一个单词“ with”)搭配使用。这种细微,柔和的口音引起人们对整个排版和消息的关注。另一个奖金?软脚本没有过度女性化的感觉,并且与徽标中的文本元素没有任何联系。

8.Serif + Sans Serif + Script

网站建设之2020年字体排版设计的8种趋势

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

配对三种字体是相当普遍的,而使之运作良好的原因是使用了截然不同的样式。使用三个无衬线可能会导致笨拙和视觉上的奇怪,因为样式差别不大。

寻找具有相同感觉但独特的线条和设计的字体三重奏。

结论

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

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

  • 坚持使用两个或三个字体
  • 寻找互补的风格
  • 始终使用一个易读的选项

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/262923.html

(0)
上一篇 2022年5月27日
下一篇 2022年5月27日

相关推荐

发表回复

登录后才能评论