学习疑惑：用什么方法进行产品原型设计

对于在互联网行业的各位来讲，应该很清楚原型设计在应用开发中的重要性。它所起到的不仅是沟通的作用，更有体现之效。通过内容和结构展示，以及粗略布局，能够说明用户将如何与产品进行交互，体现开发者及UI设计师的idea，体现用户所期望看到的内容，体现内容相对优先级等等。

原型设计可以帮助我们更细致的思考，并做各项需求的评估，同时也是将自己脑海里的想法进行输出，通过原型设计后，我们就可以进行产品宣讲了。相对于之前抽象的文字描述，原型则更加清晰产品的需求，设计和技术人员或者老板也能够更加直观的了解到产品意图。

原型设计是将结构化的需求进行框架化，因此原型也被称为线框图，具体的表现手法有很多种，相关的辅助软件也有很多，例如：产品经理常用的Axure RP。

当到了原型设计这一步时，已经不仅仅是构思了，我们需要更加深入的了解每个页面上的元素和这些元素的属性。

例如按钮元素，我们就需要考虑这个按钮的功能，并且这个功能操作后带给后端和前端的反馈。

                 

比如注册按钮，用户操作后，第一步逻辑是验证用户输入的信息是否合法，不合法则给出前端反馈；合法则和后端通信验证是否已经存在同样信息，已经存在则给出前端反馈，不存在则进入下一步，注册成功；注册成功后的反馈是跳转页面，还是弹出层提示用户完善资料，这些都是需要更详情的考虑的。

当然这些更细致的思考是留在需求文档撰写时的，而此时我们需要做的就是把这些元素通过原型表现出来。

很多同学在做原型的时候，不太清楚应该怎么做，可以怎么做。这个不仅仅是我们的学员的困惑，也是很多参与交流的朋友的困惑。那我们一起来看看，原型设计分为什么类型，各种类型分别有什么特点。了解了之后，就能够知道，我们要可以怎么设计原型了。

原型设计的表现手法主要有三种：手绘原型、灰模原型、交互原型

1、手绘原型

因为原型也被称为线框图，因此手绘是最简单直接的方法，也是最快速的表现产品轮廓的手法。也有人把手绘成为“2B+A4”的方法。

手绘原型图画起来很快，并且觉得不行的话，可以立刻丢掉，不会觉得可惜。团队其他人有什么想法，都可以随时拿起笔在上面画出来。手绘原型在初期验证想法时非常高效，也方便讨论和重构，同时也适合敏捷开发时快速出原型。

这种方式能快速直观地展现当下地想法和呈现效果，能及时跟上跳跃的思维。也可以对原型设计的优劣进行快速的比对，得出结论，在团队项目中是比较常见的原型方法。

2、灰模原型

灰模原型是由图形设计软件制作而成，相对手绘原型，灰模更加清晰和整洁。

灰模原型常用于交互需求复杂的原型。手绘原型难以高效的表达需求，对于交互需求也无法准确表达，因此我们在设计的时候通常是灰模原型加交互文档组合成PRD文档。

比起交互原型，灰模原型能够充分节省原型制作的时间。简单的页面展示和交互文字说明可以将软件重要的交互、功能、需求等解释清楚。所以有些公司在制作原型的时候选择了灰模原型作为设计方法。

3、交互原型

交互原型是使用原型设计软件完成的原型，产品经理常用软件是Axure RP，它也是比较强大的原型设计工具。

交互原型的设计是产品经理想法推演的最后一步，是对于产品设计的最终体现。通过Axure PR之类的交互原型软件制作出来的产品原型，在功能需求与交互需求的表现和正式产品几乎是一致的，所以有时交互原型也被称为产品Demo。

这种类型的原型，通常是用于和老板、客户进行沟通，能够极大地展示完整的效果，看到最终的成果如何。

有交互设计师的公司，是交由交互设计师制作。如果没有交互设计师这个职位的话，最终则是由产品经理来负责的。

 

以上三种方法并不是渐进的流程，不是说一定要先做哪种再做哪种。而是三种原型设计的方法，具体取决于你的产品需求和团队要求。

产品原型设计同样并不是一刀切，只能使用某一种设计方法。具体怎么设计原型，一样也是根据实际情况，产品的需求、团队的要求甚至是上层领导的要求等，灵活安排，选择合适的方法。

PS：文中所用图片为陪学网学员的学习成果，请勿随意使用。