到目前为止，我一直在为 Orbit 使用量子国度的设计语言，只是为了帮助我专注于所有我必须要做的架构工作。这样做短期内是很有用的限制，但 Orbit 几乎已经准备好了它的第一批出版物，所以现在是时候换个办法了：Orbit 的视觉效果如何能加强它的想法？
Orbit 面临两大视觉设计的挑战。
首先：Orbit 最初是作为嵌入的「客人」出现在其他的出版物中。既然是客人就要入乡随俗！它不应该与主人的风格选择相冲突；它不应该干扰读者阅读卡片周围的文本。在《量子国度》中，我们只是对互动卡片和书本身使用了相同的设计语言。你在量子国度收集卡片，然后在量子国度复习它们。但是 Orbit 的模式是，你在量子国度（和其他地方）收集卡片，然后你在 Orbit 上对它们进行综合复习。这就棘手多了！读者浏览了「我们的数据世界（Our World in Data）」（或其他什么），但是文章中这个奇怪的「Orbit」东西要求他们注册，后来他们又收到 Orbit 的电子邮件，要求他们做一些事情。所以 Orbit 需要在你阅的出版物时将自己作为一个独特的「合作伙伴」实体来介绍。Orbit 是一个研究平台......但鉴于这些限制，它需要有一个「品牌」，让人感觉像一个「产品」。
另一个挑战则更像是机遇：思想工具往往设计不够鲜活，教育的意图太重。如何为 Orbit 打造一套视觉语言，来扭转这样的倾向？ 如何更加凸显「体味关切之事」的欢欣，淡化「记住多少琐屑常识」的念头？间隔重复记忆系统让记忆任你掌控，但是记忆率本身是无关紧要的。可惜，记忆系统相关的文化太过「为了记忆而记忆 」了。有些人要把读到的所有细节都记下来（「以防万一」），但不再深入地体会个中要领。他们似乎很害怕「忘记」；笔记狂人背后也是同样的执念。我无意助纣为虐。然而愿意早期尝试我的作品的人，往往受到这些文化的影响很深。这是风险。
对于这个挑战，我的视觉设计能力犹显不足，所以能与 Nio Ono 合作，我非常激动。今年六月，我们花了几周来探索 Orbit 的艺术方向（感谢 Taylor Rogalski 为我介绍！）先把话说清楚，Nio 是真正创作下面这些作品的人：我指出方向，但她描清了全局路线。接下来几个月我会亲自踏上这些旅程，所以我写下这篇文章来热热身——我要向他人阐述这些想法，来更深入地理解并诠释。
在我们深入探讨之前。我意识到，你们中的许多人从未与新生的设计工作进行过互动！让我来分享一些关于如何参与这个材料的意见。这个阶段的工作的目的是要打开门，在问题空间中找到一些指点，创造动力。由于这是一个视觉练习，它特别是关于探索某些美学方法的感觉。你会看到一些看起来像界面截图的图像，你会很想把它们具体地解释为界面。从某种意义上说，它们的确是......但它们实际上是在尝试在背景中看到视觉语言。眯起你的眼睛；少关注「界面」，多关注气场。这个练习是关于探索符号、字体、网格、颜色等的纹理相互作用。在这些视觉原语和它们所居住的界面之间有一个退火过程。在这次冲刺之前，我已经部分地定义了 Orbit 的界面，但如果不发展视觉语言，我就无法进一步发展。同样地，我们现在已经在视觉语言上花了一些时间，但如果不花一些时间用这些想法来推动界面结构的发展，我们就无法走得更远。设计会绕着圈子，在形式和功能之间徘徊，直到事情最终解决。
精神特质
Orbit 的「个性」是什么？它试图传达什么精神？为了给我们一个粗略的指南针，我们从这个有抱负的三重原则开始：
真诚、热忱、好奇心 —— 而不是：义务、工具主义、劳苦
Orbit 帮助你加深与你最在意之物的关系。这些活动主要是认知上的，但你与材料的关系是情感上的。这是为你可以谈一晚上的想法和想象。Orbit 是为那些赋予你生命意义的东西而设的。
Orbit 不在于让你吃掉西兰花。它不适合你认为你「应该」参与的事情，那些需要你唤起意志力的事情。它的基调不是「教育」。Orbit 的结果是学习，但其目标不是学习：而是能够做一些在这个世界上给你带来意义的事情。
无为，不费吹灰之力，「相信过程」—— 而不是：收件箱，图表，旋钮
向 Orbit 添加内容就像打理园子一样。你种下种子，相信它会茁壮成长，开花结果。你并不关心卡片展示时机和展示频率等细节。你大可放心：安排的时间基本上是合理的；你能逐步把添加的所有内容都内化；卡片的间隔会慢慢变长，如同移动到更远的轨道一样，而新卡片的展示机会也是恰如其分的。你的 Orbit 不会有「要溢出来」的感觉。
你的日常 Orbit 练习，就像你的日常冥想练习一样。没有「完成」一说，没有进度的图表一往无前。如同冥想练习一样，你对某一次练习的具体结果并不关心，也不该关心。但你终究会来参加练习，顺应气息，最终你的视野更加清晰。
Orbit 不是一个需要梳妆打扮的收件箱。Orbit 不是一个带着三位数字的红袖章。你不用「拨入」你的 Orbit 卡片。你不用执着地追踪任何一张卡片的「进展」（不过你确实能感受到一些更宽泛的「进展」弧线）。
用功、认真、主动 —— 而不是：自满、被动、敬畏
冥想在某种程度上涉及不费力气，但在另一种程度上涉及勤奋。你每天都会出现在练习中，并遵循指示，相信这些活动会帮助你变得更聪明，而不了解确切的机制。但这并不意味着冥想是容易的！如果你不认真参与，15 分钟就会溜走，而你却没有清楚地观察到一次呼吸。
类似地，Orbit 也同样既轻松又用功。你出席每日的复习，没有特定的期待或要求，但你要全神贯注于你在那里发现的东西。Orbit 本质上是严肃者的工具。它是深入、清晰的理解；它是对那些仅仅想让你记住思考一些东西的老方法的不满。
作者通过提供卡片来塑造使用 Orbit 的体验，但 Orbit 终究是一个靠你自己运用的工具。Orbit 期待并回报你自己的主动性——通过你撰写自己的卡片，重组给你的卡片，抛弃你不关心的卡片，按照你的价值观塑造系统。
视觉主题和灵感
这些原则处于紧张状态！严肃性与不费力气；好奇心与勤奋；认真与 「相信过程」。但是有一条真正的主线贯穿其中。以下是一组冗长的主题和灵感中的几个亮点。
重力既毫不费力又不可避免。它是严肃的，但又是无形的。在视觉上，这意味着沉重和对比的重量，也许是凝重的动感。
天体力学是适当的奇妙的，「相信过程」，精确。当然，Orbit 这个名字自然地暗示了这个方向。
对比的几何学呼应了天体的主题，在结构僵化的背景下注入了一些好奇的音符
模拟的颜色暗示了复古主义的怀旧热情。
一个核心的识别图形：星光闪耀
旅行者号和先锋号探测器携带了一块由天文学家弗兰克-德雷克设计的带有这种星光的金属板：
这是一张太阳系相对于附近脉冲星的地图。它在视觉上相当醒目，但它也编码了大量的信息：长度代表相对距离；哈希值编码脉冲星的周期。
这个数字（以及其他来自讽刺性的占星术的数字！）激发了 Orbit 的中心标识：一个信息丰富的星形图案。没有固定的「标志」：这个形状每次出现都会改变，提供数据可视化和导航功能。它反映了每个用户在一段时间内的个人行为，但它作为一个主题，其独特性和一致性足以作为一个可识别的「品牌」符号。
渐变的笔触在负中心创造了一个光环状星星的视觉错觉。沉重的线条围绕着空旷的空间，呼应着 「无为」的毫不费力的行动。
从功能上讲，星形图案是一个卡片的集合——可能是你当天要复习的一套卡片，或者是某本书的卡片，或者是你自己制作的一个卡片文件夹。每张卡片对应一条射线；每条线的长度代表一张卡片的间隔。一个密集的星形图案代表一个较大的卡片集合。
在复习课的背景下，星形图案成为一个动态的径向进度指示元素，每完成一张卡片就顺时针打勾，用颜色来表示完成的项目。
当可视化大型集合时，我们可以强调线条的 「尖端」而不是笔画（左）。在密集的列表环境中，星芒可以「解开」成垂直堆叠的线条，每一条仍然代表一张卡片（右）。
字体
我们探索了各种几何风格的无衬线字体，但最终爱上了 Dr， Production Type 制作的古怪字体。这一字体充满对比：圆形和矩形；粗线条和负空间；悬殊的比例。它很独特，但又很灵活，可以配合许多主体出版物的风格配合。我们可以上下调整字体的大小，以保持笔画一致：
还请注意网格结构：这种布局有节律的节奏。一种「有规则」的页面感觉承载着勤奋和毫不费力的行动主题。
在上面的图片中，我们看到一些界面的雏形开始形成，但正如我前面提到的，这些并不试图成为「屏幕截图」：它们在这里是为了探索比例和层次结构。
对于标识，我们希望能呼应博士的大胆几何形状，但又有足够独特的细节来独立存在。它不应该依赖于星形图案的可识别性。这是目前的最爱，是 Nio 在 Herbus 上的一个翻版：
主导的 o 保持了对圆形和天体主题的关注；r-b 连接词继续了圆形运动。直线型的 i-t 构成与曲线型形成鲜明的对比。
图标
当 Orbit 的界面刚刚起步时，很难在图标设计上走得更远：我们还不了解所有的核心操作是什么，以及它们可能如何被安排。但 Nio 观察到，有一个有趣的机会，让图标反映出几何字体、星形图案的渐变笔触，以及对负空间的强调。这幅拼贴画显示了「添加」、「下一个」、「关闭」和其他常见的动作如何能够持续地承载我们已经定义的视觉语言。
Orbit 确实有一个不寻常的核心动作，我们确实很了解：揭示一张卡片的答案。这个动作提供了一个机会，可以做一些独特和令人难忘的事情——见上面右边的「眼睛」。
颜色
在 Anki 中复习卡片，感觉有点像在一望无际的平地上行驶在笔直的、不变的道路上。颜色提供了引入动态的机会。由于其他的视觉元素已经相当朴素和规范，颜色也是强调第一个主题的机会——激情、兴奋、好奇心。
Nio 构建了一个色轮，它奖励了令人惊讶的、明显无层级的组合。(它还以某种方式在大多数有用的组合中保持了 WCAG 可访问的对比度）。
在这个效果图中，我们的想法是，界面的配色方案在一天中会发生变化，加强了复习环节的仪式感。也许，如果你在早上打开 Orbit，你会看到橙色的色调，在晚上则是丰富的紫色。星爆色给人的感觉是不可预测的，但它遵循一个简单的结构：背景是从色轮的内环画出来的；星爆色是逆时针方向一个缺口的外侧位置（一个近似的色相）。
颜色的另一个令人兴奋的潜在用途是表示来源背景。就是说：《量子国度》是紫色的，所以每当《量子国度》的卡片出现在你的复习环节上时，你就会在《我们的数据世界》的蓝色和 Tufte 的书的黄色之间看到一抹紫色。间隔重复的卡片可能会让你感觉到相当的原子化，并且脱离了你真正关心的原始事物；这种颜色的方法可以加强原始的情感背景。
这里的重音玩的是各种色调角度，从类比到四分法到互补法。这是不是太多？也许吧！这就是我之前提到的：在这样的静态展示中，你真的无法判断。大胆的解决方案往往在「静止」时感觉过于激进，但在「运动」时却令人激动。如果你把图形的选择调低到「静止」时感觉舒适，你最终会得到一些无趣的东西。我必须实际生活一段时间才能知道。
上面的图片描述的是应用程序内的 Orbit 复习体验——你去复习你从各种地方收集的所有卡片的地方。但正如我在一开始提到的，Orbit 在嵌入主人的出版物时必须「表现自己」。在这种情况下，我们几乎肯定无法摆脱这些咄咄逼人的颜色，而且我们甚至不应该尝试：复习区不应该把你的视线从周围的散文上拖开。
但这没关系。同样的方法可以用一种更克制的方式来应用。也许在《量子国度》中观看时，同样的颜色被克制地使用，但足以与 Orbit 应用中更大胆的使用产生联系。
请注意，我们强调的是互补的绿色而不是主人的紫色，因为我们的轮子的紫色可能与主人的品牌颜色不完全一致。背景水洗是一个不饱和的三色相对。
我希望作者最终会需要一些用于嵌入式环境的演示旋钮。在一个网站中感觉平衡的设计，在另一个网站中会感觉不堪重负。人们会满足于从 Orbit 的色轮中选择，而不是使用他们精确的品牌颜色吗？也许应该有一个单色的选项，特别是对于那些「品牌颜色」是单色的地方，比如 gwern.net。
我与 Nio 的冲刺已经结束，接下来交给我了。我要实现这种视觉语言。我将在我的日常 SRS 实践中使用它，并且我将对它在各种主人的出版环境中的表现进行原型测试。我相信会打破很多东西，会提出很多新问题，等等。
该平台每周都有很大的进展。我的目标是在 7 月底发布第一批带有 Orbit 卡片的文章，我仍然认为这并不是大错特错。我期待着有更多的带宽来与作者合作者一起工作。
（顺便说一句：「Orbit 卡片」......是「比特」吗？ 为时过早，也许。)
从真正意义上讲，如果你们喜欢这项工作，你们应该感谢你们自己。我仍然处于亏损状态，但你们的集体赞助已经减缓了燃烧的速度，使我能够间断地与像 Nio 这样的专业人士合作。事实上，即将发表的文章将与不同的视觉合作者分享另一个令人兴奋的项目。
Thoughts Memo 汉化组译制
感谢主要译者 AsukaMinato，校对 Shom、Jarrett Ye
Thoughts Memo 汉化组译制
原文：A nascent art direction for Orbit | Patreon 上的 Andy Matuschak
发布于 2020 年 7 月 8 日