01 / AI Interface
关于
把复杂的想法,变成清晰、漂亮、可用的界面。
我关注人如何感知信息,也关注系统如何稳定运行。我的工作横跨品牌、交互、前端工程与 3D 视觉,喜欢把抽象叙事做成可触摸的体验。
精选作品
近期项目
02 / Spatial Web
沉浸式品牌发布页面
WebGL / 动效 / 视觉系统03 / Data Story
城市数据叙事仪表盘
信息设计 / 地图 / 数据可视化方法
让页面不仅好看,还能被记住、被理解、被使用。
空间叙事
用 3D、层次和动效建立第一眼的记忆点,同时不牺牲阅读效率。
信息结构
把个人能力、作品、流程和联系方式拆成清晰路径,减少理解成本。
可发布实现
轻量静态架构,无构建依赖,适合 GitHub 与 Cloudflare Pages 自动部署。
亮点
细节越多,体验越完整。
首屏体验
实时 3D 粒子、轨道和光束
无需外部库,Canvas 本地渲染,加载稳定。多语言
中文 / English / 日本語
URL 参数可直达对应语言。交互
滚动浮入与卡片高光
移动端保留层次,减少性能压力。能力
从概念到发布,一条线做到底。
发现
原型
视觉
上线
01
体验策略
定位、叙事、用户路径和核心转化。
02
界面设计
设计系统、动效规范和高保真原型。
03
前端实现
响应式页面、3D 互动和性能优化。
节奏
一个清晰的项目推进方式。
定位与内容框架
明确受众、个人叙事、核心作品和转化路径。
视觉与动效原型
确定色彩、版式、3D 主视觉、滚动节奏和响应式规则。
实现与发布
完成静态页面、性能检查、GitHub 提交和 Cloudflare 部署。
现在可接新项目