跳到正文
ONEPAGE

ARCHIVE OF EDITORIAL WEB EXPERIMENTS · 2026—

单页
设计馆

一个主题,一张网页,一次完整的阅读体验。这里收集不依赖复杂应用框架、但具有鲜明编辑结构与视觉观点的单页面设计。

COLLECTION / 馆藏

每一页都是一间独立展室

进入展室 ↗
001

专题书单 · EDITORIAL READING ROOM

250 / 250
美国如何成为美国

以 Brooklyn Public Library 的 America 250 书单为底本,将 250 本书重组为八条阅读路径、一座可探索的数字书架,以及包含中文内容简介与编辑评价的书籍详情系统。

形式
纪念海报 / 实体书架 / 详情抽屉
内容
250 本书 · 164 个中文版名 · 全年龄
交互
搜索、筛选、随机选书、阅读进度
浏览完整页面 →
进入展室 ↗
002

互动棋盘 · PLAYABLE VISUAL ARCHIVE

东行绘双六
四幅绘卷 · 三十六景

从横滨开港、北陆道中、伊势狂欢到近代交通,把四幅历史绘双六重绘为三十六格可游玩的清晰图景。支持 1–4 人掷骰行旅、格子事件、高清大图与原作档案浏览。

形式
蛇形棋盘 / 木版画场景 / 行旅控制台
内容
四章 · 36 格 · 四幅历史原作
交互
多人同屏、随机事件、图片放大、本地存档
开始一局 →
进入展室 ↗
003

电影长篇特刊 · CINEMATIC LONGFORM

漂泊之后
诺兰的《奥德赛》

在黑色爱琴海、氧化青铜与 IMAX 胶片的视觉语言中,把电影资料、荷马史诗背景、十四站航海图与九组深度影评组织成一场关于战争、记忆、神明和归乡的浏览器航行。

形式
黑海长篇 / 航海地图 / 评论罗盘
内容
十章 · 14 个航程节点 · 9 组影评
交互
剧透切换、人物档案、影评筛选、格式建议
开始航行 →
进入展室 ↗
004

数字自然史博物馆 · ILLUSTRATED ARCHIVE

博物学家图书馆
1833—1843

把四十卷袖珍自然史、1,347 幅手工着色图版与 42 篇人物传记重组为适合中文浏览的数字馆藏。可按卷册与类别搜索、放大、连续浏览,并在图像旁阅读历史分类说明。

形式
图像标本柜 / 四十卷书架 / 图版查看器
内容
40 卷 · 1,347 幅图版 · 42 篇传记规划
交互
搜索筛选、全屏缩放、连续浏览、URL 状态
走入自然史展厅 →
005—

下一张网页,将在这里拥有自己的入口,而不是被塞进同一种模板。

PRINCIPLES / 原则

不是模板仓库,
而是主题与形式的对应关系

  1. 01

    一页完成叙事

    每个项目都能在一个连续页面内建立开场、展开、探索与收束。

  2. 02

    结构来自内容

    书单可以成为书架,档案可以成为时间轴;不先决定卡片,再把内容塞进去。

  3. 03

    静态也要可探索

    优先使用浏览器原生能力,让搜索、筛选、展开和本地状态在轻量页面中成立。

  4. 04

    每个展室独立

    子页面共享收藏逻辑,但保留各自的视觉语言、排版节奏和交互方式。