2026 — Case study 03

这个网站

一次关于质感的自我说明

角色设计 / 前端状态持续打磨年份2026

没有模板，也没有截图堆砌。用原生滚动动效、玻璃材质和一枚液态球体，说明我怎么做界面。

首屏球体由 GLSL 顶点位移和菲涅尔着色实时计算，不加载任何模型或贴图；滚动动效优先交给 CSS view timeline，JavaScript 只负责指针交互和必要的状态。

问题

作品集很容易变成模板和截图的堆叠，看了很多，却看不出作者真正在意什么、怎么做判断。

只保留三个项目，用编辑排版承载信息；动效优先用原生 CSS，3D 只放在首屏，并为移动端和减少动态效果做降级。

持续打磨细节。下一步是补更完整的案例叙事，以及可下载的 PDF 版本。

如果你在做类似的东西，或者想聊聊其中的取舍。