原型，是产物司理日常糊口中必不行少的一样对象，画原型、讲原型，天天险些占了一个产物新人50%的时间。如何做好这件工作，成为了每一个产物新人心中的困扰。本文作者就以自身一年多以来的实习经验，来总结一下如何做好一份令各人满足的原型。

一、过于追求样式特效

刚开始实习的时候，上级会分派到一些新成果需求，往往会需要去从0-1去画原型。

这个时候为了完成好任务，向上级展示本身的原型本领，此时就会花大量的时间去想，我的原型毕竟要奈何去设计，配什么样的颜色，然后找来一堆的竞品，再团结自身产物的设计调性，将所有的页面都配好了颜色。

颠末一段时间的尽力后，一份本身看上去“酷炫到爆炸”的原型就这样设计出来了，而且自我感受很是精采，感受没人会设计得比我更悦目了。

这个时候拿到上级眼前展示，会呈现以下环境：

你的上级较量忙，大致地看了一下：

设计方面根基ok，可是漏了XXX成果和一些细节的描写，需要归去增补一下，增补好就可以跟UI举办相同了。

然后拿到UI设计师眼前讲授，UI心里：你这家伙怎么把颜色全填上去了，这样我怎么设计啊。何况这颜色搭配的也太丑了吧，的确就是滋扰我的设计思路。这个实习生照旧太年青了，就爱搞这些花里胡哨的，难不成还想把我们UI的事情给干完了。

你的上级较量有空，而且很当真去研究你的原型方案：

成果设计上根基没什么问题，可是作为一名产物司理，不该该花太多的时间去搞UI层面的事情，你只需要把你的成果、逻辑设计好，就足够了，颜色只管不要去配。这些都是有UI的设计类型的，归去可以把颜色都去掉，产出一份线框图原型即可，把元素、控件查抄清楚是否有遗漏的。

你看，由于你花太多的时间去做UI层面的事情，导致有些成果的描写并不足具体，这样UI同学和开拓同学会很难开展事情的，归去继承修改下，修改好再给我过一遍，然后就可以跟UI举办相同了。

然后将改好的原型拿到UI设计师眼前讲授，UI心里：这个实习生弄的原型还不错，各个方面描写的也挺清晰的，终于碰着一个靠谱的产物了，设计起来轻松多了。

可以看出，作为一名产物新人，其实设计原型时样式并不需要太巨大，只需要产出一份线框图就已经足够了。难的处所而是在于如何把成果、逻辑描写清楚，让UI和开拓更易懂。

尽量在我们眼里设计得何等悦目炫酷的原型，在别人眼里也许就是一个四不像的对象。因此，没须要过于追求样式和特效，这并不是产物司理焦点的事情，能用几句话描写清楚的交互行动，也没须要去弄巨大的交互动效。

二、如何画好原型

一般假如做的是C端产物，团队中城市有专门认真UI设计的同学，此时作为一名产物，需要产出的原型就不需要过分于高保真，完成一份较量完善的线框图即可，当我们明晰了需求之后，要开始设计原型了，我们可以这样去做：

1. 画原型前需筹备的对象

1）将需求内容整理为脑图

无论需求是出自于产物本身，照旧其他需求方，当我们确认要做某一个需求后，就应该将需求的内容整理为一份脑图，以发散的思维去思量每一个成果点具备哪些内容，以便画原型时参照。

2）画一份页面流程图

我们首先清楚需要设计的别离有哪些页面，将页面都列出来之后，标注好页面之间是如何跳转的，查抄跳转无漏掉后，劈头的页面流程图可以已经算完成了。在画页面流程图的时候，不需要去思量雅观的问题，甚至手写在草稿纸上也是可以的。画页面流程图的目标是让我们提前想好要设计什么页面，在真正画原型的时候可以边画边查对，防备遗漏页面。

3）手绘/用axure画一份原型草图

为什么需要先画一份简朴的原型草图呢？

因为作为一名产物新人，画出来的原型是根基不行能直接拿出去开需求评审会的。在开评审会之前，一定需要给本身的leader过一遍，一份好的原型，对新人来说凡是都要颠末三番五次的修改才气产出最终稿。

假如一开始就花了大量的时间去画了一份很是具体的原型，那么需要修改的时候，就很是惨了。你会发明改着改着跟你本来的画的有着天壤之别，跟班头画一份一样。

因此，画草图的目标就是更利便我们去修改，节减下更多的时间。当我们拿着草图在我们的leader、需求方处接头时，实时收集好需要修改的处所，当草图切合他们的要求时，我们就可以参照着草图来画出一份最终版的原型。

2. 正式开始画原型

1）梳理界面元素

当我们设计一个页面的时候，一定具备大量的元素，此时就要我们仔细地去查抄、梳理页面的元素机关。

此处以京东APP中我的订单“全部tab”举例举办阐明：

页面顶部：返回键、搜索框、筛选成果按钮、动静中心按钮。

页面中上方（订单状态）：全部tab、待付款tab、待收货tab、已完成tab、已打消tab。

页面中上方：常购清单跳转图片。