开发流程中的先后顺序
小程序开发中，产品原型通常先于UI设计。原型解决功能逻辑和页面结构，UI设计负责视觉呈现和交互细节。
先做原型能快速验证核心业务流程，避免在视觉阶段推翻重来。原型修改成本低，UI调整则涉及切图、标注等重复工作。
原型优先的成本优势
原型阶段用线框图和简单交互就能确认功能完整性。此时修改一个按钮位置只需几分钟，而UI完成后改动会牵动整套视觉规范。
原型确认后，UI设计有了明确的内容边界。设计师不用猜测文案长度、图片数量或列表字段，减少无效视觉稿产出。
开发工程师也能从原型中提前评估技术难点。比如复杂表单校验或地图交互，尽早发现可避免后期返工。
核心要点
- 原型能提前暴露逻辑漏洞，减少UI阶段返工次数
- UI设计依赖原型提供的准确内容层级和功能清单
- 原型确认后再投入视觉设计，整体工期可缩短约20%
- 高保真原型可替代部分UI说明文档，降低沟通成本
常见问题
问题：直接让设计师边画UI边理需求可以吗？
不建议。设计师容易陷入视觉细节，忽略业务流程完整性。最终可能导致页面精美但功能缺失，重新设计反而更耗时。
问题：原型要做到什么程度再交给UI？
至少完成所有页面线框图、交互跳转逻辑和异常状态说明。关键页面建议标注清楚数据来源和操作反馈。
总结
遵循“先原型后UI”的流程，能有效控制开发预算。原型阶段多花3-5天，往往能节省UI阶段10天以上的无效工作量。
对于预算有限的项目，建议优先用Axure或墨刀制作可点击原型，再启动视觉设计。这个顺序能最大程度减少返工成本。