← [ BACK_TO_NOTES ]

专题归档 · 2026 年 7 月(编辑分组,非实际写作日期)

MemoFlow UI 重构:当时我为什么放弃两种 AI 原型方案

从 Google Stitch、Open Design 到 Antigravity:一次 MemoFlow UI 原型重构尝试。

想改的并不是一个按钮

当时我觉得 MemoFlow 的 UI 不够统一,有些页面甚至显得杂乱。随着功能框架逐渐稳定,我开始把注意力转向信息层级、布局和视觉语言能否形成一致的体系。

第一轮:设计工具复刻不够好

我先试过 Google Stitch 和 Open Design,但对当时的原型并不满意:前者没能准确复刻核心布局,后者面对复杂三栏面板时交互还原不理想。这也是我后来转向直接生成可运行 UI 的原因。

转向直接生成可运行 UI

后面改用 Antigravity,并分两轮指令迭代:先复刻 ChatGPT 桌面端 UI,再融合已有原型。原记录主观评价效果大约「8 分左右」,但没有统一评分标准,也不能以这个分数说明代码质量、无障碍或业务状态保持得如何。

留给后来改版的问题

视觉相似并不意味着产品重构完成。后面还需要实际检查业务状态、交互逻辑和页面跳转,而不仅仅是让生成的页面看起来接近参考设计。

创建于 2026/7/12 更新于 2026/10/16
Digital Biome
Access

键盘导航

j / k / ↑ / ↓
选择对象
Enter / o
打开选择
/ 或 Ctrl+K
全站搜索
i / f / 1–4
筛选当前列表
g → h / l / p / t / a
首页 / 笔记 / 项目 / 工具 / About
r → 1–9
打开所选对象的关联
u
返回上一页
Esc
关闭浮层 / 取消命令;输入框内清空文本