漫剧创作
用分镜、角色、叙事节奏和 AI 辅助视觉，探索短篇漫剧表达。
查看作品
JavaScript
TypeScript
React.js
Next.js
Angular
Redux
Node.js
Express.js
MySQL
MongoDB
PostgreSQL
Cypress
Docker
Firebase
AWS
GSAP
Framer Motion
Figma
Tailwind CSS
Git
关于我
我是一名兼具 AI 理解、产品思维、视觉表达和网页落地意识的产品设计师。
我不是只做“好看的页面”，而是从目标用户、业务场景、信息层级和视觉感受一起思考。 我能把需求拆解成页面结构，把作品包装成清楚的案例，也能用前端方式快速验证设计想法。
现在我希望把个人网站做成一个持续更新的作品集入口：既展示 AI 产品设计能力，也展示我对 AI、动效、视觉系统和交互表达的探索。
CREATIVE WORK
一些有趣的创意化内容探索
Waterfall Collection
查看作品
Vibe Coding
查看作品
Comic Storytelling
查看作品
IP scenario
查看作品
工作项目
2019-2026 设计工作轨迹，走过一些弯路依旧保持热情
查看作品
Vibe Coding
Vibe Coding独立开发
用 AI 协作完成产品构思、界面设计、前端实现和独立项目落地。
查看作品
查看作品
IP及场景
一些 IP 化道具设计和场景的探索与融合
查看作品
精选作品
不是截图陈列，是设计判断的展示。
这里先把你的 Figma 作品集内容整理成网页案例结构。后续可以继续从 Figma 读取具体页面， 把每个项目变成更完整的案例页。
01 / C端作品集
定制 T 恤与插画商业化平台
围绕个性化消费、插画师商业转化和移动端交易路径展开的 C 端产品设计案例。
02 / B端设计
项目运营与管理系统
从角色任务、运营日历、信息架构到组件规范，呈现 B 端设计的秩序感和效率感。
03 / Motion & Visual
动效和视觉表达实验
用动效、C4D 和 AI 视觉强化项目记忆点，让作品集有更强的第一眼吸引力。
能力经验
需求理解分析
明确用户、场景、目标与约束，先把问题定义清楚。
调研分析竞品
研究同类产品、行业趋势与可借鉴的交互模式。
构建架构原型
搭建信息架构，用低保真原型快速沟通和验证。
视觉设计落地
形成设计系统、关键页面和开发可执行的设计交付。
设计流程
从策略到上线，我关注每个阶段的判断质量。
- 策略梳理先聊清楚目标、用户、限制和成功标准。
- 结构原型用结构和流程降低沟通成本。
- 视觉设计建立视觉系统，让页面有秩序也有情绪。
- 交互验证用交互原型验证关键路径和状态变化。
- 交付检查检查响应式、可读性、细节、交付完整度。
开放合作
一起把你的下一个作品集做得更有记忆点。
如果你要把 Figma 作品集变成一个真正能被浏览、传播、投递的个人网站， 这个页面可以继续扩展成完整案例站。