00
设计与实现
LOADING
你的名字
中EN
你的名字 / YOUR NAME
前端工程师 · 设计工程师
上海 · GMT+8
--:--
2026.11 起可接项目
Portfolio 2026 — Design & Build

把复杂的东西 做得顺手。

做界面,也做界面背后的东西。设计稿到我手上不会再变一次样——动手之前,我会先把边界问清楚。

向下滚动
01 — 作品Selected Work
01 / 03

校园二手交易平台

课程项目 · 2024
Campus Marketplace · Case 01
01
Web / 全栈 · 团队 3 人

三个人做的课程项目,我负责前端与交互。原来的列表是标准卡片墙,信息密度一高就看不见东西;改成瀑布流加地图双视图之后,同一批物品的点击率翻了一倍。

角色
前端 / 交互
周期
12 周
技术
React · Node · MySQL
结果
课程评分 A
02 / 03

校园能耗数据看板

毕业设计 · 2024
Energy Dashboard · Case 02
02
Data / 可视化 · 独立完成

毕业设计。把学校三栋教学楼的用电数据做成可下钻的看板:总览看趋势,点进去看楼层,再点看教室。最难的部分不是画图,是想清楚一个人站在屏幕前会先问什么问题。

角色
独立完成
周期
16 周
技术
D3 · Python · ECharts
结果
校级优秀毕设
03 / 03

移动端记账工具

个人练习 · 2023
Expense Tracker · Case 03
03
Mobile / 界面 · 个人

自己用的小工具,做了三个版本才敢用。核心只有一件事:记一笔账不该超过两秒。所以所有分类都在第一屏,金额键盘自己做了一套。

角色
设计 + 开发
周期
断断续续 3 个月
技术
React Native · SQLite
结果
自用至今
02 — 关于About

我不太相信「好看」
和「好用」
是两件事。

我在产品和设计之间工作。画得出界面,也改得动源码;能和设计师讨论 2px 的间距,也能和工程讨论渲染性能。

学校里的项目让我养成了一个习惯:先问「这个界面要回答谁的什么问题」,再决定它长什么样。做毕设那半年,我把同一份数据画了七版,最后一版只有三个图——前面六版都白做了,但那六版是必要的。

现在在补两件事:一是排版,中文字距和标点比英文难一个量级;二是动效,让它服务于理解,而不是抢注意力。

03 — 经历Résumé
2024 — 至今
某科技公司前端开发实习生 · 设计系统与业务界面
上海
实习
2023 — 2024
校园能耗数据看板毕业设计 · 独立完成
数据可视化
毕设
2021 — 2025
某大学计算机科学与技术 · 本科
GPA 3.6 / 4.0
本科
04 — 联系Contact

有想法,
聊聊。