夜航船

这个网站的几处设计,借自三个网页

夜航船现在的样子,有几处关键设计借自三个网页。

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 的演讲做的图谱式演示工具。他没有按传统幻灯片一页页往下翻,而是把每页内容拆成图里的节点:选中哪一页,属于它的节点就被拉近,不属于的就退到背景——用一张网撑起整场演讲,而不是一条直线。这种"选中什么、什么就近,其余的自动让开"的手感,是"星图"页面里点开一张卡片、相关卡片跟着聚拢过来的直接来处。


阅读界面、圆盘导航和图谱聚拢,分别借鉴了这三个网页。

——收入 手边的项目 · 写作

看它的邻域 →