一句话，怎么用 WorkBuddy 设计助手把需求变成高保真原型的

大家好，我是小悟。

很多时候，产品想法的距离不在"会不会做"，而在"谁来把第一版做出来"。这篇复盘，记录一次从一句需求到可点击演示的完整设计旅程。

一、开场：为什么是小程序的"第一版"最难

产品圈有个不易说破的事实——一个想法最脆弱的阶段，永远是它还是一句话的时候。没有稿子，没法评审；没有稿子，开发不愿动手；没有稿子，连老板都难以想象它长什么样。

于是多数需求卡在"口头描述"这一步，等到真正开工，团队才发现信息层级、交互边界都没想清楚。

这次我换了个方式：把 WorkBuddy 的智能设计助手当作坐在我旁边的设计同事，我提方向，它落地，我审，它改。一个下午，需求就从一句话变成了能在浏览器里点来点去的真实原型。下面是全过程。

二、先定边界，再谈创意

需求只有一句："做一个小程序，要能真正落地，别花一分钱。"

这条约束其实很有价值，它帮我把范围钉死了：

• 不接第三方 API、不买素材库、不依赖付费字体——所有资产本地生成；
• 数据不出设备，隐私相关场景尤其如此；
• 交付物必须能看、能点、能拿去评审，而不只是一张静态图。

我顺手做了一次主动 critique：如果只做一个"好看的截图"，用户确实会眼前一亮，但评审完依旧无法验证流程。所以我建议——直接做成可交互的高保真原型，而不是视觉稿。用户认可，方向就这么定了。

三、信息架构：把功能收敛成五根手指

小程序不需要"什么都有"，需要的是"打开就知道下一步点哪"。我用底部五个 Tab 覆盖主场景，每个 Tab 只保留一条最关键的路径，下钻控制在两级。

下面是完整的信息架构与用户流（绿色为进入路径，琥珀色为下钻路径）：

几个关键判断：

1. 今日清单作为默认首页。最高频的入口应当最先被看到，紧急程度用标签分级而非弹窗打扰。
2. 详情与编辑态分离。查看是安静的、只读的；编辑才是带操作风险的。把"删除"放到编辑态而非详情页，能少踩很多误触。
3. 导出做成二级页而非弹窗。范围、格式、预览三重选择塞进弹窗会逼死小屏，成功后再用轻量弹层做正向反馈。

四、视觉系统：一套能复用的设计令牌

为了多屏一致，我先定了一套令牌，再往画布里铺：

圆角也分级：卡片 14、按钮 12、胶囊 Tab 36；间距走 12 的倍数。这些数字不是拍脑袋，而是让界面在 390pt 宽的手机上既透气又不松散。字体栈优先 Noto Sans SC，回落系统中文，全程不联网。

五、协作流程：和智能设计助手怎么配合

这一步是这次最大的体会：设计助手不是"自动出图机器"，而是一个踩得住节奏的搭档。流程如下：

实际跑下来，最有价值的是第 2 步的主动 critique 和第 5 步的截图验证。前者逼我在动手前把架构想清楚；后者用截图回看每一屏，把溢出、错位、文字截断这类问题在交付前消灭掉。橙色虚线代表的反馈回路，是这次迭代里跑得最频繁的一条——画布落地后一旦发现架构问题，就退回拆解层重新来过，而不是在错误骨架上硬补皮肤。

六、关键交互细节

高保真不只是"长得像"，更要"动得对"。几个特意打磨的点：

• 专注计时：25 / 45 / 自定义三种模式切换，圆环进度随真实倒计时收缩，结束给正向反馈而非刺耳提示。
• 任务详情 → 编辑：编辑态复用详情页字段布局，底部固定"保存 / 删除"，拇指够得着；"紧急开关"用绿色拨杆，状态一眼可读。
• 数据导出闭环：选范围 → 选格式（CSV / JSON / TXT）→ 看预览 → 点导出 → 成功弹层显示文件名。整条链路在原型里可真实点击走完。

这些都不是画上去的装饰，而是用前端逻辑接起来的真实跳转，方便走查时直接点。

七、复盘：做得好与可改进

做得好的地方：

• 架构只有两级下钻，认知负担低；
• 令牌化让多屏天然一致，改一处全局跟着变；
• 把"可交互"作为交付标准，评审效率明显更高。

还可以再往前一步：

• 目前数据是前端内存态，刷新即重置。真要落地，应迁到本地 Storage 做持久化；
• 提醒目前是演示态，真实小程序需要走系统本地通知，并处理好权限与静默时段；
• 健康统计还能引入更细的趋势图，而不只是单一环形。

八、结语

这一趟下来，我越来越确信一件事：好的工具不在替你决策，而在替你省掉那些重复的、低信号的体力活，把你的判断力留到真正重要的地方。

WorkBuddy 的智能设计助手，在这一程扮演的正是那个「不抢戏、但每项决策都接得住」的同事——它把从一句话到可演示原型的距离，压缩到了一个下午。

如果你手里也压着一个"一直停在嘴边"的想法，不妨就现在，把它做出来第一版。

谢谢你看我的文章，既然看到这里了，如果觉得不错，随手点个赞、转发、在看三连吧，感谢感谢。那我们，下次再见。

您的一键三连，是我更新的最大动力，谢谢

山水有相逢，来日皆可期，谢谢阅读，我们再会

我手中的金箍棒，上能通天，下能探海