惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Microsoft Azure Blog
Microsoft Azure Blog
WordPress大学
WordPress大学
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
The Cloudflare Blog
U
Unit 42
D
Docker
Hugging Face - Blog
Hugging Face - Blog
博客园 - 聂微东
Recent Announcements
Recent Announcements
GbyAI
GbyAI
T
The Blog of Author Tim Ferriss
Last Week in AI
Last Week in AI
V
Visual Studio Blog
I
InfoQ
Google DeepMind News
Google DeepMind News
小众软件
小众软件
L
LangChain Blog
C
Check Point Blog
宝玉的分享
宝玉的分享
Martin Fowler
Martin Fowler
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 【当耐特】
J
Java Code Geeks
罗磊的独立博客

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
Bear熊掌记|Bear Sans 字体的幕后故事 - 少数派
2023-09-07 · via 少数派

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

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

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 中亮相。😉

图片

开始敲打吧!

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