Yujie Lab：让研究成为可探索的界面

一个入口，也是一项持续实验

Yujie Lab 把四个研究视角放进同一个可以探索、可以阅读的空间。首页负责建立印象，领域导读负责解释问题，项目、实验与写作负责记录构建过程。

这份记录描述的就是你正在浏览的网站。它不是一组虚构的商业案例，也不把界面隐喻当作研究成果。

从画面到结构

首页的光学研究台由程序化几何构建。金属框架、玻璃镜片、导轨与刻度在同一个空间中保持连续。滚动依次改变光阑、对齐位置、镜片距离与反馈标记；选择研究视角，也会定位到相应阶段。

四个阶段是理解系统的四种切入方式：什么可以通过，状态如何一致，如何形成有效表示，以及行动如何得到反馈。它们帮助组织阅读，不代替各领域的专业定义。

可以继续生长的前端

站点使用 React、TypeScript 与构建时预渲染。路由入口只负责组合，基础组件、内容组件和首页影像保持独立边界。内容通过类型化目录与 Markdown 接入，同一份目录生成索引、详情路径和站点地图。

色彩、字体、间距与组件状态由设计变量管理。研究、项目、写作与实验采用不同的信息排布，但共享导航、阅读宽度、交互和明亮的联系区。

把限制纳入设计

三维与滚动控制按需加载，普通内容页不依赖它们。减少动态效果、短屏或渲染失败时，页面保留静态装置与完整内容。离开场景后暂停绘制，返回时恢复当前状态。

新一轮探索保存在独立分支中。已经确认的稳定版本保留独立部署，版本演变在档案中记录，视觉确认与正式上线分别进行。

下一步

继续用实际访问体验检验画面、阅读与性能之间的关系。新的项目与研究记录会在有真实内容后进入目录；当前站点本身，是这个实验室最先可以观察的作品。