在熊掌记 2.0 的众多新功能中,我们独家的定制字体 Bear Sans 是其中值得高亮的一个。作为一款写作(和阅读)app,不免有很多用户会在意使用熊掌记时文本的显示效果。因此我们觉得探索 Bear Sans 成为熊掌记新门面担当的过程和原因应该会非常有趣。

为了获得这些答案,我们采访了主导了本项目的 Pete Schaffner,Shiny Frog 的像素控。

什么是 Bear Sans?

Bear Sans 是以 Brandon Knap 创作的字体 Clarika 为基础的一款定制字体。它原本有两种风格——几何体(geometric)和哥德体(grotesque),我们将这两种风格结合起来,创造出了一种易读性更高的定制字体。例如,我们是在几何体设计的基础上构建字体的,但是许多字形又来自于哥德体,其中最明显的是 G, K, Q, a, k, t, u 和 y。我们还完全重新绘制了 M, g, 3 和 4,并调整了垂直度以满足排版要求。

Bear Sans 还拥有漂亮的斜体,与正体一样针对易读性进行了优化,同时保持了熊掌记独特的优雅风格。

图片

设计 Bear Sans 的灵感来源是什么?

我们希望设计出一种无论在编辑器和用户界面中都易读的字体,但这很容易让人想起我们最初的字体——Adrian Frutiger 的 Avenir , 毕竟它从熊掌记创立之初就是我们品牌和风格的基础。

“形式服从功能”是软件世界中一个流行(而明智)的箴言。但在 Shiny Frog,我们对两者都非常执着。我们想要一种既不牺牲个性和美感又具实用性的字体。
 

图片

你认为 Bear Sans 如何提升了熊掌记的整体用户体验?

无论是写作还是阅读,熊掌记中最重要的是文本——所以创造一些能让这两者成为享受的东西很有意义。正如前面所提到的,Avenir 是我们一开始选中的字体,但它并不总能完全适应我们的需求。

在字体较小的文本中,Avenir 可能容易让人感到疲劳。我们想要一种保持 Avenir 几何特征但在编辑器中更易读的字体,同时也它也需要更适应熊掌记的用户界面。这些变化或许微妙,但在编辑和阅读文本时,它们会产生累积效应。
读者中的字体发烧友或许有所了解,在编辑器背景下,Avenir 存在以下这些问题:

  • 字形宽度和形状的一致性(辨识个别字母更困难)
  • 笔画缺乏对比度(同上,辨识个别字母更困难)
  • 字母间距过大(在文本中看起来更像一串字母的组合而不是一个单词

因此,Bear Sans 具备以下特点:

  • 字符宽度更多变(例如 b d p q 等字符中的圆形部分)
  • 字形对比度更高(笔画变化)
  • 更大的开口,如:e c s
  • 更紧凑的字母间距
  • 更好的字母高度
  • 真正的斜体
图片

你能向我们介绍一下创建 Bear Sans 字体的过程吗?有没有考虑过其他字体或设计,哪些因素促成了最终的决定?

由于我们想保持 Avenir 的风格,我们开始研究新旧几何字体,希望它们既能保持 Avenir 的风格,又具备出色的可读性。

起初,我们考虑过自己或与专业机构合作从头开始设计,最终,我们选择使用现有的、经过实践检验的设计,并对其进行优化以满足我们的特定需求。随后,我们在 Clarika 找到了所需要的一切。

幸运的是,Brandon 也是熊掌记的用户,他愿意帮助我们将 Clarika 变成适合我们编辑的完美字体。

然而,选择完美的现有字体进行修改并非易事。我们梳理了数百种样本,最终选择了 Clarika. 如果你也好奇,我们的最终候选字体包括:

在创作 Bear Sans 时,有没有遇到什么具体的挑战或障碍?

最大的挑战之一是创造一种有个性的字体,但它又不至于有个性到影响或分散写作时的注意力。就像 Markdown 能让你更专注于文字而不是格式一样,Bear Sans 也应该安静地为你的文字增光添彩,但又不夺取过多的注意。

对于几何风格的字体来说,要做到这一点并不容易,因为它们的优势通常体现在标题、粗体和较短的文本上。为了设计出既适合短文又适合长文的字体,我们花了无数个小时对每一个细节进行梳理——阅读、写作、调整、阅读、书写、调整——以确保您的眼睛(和大脑)不会浪费任何能量,让您的思绪能够自由流淌。

将来有计划打磨或改变字体吗?也许会有更多自主设计的字体?

排版和字体设计是一门不断发展的手艺,而我们又是完美主义者,所以我们一定会不断改进 Bear Sans。字体发烧友也许会注意到我们做出的改变,但希望大多数人不会注意到。我们还希望扩大我们的字符集以支持更多的语言!

至于其他由 shinyfrog 自主设计的字体,我(Pete)很想最终制作出熊掌记的衬线字体(Serif)和等宽字体(Mono)。我还想从头开始绘制它们......也许它们能在熊掌记 3.0 中亮相。😉

图片

开始敲打吧!

如果你也对熊掌记的字体和设计感兴趣,欢迎你在评论留言向我们提问,或者和其他少数派的读者一同畅所欲言!🐻❤️🔤