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

推荐订阅源

Google DeepMind News
Google DeepMind News
爱范儿
爱范儿
J
Java Code Geeks
L
LangChain Blog
V
V2EX
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
博客园 - Franky
Microsoft Azure Blog
Microsoft Azure Blog
Jina AI
Jina AI
Blog — PlanetScale
Blog — PlanetScale
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
The Cloudflare Blog
博客园 - 司徒正美
B
Blog
G
Google Developers Blog
Stack Overflow Blog
Stack Overflow Blog
罗磊的独立博客
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Apple Machine Learning Research
Apple Machine Learning Research
Engineering at Meta
Engineering at Meta
MyScale Blog
MyScale Blog
有赞技术团队
有赞技术团队
Hugging Face - Blog
Hugging Face - Blog

少数派

派早报: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 中亮相。😉

图片

开始敲打吧!

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