01 / 平面
细看
细看
好幸运 · 名片 Name Card
双面名片：正面手绘少女插画，背面日系排版。一套三版，从基础印刷到动画电影海报感。
Selected Works
六个小世界
从印刷品到能跑在浏览器里的交互实验，每一件都点得开 —— 卡片右下角的按钮会带你进到作品本体。
02 / 游戏
试玩
试玩
棉花糖蛇 Marshmallow Snake
粉底蓝蛇的贪吃蛇，吃草莓长出积木。三档难度、键盘与触屏都能玩，最高分存在本地。
03 / 3D
体验
体验
情绪天气 Emotion Weather
一棵树、一只小鸟、四种心情。点一下就推近到树上，看它开心、难过、生气和害羞。
04 / 手势
体验
体验
掌心星河 Palm Galaxy
打开摄像头，用双手搅动一片 3D 星尘。握拳聚拢星环，摊掌推开银河，星星会跟着手走。
05 / 交互
摸摸
摸摸
Lepus · 兔兔视线跟随 Lepus
60 帧精灵图驱动的兔子，眼睛和身体跟着光标转。灵敏度、跟随速度、眨眼频率都能现场调。
06 / WebGL
进入
进入
时间棱镜 Time Prism
把作品挂进深空的实验：卡片浮在星尘里，鼠标带动视角，点一张就把它拉到眼前。
Motion Graphics
星鲸归途
75 秒的 MG 短片，蓝紫星河里的鲸落与归途。分镜、色彩与镜头节拍都在这里。
MG Animation · 01:15
星鲸归途 · 75s
星鲸、小飞鱼、水母与海龟，在发光的星河里相遇。奇幻卡通的电影质感，蓝紫星流光。
About
关于我
Profile
- 方向平面与品牌视觉、插画、交互体验
- 现居杭州
- 喜欢跳舞、绘画、看漫画、喜羊羊
我在做设计的时候，总想先问一句：它摸起来是什么感觉？ 名片要能被手指捏住、翻过来看到一个惊喜；网页要能被鼠标戳一下、然后真的动起来。 所以我从平面做到页面，从插画做到 3D，慢慢把「看」变成「玩」。
技术上我不依赖构建工具，喜欢用最朴素的一套 HTML / CSS / JavaScript 把想法直接跑起来， 再借 Three.js、MediaPipe 这些库去试探浏览器还能做什么。 这个站本身就是一份练习：零框架、单页、粉色、能跑。
Skills
先让它可爱，再让它好用。 —— 我的设计顺序
