这个网站的几处设计,借自三个网页
夜航船现在的样子,有几处关键的地方不是我自己想出来的,是从三个网页那里借来的。
Andy Matuschak 的笔记
这是最直接的一处:这个站现在跑的整套阅读界面——点开一张卡片会两栏堆叠着展开、悬停链接能看预览、没有目录只能顺着链接走——底层用的就是 Andy Matuschak 自己写的那套 notes 前端运行时。
他在《About these notes》里写得很清楚,这些笔记 "roughly [his] thinking environment",首先是写给自己看的:"Write notes for yourself by default, disregarding audience." 也正因为这样,他这套系统里刻意 "no index or navigational aids"——找到一个入口,剩下的全靠链接自己走出去。船序里那句"若无意择路,不妨回到夜航船,任水所之",说的就是这个:不给目录,让人凭链接漂。
systemluna.com 的 Planisphere
一个互动星座早见表——圆盘状的星图,拖动旋转、双指缩放、双击复位,还能调时间"穿越"去看某年某月某夜的星空。夜航船"星图"页面里那种以一张笔记为中心、四周散着相关笔记的浏览方式,最早就是被这个圆盘转动的手感说服的:一张笔记不必是列表里的一行,可以是能被拖着转、贴着看的一小片天空。
GraphCon Deck
Yohei Nakajima 为一场叫 GraphCon 的演讲做的图谱式演示工具。他没有按传统幻灯片一页页往下翻,而是把每页内容拆成图里的节点:选中哪一页,属于它的节点就被拉近,不属于的就退到背景——用一张网撑起整场演讲,而不是一条直线。这种"选中什么、什么就近,其余的自动让开"的手感,是"星图"页面里点开一张卡片、相关卡片跟着聚拢过来的直接来处。
三个网页解决的问题并不一样——一个是阅读界面的骨架,一个是圆盘导航的手感,一个是图谱如何随着选择重新聚拢——但拼在一起,正好是夜航船现在的样子。