Introducing Kermit: 一款为儿童设计的字体

通过设计赋能儿童,使阅读更容易,提高理解力,并帮助阅读障碍者。

作者:Rob McKaughan 2025年4月8日 – 预计阅读时间 15 分钟。

The image shows the word "Kermit" in a striped, pink font with black directional arrows and numbered steps indicating a guide to writing the letters.

想象一下,从未与被称为哈利·波特的_被选者_一起骑过扫帚,或者从未偶然地走进一个衣橱,进入神秘的纳尼亚王国。对于通过像_哈利·波特_或_纳尼亚传奇_这样的书籍发现阅读魅力的孩子们来说,阅读是通往异世界的门户,在那里,你唯一的限制就是你的想象力。但是,阅读对每个人来说并非易事。据估计,十分之一的人患有某种形式的阅读障碍,而且往往未被诊断出来。患有阅读障碍的儿童在简单的阅读任务(如拼读单词)方面存在困难,这使得他们难以阅读。

为了帮助所有技能水平的年轻读者,我们推出了 Kermit,这是一款由字体设计工作室 Underware 创建的儿童友好型字体。Kermit 是一种友好且平易近人的字体,鼓励所有技能水平的儿童进行阅读,即使他们对自己的能力感到焦虑。这是一个强有力的例子,说明了设计决策的重要性:将粗体和字母宽度与口头语调联系起来可以提高儿童的理解力,或者使用 Variable Fonts 进行动画处理可能有助于严重的阅读障碍者开始他们的阅读之旅。将科学和设计创造力相结合可以提高孩子阅读的信心,改变他们的人生轨迹。因此,Kermit 不仅仅是一种字体,它还是一个探索新的、基于科学的方法来帮助儿童阅读的平台。

学习阅读是困难的:这个过程几乎涉及你大脑的每个部分,你必须经过多年的训练才能毫不费力地完成它。但对某些人来说,阅读可能就像在一条充满弯路的混乱高速公路上行驶。那些努力阅读的孩子往往自尊心低落并放弃,从而限制了他们的创造潜能和求知欲。我们能给孩子们的任何帮助都是巨大的——即使只是让文字看起来更友好。

The image shows the word "Kermit" in a striped, pink font with black directional arrows and numbered steps indicating a guide to writing the letters.

为早期阅读者设计

曾经因为别人的鼓励话语或陌生人的微笑而心情好转、负担减轻、信心增强吗?我们都经历过这种提升,科学也证明了这一点。处于好心情可以提高我们在创造性认知任务中的表现。

对于 Underware 的设计师 Bas Jacobs, Akiem Helmling 和 Sami Kortemäki 来说,让 Kermit 变得有趣和活泼是一种让孩子们心情愉悦,从而对阅读产生兴趣的方式。因此,设计必须是非正式的和相关的,就像手写体一样。

Image displaying various fonts and text samples. Phrases include "Delightful creativity," "Reading is fun!" and "Exploring imaginary worlds." Fonts vary in style from playful to formal.

Kermit 的 42 种风格示例。

Kermit 的设计旨在让儿童轻松阅读,使易读性成为首要任务。 Underware 为 Kermit 赋予了较大的 x 高度、较粗的笔画、较大的间距和熟悉的字母形状,从而在手写字体的不正式性与 Garamond 或 Avenir 等经典书籍字体的结构和可读性之间取得了完美的平衡。

Kermit 变得令人愉快——并支持基于拉丁文、希腊文和西里尔字母的 426 种语言——固然很好,但我们希望通过尝试来自科学界的新想法来做更多的事情。请访问在线样本网站以获取有关 Kermit 设计的更多详细信息。

展示如何富有表现力地阅读

还记得你小时候不得不打扫房间、修剪草坪或者倒垃圾吗?你可能听到你的父母或监护人问了以下问题之一:

你倒垃圾了吗?倒垃圾了吗?倒垃圾了吗?

所有这三个问题都使用了相同的词,但它们具有不同的含义。当我们说话时,我们会改变我们的声音来增加更多的含义。你可能会提高你的声音,或者慢慢地发一个词,或者提高你的音调。这些语调变化称为韵律。不幸的是,当我们写作时,几乎所有的韵律都会丢失,因为我们没有它的符号。

曾经因为人们看不出你是在讽刺而产生电子邮件误解吗?在谈话中,这种情况发生的频率并没有那么高,因为韵律使讽刺变得清晰。

研究员 Ann Bessemans 想知道是否有一种方法可以在书面文本中表示韵律。她发现,当你以印刷方式表示音高、音量和持续时间时,孩子们会以更富表现力的方式大声朗读,并带有正确的韵律。她还发现,它甚至对有听力障碍的儿童和成人也有效。更好的是,一项初步但尚未发表的研究发现,在文本中添加韵律可以提高儿童的理解力。

受到帮助孩子们富有表现力地阅读并提高理解力的可能性的启发,我们设计了 Kermit 来表示韵律:采用粗体表示音量,宽度表示持续时间,以及垂直移动字母来表示音高。它看起来不寻常,但是一旦你习惯了它,就可以很容易地阅读文本并听到表演者会添加的所有细微差别。

Stylized text on a white background asking, "Did you take out the garbage?" The word "garbage" is bold and larger than the rest of the text.

使用排版来表达语言的语音语调的一个例子,其中宽度表示持续时间,粗体表示音量,高度表示音高。

伟大的演说是非常富有表现力的。当我们使用传统的文本为约翰·肯尼迪总统的就职演说等视频添加字幕时,他所有的激情都会在翻译中丢失。在字幕中添加韵律可以让你体验到表演的全部力量——即使你听力受损并且听不到一个字。

演示了使用普通字幕如何丢失说话者的表现力,但是使用排版韵律可以保留这种表现力。

A suited man is speaking at a podium with microphones in an outdoor setting. He is surrounded by several others sitting and standing, some wearing hats. There is a seal on the podium, and the background includes a crowd of onlookers.

虽然我们尚未实现自动韵律,但是 Kermit 允许我们探索富有表现力的写作,以提高儿童和成人的理解力。

帮助严重的阅读障碍者

阅读障碍是一个非常活跃的研究领域。五十年前,人们认为阅读障碍者会倒着看字母。现在,它主要被认为是一种语音问题,即阅读障碍者在语言的声音方面存在困难。迄今为止,最成功的阅读障碍计划侧重于教授音素意识(例如,口语单词“cat”有三个声音)和语音(将字母映射到声音)。这种成功可能使阅读障碍看起来完全是关于声音的,但是尚不清楚语音问题是否是阅读障碍的_原因_。

2010 年,研究人员 Trichur Vidyasagar 和 Kristen Pammer 提出了关于阅读障碍原因的一个新的理论:阅读障碍的大脑可能在视觉空间处理方面存在问题。换句话说,阅读障碍的大脑可能以不同的方式处理视觉信息,这使得字母的顺序不清楚并且阅读困难。

为了理解这一点,让我们来一次你的大脑内部之旅。光线进入你的眼睛并照射在视网膜上。视网膜处理光线,并将神经信号从你的眼睛发送到你的头部后部,在那里你的大脑处理图像,并将它们通过视觉皮层转发。

这个旅程有两条平行的路径:高路和低路,字面意义上。高路,或背侧通路,在物理上沿着你大脑的顶部路径延伸,携带有关事物位置的信息,例如天空在上,路面在下,或页面上字母的顺序。它是“在哪里”的信号。

低路,或腹侧通路,在高路下方延伸,携带有关对象是什么的信息,例如蓝色的东西是天空,灰色的东西是路面,以及两个相互倾斜并带有横杆的线条是 A。它是“是什么”的信号。

这两条路在一个称为视觉词形区域的小神经城镇相遇,该区域结合了“是什么”和“在哪里”的信号来形成单词——因此得名。这是我们识别单词的地方。

这个神经城镇里有一个很大的聚光灯,部分由来自高路的信号控制。当我们阅读时,聚光灯应平稳地从一个字母移动到下一个字母,将我们的注意力集中在来自低路的一个字母上,识别它,然后移动到下一个字母。如果高路上有任何问题——并且有很多可能出错的事情——聚光灯将无法平稳移动或集中注意力,从而扰乱阅读。

根据 Vidyasagar 和 Pammer 的理论,阅读障碍者的高路可能存在问题,从而削弱了有关字母位置的信号。反过来,这使得难以理解字母在低路上出现的顺序,从而使识别单词更具挑战性。

这种平稳的聚光灯移动是我们必须学习的东西。在我们学会阅读之前,我们的眼睛和注意力会无意识地四处移动,描绘出我们世界的图画。我们阅读得越多,我们就越能训练我们的大脑平稳地控制我们的聚光灯。但是,如果孩子由于高路信号较弱而无法识别单词,他们将无法阅读那么多。精通阅读所需的神经系统将无法得到锻炼,但是那些阅读更多的神经典型同学将会得到锻炼。患有阅读障碍的孩子被抛在了后面。

当这些系统不发达时,孩子可能不会发展出强烈的语音关联或平稳的视觉扫描(记住,我们的眼睛和大脑必须经过训练才能做到这一点;这并非自然而然)。高路上潜在问题的数量可能解释了阅读障碍亚型的多样性。

那么,所有这一切与字体有什么关系呢?

高路不仅仅携带位置信息;它也携带运动信号。在字母中添加运动可能会增强高路信号,从而帮助阅读障碍者控制其注意力聚光灯并改善其阅读能力。为了提供帮助,我们创建了一个 Kermit 的特殊版本,该版本已动画化,其中字母会自行绘制。

一种可以自行绘制的字体

你如何创建动画字体?

由于 Kermit 是作为 Variable Font 构建的,因此它不仅限于 Light,Regular 或 Bold 样式。借助 Variable Font 技术,它可以产生任何粗细级别。

Text displaying "Variable Typography" in a stylized font, with "Variable" using two different font weights, transitioning from thin to bold, and "Typography" in a playful, curvy style.

如此处所示,Variable Font 可以产生无限种排版粗细和宽度。

但是,该技术不仅仅适用于排版。它可以改变颜色、样式,甚至随着时间的推移改变字母的形状,从而使字体动画化。

Variable Fonts 背后的数学原理(称为线性插值)使得动画变得很尴尬,因为字母轮廓上的点必须以恒定的速度沿直线移动。通过曲线实现的自然外观动画需要使用更高阶的数学原理。

Scribomat.com 和 HOIVG 提供支持

一个动画显示了 HOI 插值相对于线性插值的优势。按播放按钮以显示动画,或使用滑块自行控制。

作为一种解决方法,你可以沿着许多细小的线移动点,使它们看起来像是在曲线周围自然流动。但是,这将要求设计师绘制每个字母的数十个版本,就像 1930 年代至 1970 年代的卡通动画师一样,为每秒胶片费力地绘制 24 张图片。

幸运的是,Kermit 的设计师有一个巧妙的数学想法:将 Variable Font 的独立线性部分组合起来以创建更高阶的数学。他们称之为高阶插值,或简称 HOI。(有趣的事实:在 Underware 所在的荷兰,“Hoi”的意思是“你好”)。

这项突破使设计师能够创建平滑的动画,这些动画可以加速、减速和转弯,并且可以像老派动画师一样进行控制,而无需绘制数千张图片。这使得 Kermit 的动画感觉就像是用钢笔自然地自行绘制一样。

Scribomat.com 和 HOIVG 提供支持

一个动画显示了 Kermit 如何使用 HOI 和 Variable Font 技术平稳地绘制自身。按播放按钮以启动动画,或使用滑块自行控制。

我们希望此动画能够增强阅读障碍者的高路信号,从而帮助他们更好地理解字母顺序并更轻松地识别单词。这可以使他们花费更多的时间阅读和训练用于阅读的神经通路。我们仍在测试此想法,并且只有当我们能够科学地证明其益处时,才会发布动画版本。

赋能儿童

文字系统已经有 5500 多年的历史,是人类最伟大的发明之一。就像魔法或心灵感应一样,它们可以将思想和创造力传播到全球和各个世代。这是我们表达我们人性的方式之一。现在,是时候进行升级了。是时候利用我们最新的技术和研究来赋能更多的儿童进行阅读。

在设计一种以儿童为中心的阅读字体时,我们希望支持儿童学习阅读,同时使_每个人_的阅读过程更加愉快、有价值和易于访问。我们通过 Kermit 的动画版本探索新的前沿领域,探索基于研究的表达方式的新方法,以及使阅读看起来对所有孩子(无论其阅读技能如何)都充满乐趣和轻松的新方法。

阅读的力量可以点燃孩子的想象力,任何电影或技术都无法超越思想的剧院。阅读赋予孩子们能动性,并最终赋予他们信心。它会影响他们的人生轨迹,从他们在各个学科中的学业表现到未来的就业前景,再到他们的自我形象以及他们是否感到自己无能或有能力。每个孩子都应该有机会茁壮成长,我们致力于尝试新的和旧的想法来帮助他们。我们希望 Kermit 的首次发布是该旅程的下一步。

Kermit 的基本样式(Regular, Bold, Italic, 和 Bold Italic)现已在 Office 中提供,其余 38 种样式将于 5 月初推出。如果你想在此期间在线试用该字体,可以访问演示站点 Kermit-font.com

阅读更多

要随时了解 Microsoft Design 的最新动态,请在 TwitterInstagram 上关注我们,或加入我们的 Windows 或 Office Insider 计划。如果你有兴趣在 Microsoft 与我们合作,请访问 aka.ms/DesignCareers

An abstract digital artwork featuring overlapping geometric shapes and gradients in blue, purple, and pink hues. Circles, rectangles, and lines blend with small squares, creating an energetic and colorful composition.

UX/UIUX Research

用于代理的 UX 设计

用于构建代理体验的 Microsoft 原则和指南

South_of_Midnight_KeyArt_Horizontal_9600x5400_RGB.jpg

Visual DesignDesign Thinking

编织奇异:Xbox 的 South of Midnight 的艺术和炼金术

探索艺术、世界构建和民间传说灵感的设计过程

A sleek tablet is showcased in three views. On the left, it is in an open, blue box on a blue background. Top right shows the closed box in black. Bottom right displays the tablet with its kickstand open, set against a beige backdrop.

Inclusive DesignVisual Design

优先考虑包容性而不是惯例:重新思考我们如何设计包装

Microsoft Packaging & Content 团队刚刚发布了“创建可访问的包装:包容性设计指南”,所有人都可用。