在搞清楚这些之前，别动手画产品原型！

绘制产品原型作为一项基本功，你需要先做好这些准备工作。

原型又叫产品Demo，主要是体现你的想法，通常包括产品的主要功能和交互流程。在这里和大家分享一下，我画原型的一些经验和小技巧。

一、画原型之前，你的流程图梳理好了吗？

产品经理在画原型之前，一定是在脑海中构思了无数次产品使用路径。所以最好先用线框图理清使用路径，从宏观上把握产品的基本架构（你的思维逻辑能力，也会在这一步得到很大的锻炼）。对流程图绘制，我给各位新司机们几点建议：

1、工具不重要，逻辑最重要

常用的绘制流程图的工具有Visio、ProcessOn等。但工具不重要，关键还是自己是否走通了产品的使用逻辑，例如，从注册到登出、从浏览到编辑、从编辑到预览。你做到心中有数，绘制原型自然能做到通畅无阻。

2、美观也要放在心上

线框图的美观，主要是指简明流畅、清晰易懂，要知道：

美观的流程图，方便以后再看时，能迅速复现当时的思维路径；

美观的流程图，能帮助团队小伙伴更好更快的理解你的思路。

3、说服别人前先说服自己

我们在画流程图的时候，容易只关注正常的路径是否正确，却忽略了某些特殊情况下的特殊处理。因此，画完流程图后不要急着给别人看，先检查一下，试着复现使用场景，注意产品在某些特殊情况下的展现。

某个产品的简单流程图

二、画原型的时候，你的准备工作做好了吗？

完成流程图之后，就要动手画原型了吗？原型图应当具有成熟产品的具体功能，并且能解决预设的相关需求。因此，做好准备工作也很重要（说到工具，大多数人推荐Axure，我也建议试试墨刀，有时候更方便）。

1、搜集素材，做好准备

元件就像搭建房屋的砖块，除了Axure自带的元件，我们也可以到网上搜集素材。

1）元件库

Axure自带一部分元件库，有时候不能满足日常工作的需要。这里推荐两个常用的iOS规范的元件库（来自网络，乐于当搬运工）http://pan.baidu.com/s/1c21tdhm。

2）icon素材

为什么有的原型特别好看？可能只是多了一些icon和颜色的填充。目前有很多icon在线库可下载，例如easyicon和阿里的iconfont都是不错的选择。

2、根据之前的流程图，绘制原型

按照流程图的使用路径，绘制原型图的好处在于，能保持逻辑的连贯性，绘制过程一气呵成。待框架和基本功能完善后，再去优化细节，针对每个按钮、每个功能严格按照“增查改删算显传，异常情况也要盘”的口诀，增加不同情形下的页面。这样一个完整的原型图就大致完成了。

简单说一下“口诀”的意思，指的是在设计产品功能的时候，要考虑的一些操作。以搜索功能为例：

增：增加文字是否有提示？

查：查找按钮怎么放？

改：修改有哪些方式？

算：计算是否有数据变化，怎么变化？

显：显示是否有变化？

传：后台数据怎么传输？

需要说明的是，我并不鼓励各位新司机们，花很多时间做一个完美的原型，而是希望大家在尽量完整表达产品框架的同时，兼顾原型的可读性、实用性。

最后友情提醒，初入职场，新人往往希望把提升自己的业务能力放在首位，而实际上，画原型是一项非常基本的技能。重视原型，重视自己的思维在原型上的体现，能够大大提高工作效率，从而更快更好的进入后续的成长阶段。