← 全部作品
06 · ARCHIVE / ONE-PAGE SITE
06 / 信息架构 · 网页设计
脑洞档案馆：把六个作品装进一栋房子ARCHIVE / ONE-PAGE SITE
把作品收进一座可以走进去的档案馆：首屏是散落的作品与一个机器人，往下是放映、理念、本人、玩具。它不是作品列表，而是一条叙事动线。
01 / ARCHIVE
为什么要做成一栋房子
作品集最容易变成一排缩略图。这里换了个结构：把整站当成一栋可以走进去的房子——首屏是门厅，作品是放映厅，理念是走廊，本人和玩具是后院。滚动不是翻页，是在空间里移动。
02 / ARCHIVE
从浅到深
页面在滚动中从米白过渡到近黑，不是切主题，而是跟着内容走：看作品时亮，谈理念时暗，最后回到暖色收尾。颜色在这里承担叙事，而不是皮肤。
03 / ARCHIVE
工程取舍
早期版本把所有代码、字体、图片与 PDF 内嵌进一个 20.5 MB 的 HTML，双击即开、断网可用，代价是改一个字要重打包。后来拆成 index.html + CSS + JS + assets 的多文件结构，才真正具备部署和迭代的条件——这一步比设计本身更像工程。
SPEC
实现细节
- 结构
- 单页四段：放映 / 理念 / 本人 / 玩具
- 渲染
- React 组件化 + Three.js 场景
- 主题
- 滚动位置驱动明暗切换，非手动开关
- 交付
- 单文件版 → 多文件部署版（图片字体外置）
- 隐私
- 署名与联系方式按公开要求做匿名化
※ 本页图为匿名化处理后的截图，署名已替换为代号。