画原型图是每个产品汪的必备技能，但又有很多时候我们会忘了我们画原型图的初心和目的，陷入一个个的坑里，纠结是要低保真还是高保真，纠结是简单备注还是炫酷交互。
在刚接触原型时，每一个坑我都实实在在的踩过，最后也总结了一些个人经验，所以想要分享出来。
快速原型工具
市面上画原型图的工具很多，主流的是Axure，墨刀，mockplus等，萝卜青菜，各有所爱。
Axure是一款专业的老牌的快速原型设计工具，功能非常齐全，虽然需要一点学习成本，但是学会了Axure，对其他工具可触类旁通。毕竟有的大神精通Axure之后就转到墨刀的怀抱了。
我是今年才接触Axure，正好Axure9.0出来了，所以一开始学了Axure9.0，个人觉得Axure9.0真的很好用。
但是进公司后，团队用的是8.0，所以还是用8.0了，不过转换也毫无压力。其他原型工具都有稍微了解一点，但是没有花时间使用过。
个人觉得工具始终只是工具。用什么工具都只是辅助我们工作，真的没必要花时间纠结来纠结去，选择的条件有两个：
1、是否满足你的需求，如果觉得Axure有点难度，可以选择墨刀，个人觉得xiaopiu（在线原型工具）还不错哦；
2、公司团队的习惯，管你习惯什么，如果公司团队用的都是Axure8.0，源文件统一托管在Axhub，那你一个人自嗨用墨刀岂不尴尬。
快速出原型的目的
原型是一种让用户能提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。在工作中，我们画原型图的目的有几个：
1、快速检验产品的可行性
产品开发周期时间都比较长，如果直接让开发把功能做出来再去检验是否满足需求，如果不行——不NG是不太可能的——要推翻重来或者大面积修改代码，那么成本是很非常高的。
而原型是将用户需求转化成产品需求的第一步，产品经理将各个渠道收集、反馈来的需求经过梳理、筛选，要传达给开发，所以就需要以原型的方式给开发团队展示，在原型评审会上获取反馈。
如果需要改动，时间成本是很低的；另一方面，快速出原型后可以拿着原型到市场上第一时间演示给客户看，验证PMF；
PS:对于外包型公司，产品原型通过是项目的一个重要进度节点，这时候需要找客户收一波钱，再进入开发阶段。
2、快速交付给UI设计师、开发和测试
俗话说：产品经理是项目的输入端，测试工程师是项目的输出端。当项目立项后，团队都等着原型定稿才能推进工作，因此原型应在最快的时间拿出来同步给团队。至少要拿出第一版原型出来评审，有问题再改。
有句话说的好：小步快跑，快速迭代。用在画原型上也适用（我说的是立项后，开发前阶段，进入开发了还迭代可能会被开发打残）。如果项目时间较紧，更应该提高效率，留更多时间给开发和测试。
3、行使PRD文档的功能
现在很多公司已经将原型取代PRD文档的功能了，因为没有开发愿意看密密麻麻的文档，有问题还是会来直接问你。
一个完整的产品六要素：场景、故事、流程图、原型图、备注、UI。其中主要的就是原型图以及对原型的备注，就相当于PRD文档。（个人经验，只为自己带盐，不代表其他公司也这样。）
如何快速出原型
画原型图对产品经理来说是件很基础的事情，每个产品经理都必须会的，但是又不是产品经理最重要的工作，因此不能花太多时间在画原型上。
所以，问题就不再是会不会画，而是画的快不快，效率高不高。
人生苦短，应该把时间应该花在更重要的事情上，比如和开发小哥哥（以及小姐姐）开心的玩耍。
在画原型图的路上，我也是实实在在走了很多弯路。但我意识到方法有问题时，我也觉得有义务提醒身边同样想做产品的朋友避免这些坑，少走一些弯路。> 那些年我走过的弯路：
1、想哪画哪，忽略页面功能结构图的重要性
2、不知道使用现有组件，重复造轮子
3、沉迷实现复杂的交互效果
4、沉迷临摹现有成熟产品，缺乏过程思考
这些坑让我在原型路上浪费了不少时间，但因此我也总结了一些快速出原型的方法：
1、做足准备工作
画产品原型的前期准备工作流程：确定需求——>圈定功能边界——>产出功能框架图，用户流程图，状态转换图，页面结构图等，然后才是打开Axure的时候。
为了防止遗漏掉一些页面，需要用思维导图把页面结构图列出来。避免边画边想需要什么页面，细节要怎么画，元件要怎么摆放。这样不仅会耽误大量的时间，而且很容易遗漏页面。
2、熟悉并利用现成组件库
Axure提供的的元件库都是很基础的，比如矩形、文本框、标题。如果我们要画一个列表，那么就需要三四种元件的组合。一个个组件都去画不仅费时费力，而且亲身经历证明，再怎么抠细节都不如现成的标准，那为何还要做费力不讨好的事情呢？
上面一个列表包含了矩形、图片、文本和图标四种基础元件
既然在我们之前已经有前辈封装好了不少组件库，我们没必要再重复造轮子了，可以直接拿过来使用，效率大大提高。
已经封装好的列表库，各种样式的列表都有，选择你需要的就可以
部分APP组件，不要再自己画了
将现成的组件库载入Axure后，每个组件几乎都提供多个样式供我们选择。
我们要做的就是熟悉每个组件的名称，和使用场景，比如，各种状态按钮，状态栏、分段器、列表、轮播图等等，这样我们知道要用哪个组件时可以迅速找到。
3、学会利用母版和辅助线
科普小贴士：
什么是母版：用Axure制作原型图的时候，有些部件是需要重复使用的，为了方便维护，可以将这些复用部件做成母版，需要调用的时候直接从母版菜单栏拖拽过来。当你修改母版的时候，所有调用到该母版的页面或区域都会发生相应变动，省去了挨个修改的麻烦。
什么是辅助线，顾名思义就是用于辅助页面进行排版布局的线，辅助线可以帮助我们在页面设计之初，对页面结构、内容排版、间距大小进行合理的划分，在Axure中包括全局辅助线和页面辅助线两类
例如在画一个APP时，手机模型、状态栏和底部导航栏是每个页面都重复出现的，并且在每个页面都是相同的。那么就可以将这三部分组合转化成母版。在新页面使用时，只需要拖拽出来即可。
而辅助线的作用可以确定每个元件的摆放位置，比如全局辅助线，可以在所有页面显示，大大提高原型页面的统一性。对应全局辅助线的是页面辅助线，只在当前页面显示，可以对当前页面元件进行辅助摆放!
4、以自己和团队的标准结合，确定保真程度，不陷入在细节里
很多人都喜欢讨论，到底是应该画高保真还是低保真，好像高保真就意味着好看且费时，低保证就丑陋但快速。其实现在原型并没有区分得很明确怎么样是高保真，怎么样是低保真。加个真实图片和交互就是高保真吗？其实不然。
我认为保真程度还是以自己和团队成员的标准去决定。太低保真（只有黑白灰线框），你自己也看得不舒服，其他人也很难理解你想要展示什么。
而太纠结细节的实现，沉迷在复杂、炫酷的交互中，浪费时间。团队其他人还在等你，你何不直接跟他们说要怎么做？快速的目的就是效率！
5、自定义元件库
当你做了项目，对组件都十分熟悉了，你就会发现，虽然前辈们已经提供了很多成熟的组件库供我们选择，但其实大部分都不一定用的上。
我们常用并且习惯使用的可能就只有其中一部分。那么我们就可以自己创建组件库，将我们平时常用的元件，封装成我们独有的组件库，自己给组件库命个名。由于是自己创建的，那么每个组件必然是非常熟悉的，这将大大提高我们画原型的效率。
有一位产品经理说过，优秀的产品经理都有自己的组件库。
最后就是多练习
任何速度的养成都基于熟练，多练习可以加深我们对元件的熟悉和产品的感知。 但是临摹一个现有的产品却是毫无意义的，原因是：
1、临摹就是为了达到一样的效果，那么就会为了实现一些复杂的交互效果浪费大量的时间，
2、临摹时只看到表面的功能，而这个功能为什么要这样实现，前置条件是什么，操作后会有多少种状态发生。几乎思考不到。
所以学习画原型不要去临摹现有产品。
最好的方法就是做一个实际的小项目，比如策划一个只有几个页面的小程序或者画一个功能模块，首先要先构思，想场景故事，然后画功能流程，画页面结构图，然后准备母版，最后画页面，在这样的过程中才能不断思考。
原型图是产品经理和团队沟通的重要工具，所以需要高效产出，以上都是本人学习和工作中的个人经验，总结如下：
1、画原型前做足准备工作
2、熟悉并利用现成组件库
3、学会利用母版和辅助线
4、以自己和团队的标准确定保真程度，不陷入在细节里
5、自定义元件库
希望可以有不同意见，和大家一起交流。
如果你也在求职产品经理或者是产品经理，可以加我微信，多多交流哦，微信号：impm666