跳到版本时间线

YUJIE LAB / AN OPEN DESIGN PROCESS

一个网站的
演变。

ONGOING

从最初的门户,到空间实验,
再到逐步建立的前端系统。

记录尝试、反馈,
以及每次真正改变了什么。

沿着时间线向下看 ↓
06 个设计阶段08 条部署记录HUMAN × AI · 持续迭代

01 / THE EVOLUTION

每一步,都有来处。

保留已经走过的路,也保留没有走通的路。

01已部署 · 原站
最初的研究门户:保存的页面画面

最初的研究门户

把四个研究领域放到同一个深色门户中,项目、写作和实验先保留内容入口。

  • 深色、铜橙与青绿的初始识别
  • 四领域入口和中英双语
  • 生产站作为后续改版的参照
这一轮的判断

结构已建立,视觉与内容密度仍需要打磨。

02历史预览
让领域成为图谱:保存的页面画面

让领域成为图谱

开始用空间场景承载研究领域,尝试把四个方向变成可选择的节点。

  • 可探索的四领域节点
  • 三维与静态回退
  • 首次独立改版预览
这一轮的判断

领域可点击,但视觉对象与内容之间的关联还不够明确。

03历史预览
把滚动变成六幕故事:保存的页面画面

把滚动变成六幕故事

从独立领域面板转向共享研究装置,滚动推进概览、四领域与收束。

  • 一套装置贯穿六幕
  • 滚动控制镜头与领域状态
  • 旧锚点、键盘和静态回退
这一轮的判断

装置具备动作关系,造型与审美仍未得到认可。

04源码重建 · 2026-10-18
先搭建可以生长的骨架:保存的页面画面

先搭建可以生长的骨架

研究、项目、写作、实验拥有独立路由和详情模板,视觉组件与内容数据统一。首页另试了一种抽象影像方案。

  • 多页面与静态预渲染
  • 设计变量、基础组件与组件目录
  • 首页与内容阅读区分工
这一轮的判断

静态底图的扰动没有带来足够的叙事推进。

05源码重建 · 2026-10-18
一枚信号,四种动作:保存的页面画面

一枚信号,四种动作

用同一枚青绿信号解释边界、同步、连接和反馈,开始建立四个领域的动作语义。

  • 程序化三维路径与薄膜
  • 同一信号贯穿四种动作
  • 独立保留这次本地实验
这一轮的判断

需要把各段动作连接起来,并让文字与整屏空间一起参与。

06当前预览 · 视觉评审中
让整个界面参与叙事:保存的页面画面

让整个界面参与叙事

沿用四种动作,加入连续镜头、景别、滚转,以及标题的放大、进退与左右、中轴编排。

  • 信号跨越章节的空间连接
  • 相机位置、观察目标与景别连续变化
  • 文字和画面共用滚动时间轴
这一轮的判断

正在评审:保留有意义的动作,继续细化章节之间的连接。

02 / SIDE BY SIDE

把变化放在一起看。

让整个界面参与叙事的页面截图
最初的研究门户的页面截图
0106

拖动分隔线比较画面。键盘方向键也可调整;截图记录的是一次具体迭代,不代表最终认可。

03 / THE CONVERSATION

方向,来自具体的反馈。

节选自本项目的设计对话。以下为用户原话,后接对应的调整。

01 / 从装饰到推进
“当我向下滑动时,只是这个银河图左右来回波荡,而没有任何实质性意义”

把画面从静态底图扰动,推进到具有动作关系的信号路径。

02 / 保留有效的部分
“主要是动画,需要巧思,不要一直推翻重做”

停止不断更换造型,保留四段动作,在同一版本上调整镜头和排版。

03 / 把整屏交给叙事
“而不是一直固定在右边做动画”

从固定的左右分栏,转向中轴、左右换位、景别和文字进退。

04 / THE RECORD

可追溯的版本记录。

历史部署保留独立地址。相同代码可能有多次部署;源码重建会单独标注。

Yujie Lab 部署与版本记录
时间(上海)版本分支环境
2026/10/18 01:14:29bb909683 ↗archive-signal-v1预览
2026/10/18 01:13:56ab6162a3 ↗archive-foundation预览
2026/10/17 12:53:478d81f8fd ↗redesign预览
2026/10/13 16:42:492773d239 ↗redesign预览
2026/8/5 22:27:388f40789f ↗main生产记录
2026/8/5 22:22:4016fc392a ↗preview预览
2026/8/5 21:30:16922b1111 ↗main生产记录
2026/8/5 21:23:079a46ebae ↗preview预览

当前样片仍在评审。构建通过、部署成功与视觉认可分别记录,不互相替代。