首页
项目
设计判断
关于我
联系
项目
前三个是把流程走完的案例,后三个是界面、交互和动效练习。
产品与网站设计
01—03
个人项目 · 产品 / UI / 动效 · 2026
序维|设备运维与维修协同平台
工厂在电脑上记录设备和报修,维修师傅在手机上接单处理。个人概念项目,有可操作的原型。
Figma
After Effects
交互原型
查看案例
进行中
独立项目 · 产品 / UI / 交互设计 · 2026
Flowspace|远程创作团队协作工具
给远程创作团队用的任务协作工具:每天要交什么、项目卡在哪、下一步交给谁。有可操作的 Vue 原型。
Vue 3 交互原型
信息架构
设计规范
Figma
查看案例
个人原创 · 官网界面设计 · 2026
Meridian Software|官网概念设计
给软件公司做的官网概念稿,受众是海外创始人、CTO 和产品负责人。想用排版、案例和客户评价说明能长期合作。Figma 桌面静态稿。
Figma
查看案例
探索与练习
04—06
个人界面与交互练习 · 2026
夜航|影院购票流程练习
一个电影购票流程练习,从选电影、选座、确认订单到出电子票,四个页面串成一条能点的流程。演示数据,不会真的出票扣款。
HTML / CSS / JavaScript 原型
Material Symbols Sharp(基础图标)
查看练习
个人界面与演示动效探索 · 2026
Orbit AI|工作空间首屏概念
一个 AI 工作空间首页的概念稿,中间的产品窗口按预设顺序演一遍“整理资料—看摘要—建任务”。内容都是虚构的,没有接模型或后端。
HTML / CSS / JavaScript
Web Animations API(预设动效)
查看练习
个人网页与动效研究 · 2026
Seqvia|杂志式版面与动效研究
用序维的品牌内容做了一版杂志式网页版面,参考已有动效,调整标题、正文和标记的分段入场。
HTML / CSS
GSAP
HyperFrames 项目配置
查看练习