首页

设计实践

试着把 AI 放进日常设计工作,做成可以体验、讨论和继续使用的东西。

可点击原型

玩法大厅从静态设计稿到团队可以操作和参考的 Demo可交互 HTML

从 Figma 提取关键页面、切图、坐标与背景视频,再用 HTML 装配热点、状态、动画和返回关系。它让设计评审从“看图理解”变成“实际走一遍”,也方便团队参考完整的操作链路。

  • 玩法卡片切换与未解锁状态
  • 规则弹窗、遮罩与 Esc 关闭
  • 大厅、玩法、积分、兑换和排行榜之间的导航
  • 返回后重播进场动画

后来将这套从 Figma 到 HTML Demo 的制作思路整理成材料,在团队中做了分享。当前公开版 Demo 链接待补充。

菜单自定义把菜单配置与状态变化做成可以实际验证的体验可交互 HTML

用可操作的原型呈现菜单自定义过程,帮助团队一起检查操作顺序、状态变化与最终结果。具体案例说明与公开版链接待补充。

工具与方法

体验地图 Skill从录屏与关键帧,到体验流程和 UX 发现Skill / 工作流

把录屏解析、场景识别、交互标注、体验地图整理和 UX 分析串成一套可重复执行的 Skill。既能分析现有系统和竞品体验,也能把发现整理成进入设计评审与复测验证的证据。