01
↗
情绪气象台
把情绪翻译成天气：喜是晴、怒是雷暴、哀是雨、惊是骤雪。四个场景，四套可以待一会儿的气象系统。
- 网页
- 三维
- 交互
SELECTED WORKS
六个作品
从一张 90 × 54 mm 的名片，到能用手势种树的网页。
MIND ONLINE
ABOUT
设计与实现，
是同一种表达。
我做视觉传达，但不太愿意停在“出图”这一步。一个版式在 Illustrator 里成立，不代表它在浏览器里也成立； 一段动效在分镜上好看，落地时可能被性能打回原形。所以我的项目通常一路做到能跑起来的程度—— 版式、材质、代码，都是同一件事的不同阶段。
这六件作品覆盖平面、网页、动效与交互。它们不是六种风格，而是同一个人在不同约束下的六次解题。
CAPABILITIES
能做什么
01
视觉设计
品牌识别、版式与网格、印刷打样。先解决信息层级，再谈风格。
- Illustrator
- Photoshop
- Figma
02
前端实现
语义化结构与样式、原生 JS、Three.js 场景。不依赖框架也能把页面做完整。
- HTML
- CSS
- JavaScript
- Three.js
03
动效与交互
分镜与节奏、Canvas 动画、手势与摄像头交互。让反馈比点击更早发生。
- Canvas
- MediaPipe
- Web Audio