什么是原型和设计？
原型：用线条、图形描绘出的产品框架，也称线框图。
设计：综合考虑产品目标、功能需求场景、用户体验等因素，对产品的各版块、界面和元素进行的合理性排序过程。
原型设计的重要性是怎样？
产品阶段：Idea→需求采集→功能结构→原型设计→产品需求文档（PRD文档）→Roadmap
原型设计在整个产品流程中处于最重要的位置，有着承上启下的作用。何出此言？原型设计之前需求或是功能信息都相对抽象，原型设计的过程就是将抽象信息转化为具象信息的过程，之后的产品需求文档（PRD）是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说，原型设计的重要性无可替代，产品经理应当要对此有绝对的控制和驾驭能力。
话说回来，原型设计虽然很重要也应当是有限度的，原型设计的作用有以下几点：
1、因为是原型是需求和功能的具象化表达，所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。
2、因为原型相较于UI稿来说修改更方便，所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。
原型设计的类型和工具有哪些？
1、手绘原形（草图）
所需工具：铅笔、橡皮、白纸
铅笔相比于中性笔的好处在于方便修改，白纸的好处在于安静的随心所欲，不过对于移动产品的设计来说，本人倾向于使用印有手机框架的白纸上绘制，以便于快速进入情景状态，也能对首屏的界面分配做到心中有数。
PS：给草图（App）拍照，配合POP使用，也可以实现交互效果，有兴趣的童鞋可以试下。
由于草图的非正式性，多使用原型设计的前期论证阶段（功能设计可行性），个人也比较喜欢先画草图（纸上推演）再画工具原型（完善）。
2、工具原型
所需工具：Axure RP（推荐）、Justmind（App）、Keynote（最近比较火，适用于Mac OS）
多说一句，凡是软件（不论PC或是App），我都建议用最新版，产品经理更应该如此。
Axure RP无论是PC端产品经理还是App产品经理都会比较熟悉，通过工具绘制的产品原型已经比较正式，如果添加了色彩和交互动作（高保真），可以与最终产品形态无异。
在这里有必要说一下原型有没有必要做到高保真的状态，个人观点是：没有需要，就没有必要；时间宽裕，做交互但不加颜色。
原型的目标在于清楚的表达产品的设计理念和功能的执行逻辑，所以我认为能够达到这个目标的原型都是合格的，在原型中加入色彩和交互的目的无非是让产品经理与技术的沟通更加顺畅。再说，PRD的作用也是交付给技术，完整的PRD应当包括功能需求、线框原型、PRD描述、UI稿、UE演示和修订记录。产品经理阶段的原型就高保真了，是不是PRD就不用写了呢？视觉设计师的UI稿根据高保真原型来设计？那交互设计师的呢？（多数公司没有该职位）
多一些时间，用来观察用户、分析需求、重视（用户体验）细节……
原型：
用线条、图形描绘出的产品框架，也称线框图。
交互设计的结果输出，可能是一张纸上的几张图；原型代表着交互设计的结果，当最终实现的时候，交互流程会和原型保持一致；可以理解为草稿或者叫做参照物
原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。
目前比较好用的在线原型设计工具有Marvel，Invision，墨刀等等。
原型图一般来说需要交付给决策者审阅，把你的产品创意真正的传递到用户眼前。相对于写在纸上的产品设计文档，产品原型更加有效，因为这可以让所有的测试人员以及用户知道你的产品创意所在。
一般来说，画产品原型常用的工具会用到Axure和Mockplus，前者适用于各种保真度和交互需求，但是学习成本较高，后者适用于快速原型设计，能够高效便捷的完成交互原型的制作。