【系统架构】原型图验收的思考

---

第二弹，讲讲原型图吧

什么是原型图？

“原型”的最基本定义是“最终产品的仿真或样本版本，用于发布之前方便测试。” 原型的目标是在花费大量时间和金钱进入开发产品前，让开发者快速的了解产品创意。

原型图对于是否能启动开发起着至关重要的作用。它还可以提前避免需要改进的地方。假设你用你的产品理念的草案给客户演示，你会如何想如何设计该产品。然后，您可以不断的调整您的初始猜测并修改原型。

原型图的特点有？

• 表达形式—原型的实际形式，即纸张和移动形式，或HTML和桌面。
• 制作精度-原型的保真度，意味着其细节水平，修饰度和逼真度。
• 可交互性—向用户开放的功能，例如，全部功能，部分功能或仅查看功能。
• 周期性—原型的生命周期。其中一些可以快速构建，测试，丢弃，然后用改进的版本替换（这被称为“快速原型制作”）。可以构建和改进其他产品，最终发展为最终产品。

为什么画原型图？

当⼀个企业想开发⼀款产品时，那么绝⼤多数企业本⾝并不懂得互联⽹知识，与外包公司沟通清楚业务流程和需求后，其实并不知道想象得到，⾃⼰的产品的表现形态。
那么原型图就可以让⾃⼰提前看到，产品的界⾯样式，每个按钮的功能和效果，也可以看到产品的基本框架，和运作机制，获得⽐较真实的感受。
因为原型图不是最终设计稿，当有需求需要修改，或者逻辑交互不符合需求时，修改起来也是⽐较⽅便，不会很⿇烦，能够在开发前排除⼀部分的潜在问题和故障。

在企业⽅确定了原型图后，接下来作为UI的设计⼈员，直接看原型图，根据原型图设计相关的界⾯和交互，因为UI设计⼈员，没有与企业⽅直接沟通过需求，不能理解产品的真实意图，给设计⼈员提供⼀份原型图，能很好的节省沟通成本。
开发⼈员也可以很快速的理解到产品的样式和需求，以及功能点，如果没有原型图，开发⼈员就会出现很多想当然的情况，结果做出来的功能不是⾃⼰想要的，最后就会出现需求和开发互相推卸的情况。

其实最后会发现，原型图让⼤家都能参与到项⽬中来，让产品往预期的⽅向推进，并能得出解决⽅案，也省去很多沟通的时间成本。

怎么画原型图？

工具

可以采用草稿、HTML或者是专业的画图工具，我们用到的是即时原型（xiaopiu），可以团队画图。

规范

画原型图没有特定的规范，但是需要注意的是画原型图的时候不能直接截图，需要自己手动的画出来。
如果多个页面共用一个颗粒，需要单独写，然后引用，就像前端封装组件一样。
原型图展示的顺序要按照真实用户使用的顺序，要有可以点击事件，就像用户使用真实的软件一样。