创意开发者 / Creative Developer
SONDER.ID · 2026
把界面做成玩具。
SONDER.ID（sonder-id）是我的创意开发与数字体验作品集。在这里探索着色器、动效和设计系统，在乎每一帧，也在乎每一个像素。
拖动贴纸，试试手感摸一下，拖动笑脸
关于 / About往下滚，字会一个个印上去
这里是 SONDER.ID，记录我的创意开发与数字体验探索。这里有设计系统、着色器和各种小玩具。好的界面应该先好玩，再好用。每一次悬停、每一次滚动，都该给手一点回应。这个网站本身就是作品，打开调参面板，随便拧。
Work
精选作品 · 4 个封面是活的，指针放上去试试轻触查看作品，继续向下探索继续往下滚，画面会横着走 →
1 / 4项目是占位内容，等你换成真的
一路写过来
经历 / Path点开任意一行看细节公司和数字是占位内容
-
带一个 4 人的设计工程小组，负责设计系统、动效规范和官网。
- 把设计令牌同时接进 Figma 和代码，两边不再各改各的
- 官网首屏可交互时间从 3.1 秒降到 1.2 秒
- 每两周办一次动效评审，设计师和工程师一起看帧
-
负责大促会场的互动玩法和性能。
- 做了一套会场动效组件，三次大促都在复用
- 低端机上的掉帧率降了一半
- 开始在业余时间写 Tempo
-
给品牌做活动网站，第一次把 WebGL 用进商业项目。
- 两年里上线了 20 多个活动站
- 学会了和设计师用同一套词说话
-
学的是设计，大二开始自学编程。
- 毕业设计是一组用声音控制的生成式海报
技能 / Skills抓住任意一个，甩出去
技能，
可以扔
- TypeScript
- WebGL
- GLSL
- React
- Three.js
- GSAP
- Rust
- WebGPU
- CSS
- Node.js
- Figma
- Swift
- Svelte
- Blender
- 字体排印
- 动效设计
- 设计系统
- 性能优化
- 无障碍
- 创意编程
随手印一张
实验 / Lab在下面按住拖动，画出来的都是网点
网点形状和错版偏移跟着调参面板走