原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个App。利用交互设计师专业的眼光与经验直接导至该App的可用性。它是App功能与内容的示意图，是最终App的雏形。
原型的作用
为什么说好的原型设计能让项目事半功倍呢？
原型是产品经理对需求分析是否到位的一个复盘，从原型中，可以清晰看到App的流程，检验自己的设计逻辑是否合理。
原型的使用对象十分广，包括需求方，UI，技术开发，测试，能与项目人员达成共识，让相关人员熟悉整个设计，顺利进入到下一个环节，UI出图和技术搭建框架，设计数据库等。
原型是App的模型，它向我们展示了最终App的蓝图。
如何做一个好的原型
原型大家都会做，几乎每天都会去做，但是如何做好一个原型呢？好的原型应该具备哪些特征呢？以下是我对如何做好原型的一些简单总结。
1、功能框架划分明确、合理
App由很多功能组成，如何将这些功能划分到不同的模块里面，非常考验一个产品经理对用户和App的思考。同时，功能框架划分明确，也能够方便App团队的成员理解产品经理的思路和意图，和产品经理一起更好的完善App设计。功能框架的划分可以参考功能结构图，然后转换成页面的模块设计。
2、功能流程清晰、结构完整
清晰地App流程，能够帮助用户快速的了解App希望解决的问题及解决问题的方式。同时，也能够方便梳理App的功能结构是否完整，是否有遗漏的环节。简单来说，功能流程清晰、结构完整的App原型，能够帮组用户快速的了解到“完整”的App是什么样的，在此基础上，用户就能够更好的理解和思考App的功能细节。如下图所示：
3、合理的色彩运用和交互设计
产品经理通常不具备UI / UE设计师专业的设计能力，黑白灰色调的低保真App原型，既能够表达产品经理的想法，也能最小限度的影响UI / UE设计师的工作。但在一些小规模团队中，需要产品经理设计色彩明确，图片丰富，具备交互效果的高保真原型。因此，产品经理要能够按照不同的要求，在原型设计中，合理的运用色彩和交互设计，和App团队一起，快速的推进和落地App，但是切记直接截图说明。
4、简单、规范和统一的文字说明
虽然App原型中的图片、功能和交互能够很好的表达产品经理的思路和观点，但是一些特殊场景下，简单的文字说明，能够让App团队成员，更快、更好的理解产品经理的想法。
（1）简要说明
原型设计和需求文档是一样的，我们不可能一步到位，一般需要经过沟通、评审慢慢确定最终的原型。在这种情况下，我们就需要把每一次的变更都写入进去了，方便项目成员看到每次更新修改的内容，提高工作效率，节约沟通成本及后期不必要的麻烦。大家可以采取自己喜欢的方式去记录，我一般采用变更日记的形式去简要说明我每次原型修改的地方及理由。这是我工作的一个例子，如下图所示：
（2）交互说明
交互说明是对动态效果的进一步补充，是原型中不可或缺的内容。逻辑严密，内容清晰的交互说明会让原型看起来更具有可读性。例如文字过多如何显示？不同状态下控件会出现什么效果？……这些都需要产品经理在原型中也给出说明，不然UI设计中，会出现一大堆问题。
交互说明可以从以下几个类型进行说明，如下表所示：
5、展示页面流程
页面流程图不仅可以看到具体的页面，还可以看到用户是如何从一个页面跳转到另一个页面。方便前端做页面跳转时一目了然哪些页面之间有交换，提高工作效率，必要时可以结合表格进行相关说明。以下是我工作的一个例子，没有画出具体流程：
设计原型注意项
原型做出来是给大家项目评审用的，方便用户联想最终的App。同时也让让每个使用者都可以明确自己要做的事情，不至于模棱两可。所以在做设计时，产品经理要尽可能的去规范原型。
我们还应该尽量使用真实、符合逻辑的数据，不然给人们看时，会造成很大的困惑。
不遗漏特俗状态的描述。
不要为了偷懒，使用页面截图。
不在原型图上过多的用色彩，但是要体现明暗对比。
合理进行布局，考虑视觉号的效果，提前和UI沟通。
一款成功的App，一定是团队共同努力的结果，绝不仅仅是产品经理一个人的功劳。在App的初期，产品经理需要让团队成员了解到App做什么，为什么做，以及怎么做，而App原型就是最好的沟通语言。因此，好的原型设计总能够让App进程事半功倍。
41019702002033