TEL: 180-210-69380

Figma中Grilli Type 的全面表达

Oct,31,2023 << Return list

Grilli Type 的 Theirry Blancpain 谈可变字体的承诺和表现力的易用性。

字体可能会遇到缩放问题:当您增加字体的大小时,例如从名片到广告牌(甚至从移动设备到桌面),您也会改变每个字母之间的空间感知。在给定的外形尺寸中您可以轻松阅读的文本行将开始变形并变得难以辨认。平衡大小和易读性通常需要对字偶间距(单个字母之间的间距)和字距(字母组之间的间距)进行细致、精确的调整,以便排版看起来一致且可读。另外,管理不同的粗细和样式需要多个文件,从开发的角度来看,这可能很棘手 - 更多的字体样式意味着需要下载更多的代码和资源,从而导致额外的工作、潜在的错误空间和更慢的加载时间。

简而言之,确保字体以最佳方式显示可能需要大量技巧。这就是为什么我们推出了对可变字体的支持,通过让设计人员能够沿着一系列轴调整类型,可以操纵这些单一字体文件来实现各种表达。需要同时平衡字体的光学尺寸和粗细?前进。想玩转字体的倾斜度吗?努力吧。

可变字体也是一种为网络带来更多动态表达的令人兴奋的方式,这是位于卢塞恩和纽约市的独立字体铸造厂Grilli Type的联合创始人蒂埃里·宝珀 (Thierry Blancpain)热衷的主题。Grilli Type 的字体及其随附的迷你网站将字体设计的传统界限推向了诱人的新高度。Blancpain早在 2020 年就向 Figma 请求提供可变字体支持,在与 Figma 设计经理Marcin Wichary交换 DM 后,他和他的团队加入了 Figma 的可变字体测试版。我们与宝珀讨论了开发字体所需的内容、动态网页设计的重要性,以及可变字体对可访问性和用户体验的意义。

特德·B.

在要求 Figma 支持可变字体之后,看到它推出感觉如何?

蒂埃里·B.

感觉真的很好。我认为设计界已经习惯了公司几十年来忽视非常明显的功能请求。我不想在这里代表Figma,但该公司作为用户界面工具和产品设计工具的起源可能有助于决定开发一项有利于企业界以及想做有趣事情的设计师的功能对于网络。

特德·B.

Grilli 一直是可变字体开发的早期支持者。为什么您认为可变字体对于现代设计实践如此重要?

蒂埃里·B.

首先,它是新的标准格式,支持字体的整体工具链非常重要。如果像 Figma 这样的主要行业工具不支持这些标准格式,那么寻找解决方法的过程就变成了无休无止的过程。

但可变字体的好处在于它是一个包含整个字体的文件。实际上,您可以全面使用它,并且您不需要为该工具使用该版本,也不需要为其他工具使用该版本。纯粹基于这种效率,拥有它真的很好。从更广泛的角度来看,它允许以以前的格式无法做到的方式进行精确的排版。有些人可能不需要它,但如果您确实需要它,它会非常有用,特别是在创建可以由开发人员转换为实际代码的设计时。

我们[创建了]可变字体网站,但无法在 Figma 中使用可变字体。就我个人而言,它对我有用,因为我是一名开发人员和设计师,但在设计师和开发人员分开的更传统的环境中,它不起作用。

特德·B.

为什么您认为可变字体是设计师与开发人员协作的有力工具?

蒂埃里·B.

可以理解的是,开发人员不想让他们的生活因为他们可能不感兴趣的东西而变得复杂。我认为可变字体的好处在于它为每个人提供了一点点。开发人员喜欢这样的想法,即他们只需为整个系列使用单个字体文件,这对他们非常有帮助:它使更新内容变得更容易,使保持代码整洁更容易等。

设计师喜欢选择特定重量的能力,并根据光学尺寸真正微调版式。但他们也能够使用非常有趣的效果,例如GT Maru Mega,您可以在其中拥有这种非常丰富的字体,并且仍然可以在非常小的尺寸下使用。另一部分是动画。我认为网络将变得越来越令人感动。如今,纯静态网站常常给人一种非常老派的感觉。

GT Maru Mega是GT Maru家族中“圆润的最充分体现”

特德·B.

您认为可变字体如何推动我们走向更加动态的网页设计版本?

蒂埃里·B.

排版不仅可以提供信息,还可以具有表现力。有时,如果用户将鼠标悬停在某些内容上,就会从常规变为粗体。我认为活力只会改善体验,但它也可以走得更远。

我认为我们的GT Flexa 迷你网站是我们看到这一趋势的一个很好的例子。我们的迷你网站通常会尝试推动网页设计,并且我们希望表明我们的字体可以引领潮流。

花了六年时间才完善 GT Flexa 概念

我们XXIX 的朋友制作了一个网站,这是 GT Flexa 的首次实际使用。这种类型的呼吸似乎非常轻微——它有点创造出这种带有一定节奏的平静体验。我认为,我们将越来越多地看到这样的富有表现力的体验,其中字体支持整体品牌价值以及品牌在网络上的感觉。每个网站都是一个交流的机会,如果不充分利用字体来完成这项工作,就会失去一些东西。

每个网站都是一个交流的机会,如果不充分利用字体来完成这项工作,就会失去一些东西。 每个 网站 都是 一个交流 机会 如果充分利用字体完成这项工作就会失去一些东西

人们很容易忘记这样一个事实:十年前,我们都在网络上使用 Verdana、Times New Roman、Georgia 和 Arial。所以我认为类型的爆炸也意味着现在有很多表达潜力正在被利用。并且能够从单个文件中访问整个系列,对其进行动画处理,以有趣的新方式使用所有这些方面,从而可以进一步表达。

但这也可能太过分了!我们将会看到利用这种潜力的网站会产生非常糟糕的结果。但没关系。我认为作为网页设计社区,我们已经从这样的立场发展而来,即一切都必须尽可能无聊才能尽可能可用。我们现在了解到表达和功能之间存在权衡,我们也可以向前推进这个边界。

特德·B.

作为一家铸字厂,Grilli 在推动这些界限向前发展方面发挥了什么作用?

蒂埃里·B.

Grilli 有点像唱片公司和混音工作室,与艺术家合作创建这些字体。我们的字体需要数年的时间来开发,而不是持续几周的记录过程。

GT Planar由多米尼克·胡贝尔 (Dominik Huber) 设计。在多米尼克与我们分享初稿后,该项目在我们的团队和多米尼克之间来回讨论,在过去几年中进行了数十甚至数百轮的修改。每次修订都使这个概念变得越来越清晰。我们的目标是让我们的每个字体版本都有一个真正清晰的概念,在视觉和功能层面上都取得成功。

Slanted white text on black background showing a variety of font weights
对于 GT Planar,团队专注于功能,“无论长度、尺寸或角度”

通过 GT Planar,我们希望将字体的理念具体化,做一件真正具体的事情。尝试制作一种可以做 15 件事并且很有趣的字体是很容易的;很难制作一种字体来完成一件事——具有非常清晰的表达和清晰的概念——并且以一种有趣的方式完成它。

GT Planar 从薄型变为黑色

GT Planar 本身就是一种漂亮的字体,但它具有其他字体无法做到的功能。为了实现这一目标,它必须推动我们认为正确的字体应该是什么样子。因为在 -45° 和 +45° 角度,你必须做一些奇怪的事情才能让它工作。这通常是我们设计过程的一部分——当你扩展字体时,你就会达到极限,你必须调整你到达那里的方式和工作方式。

White text that reads "GT Planar" on a black background, slanted at 45 degrees
GT Planar 从 -45° Retalic 过渡到 +45° Italic

特德·B.

与传统字体相比,可变字体的开发具有挑战性——Grilli Type 的方法是什么?

蒂埃里·B.

可变字体沿轴工作,这与传统的字体设计不同,传统的字体设计仅使用粗细并最终得到静态实例。真正不同的是,我们想要创建的系列不仅仅包含粗细,无论是粗细和斜体(如 GT Flexa 的情况),还是粗细和倾斜角度(如 GT Planar)。

我们的方法更多地是关于类型系统而不是字体。这是一个非常小的差异,但我认为最终的结果是我们所有人——品牌、人们、我们——思考如何以某种方式使用字体。因此,可变字体的真正酷之处在于它向最终用户开放了自定义功能。您获得的不是这些静态实例,而是一个设计空间。您可以为您的品牌选择适合该设计空间的任何内容,因此您不必局限于该宽度或重量。

特德·B.

那么它更多的是创建一个自适应设计空间而不是展示新字体?

蒂埃里·B.

我们对仅仅提供废话营销没有兴趣。我们想说的是真实的、有趣的、有帮助的事情。我觉得通过为人们提供工具来更好地理解他们正在使用的字体,他们也会以更有趣和更好的方式使用它们。这就是我们设立GT 学院的原因;这就是我们拥有迷你网站的原因。这是为了让用户有更多的控制权来了解他们在做什么。我认为如果人们更好地使用我们的字体,我们的字体就会变得更好。人们使用字体的方式让它们变得有趣。

特德·B.

您认为可变字体如何影响可访问性和用户体验?

蒂埃里·B.

可变字体使用光学尺寸。[历史上],当设计被转换成不同的字体尺寸时,字体切割师会根据他们认为合适的方式对字体进行调整。如果你观察金属字体中不同尺寸的小写“a”,每个字体都完全不同,并且在不同尺寸下逐渐变化。随着人们开始制作单一尺寸的字体,这种情况发生了变化。

因此,对于可变字体,我们将回到具有百年历史的做法。我们正在获取有效地制作字体的工具,将一对一的字体转换为最终用户的易读性和可访问性。如果类型更适合最终用户,他们的阅读和浏览体验自然会更好。

特德·B.

您认为随着可变字体的普及,这种情况会发展吗?

蒂埃里·B.

设计师将感到有权根据自己的判断使用这些工具,但用户也可以自由地挑战这一点。我认为,当人们开始感到有权质疑字体设计师时,这真的很酷——每种用途都有点不同,而且你无法提前真正知道字体将如何在特定环境中使用。在接下来的几年里,这类问题将会非常有趣。