怎么画好软件产品原型图？

一、工具选择

工欲善其事，必先利其器。作为产品经理，好的原型设计是提高产品开发效率不可或缺的一部分，那么，一款好的原型设计工具就是你的武器。下面给大家推荐几款好用的原型设计软件，有需要的朋友可以根据自己的需要进行参考。

1、Axure RP

Axure RP是美国Axure Software Solution公司的旗舰产品，是一个专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

在交互效果层面，可以实现非常多条件判断、巧妙运用可以实现更复杂的交互。

缺点：

1）正版的Axure售价高，学生等群体可能负担不起；（别怕，有破解版，哈哈)

2）动态面板和中继器较为复杂，要完全弄懂也需要一定的时间成本，学习成本高（跟着老师学习，上手快，嘿嘿）。

2、墨刀

墨刀是一款功能非常强大的原型设计工具，拥有云端保存，实时手机预览，多种手势，页面切换特效等多种功能！另外，墨刀能够快速创建页面连接，独创的拖拽连接方式，让页面间的连接关系清晰呈现出来。

缺点：

1）应用局限性。墨刀专注于app原型设计,在后台和网站稍有乏力；

2）需要收费。墨刀本地下载功能需要注册购买，无法直接分享给他人；

3）归档能力不足。墨刀更倾向于链接、二维码形式输出，不能以文档输出。

3、Mockplus

Mockplus是一款简洁高效的原型图设计软件，适合快速迭代的开发模式，无需学习、快速上手、功能强劲。支持安卓App、iOS App、Windows / MAC OS桌面程序和Web原型设计，其Web版和桌面版均可跨Window和苹果操作系统使用。

Mockplus虽然快速上手，操作简易。但是，这款工具在用户体验上是存在着一定的缺陷的。

目前Mockplus对于一些过于复杂的功能，比如：判断和变量，是不支持的。所以在用户体验上会造成影响。也不支持手势交互，无法通过其设计制作一些较为精细的操作，而且设计界面不够美观。此外，对于产品文档的支持，也有不足。

当然还有其它很多类型的原型设计工具，比如Justinmind，如果不做交互也可以考虑sketch，其他就不再一一例举了，朋友们可以根据自己的需要进行选择。这里我推荐新手一定要选择Axure RP，功能强大，有自己的元件库，也可以自己做元件库添加到软件中。

Axure RP软件你会使用了，其它的软件也不在话下。

二、确定保真程度

作为一名产品经理，必须得和原型图打交道，而许多刚入行的产品助理对原型图的绘制可能有些不太理解，因为没有相关的项目经验，原型图画得深入还是粗糙，这个度不好把握，原型图绘制是一个弹性的东西，你可以花很多时间让它栩栩如生，有视觉有交互，会让人觉得你做得非常的精美，但非常耗费时间。

不同情况有不同的需求，我们可以通过汇报对象/项目紧急情况来判定是否需要高保真原型图。

• 如果汇报对象对互联网的理解成本高，公司给到UI、UX等设计师支持还较少。那高保真原型图可以降低沟通成本，让汇报对象更直观了解产品交互逻辑。

• 另外，还要看项目的紧急程度，一般都按项目上线时间倒推估算画原型的时间，如果十分充裕的，你可以对你的原型图精雕细琢。

高保真不管从交互逻辑、视觉展现都更加直观，对于接收者来说，应该没有人会拒绝。

三、原型图绘制的一般绘制流程

1、思维导图梳理好架构

2、visio流程图梳理业务逻辑

3、输出原型

• 创建一个新的原型项目

• 利用元件库搭建组件进行原型制作（可以用线条、图形、图表、图标等素材）

• 保存并分享原型项目

4、加交互及相关文字说明

• 页面的跳转交互，设置触发方式、要跳转的页面、动效和时长

• 页面的状态交互，可以实现整体页面内的交互动画。状态交互可以设置细节，比如组件平滑移动的效果，并且可以让某个组件的属性（位置、大小、颜色等）发生改变。

• 加上必要的说明文字，增加可读性。（有些公司非常喜欢把需求也标注在原型图上）

一般来说都是按照这四步来做就可以了，如果业务简单可以忽略前两条。切记！产品经理不要盲目的一上来就画原型图，得先列清楚和想清楚之后再动手，不然会容易疏漏一些东西，造成不必要的反工。

四、如何提升原型制作效率

想在画原型这件事上提高效率，需要产品、交互或视觉设计师根据产品的品牌定位特性，设计一套模板元件，产品设计时就可以直接拖拽完成，定出基调就容易事半功倍。

提升效率从原型制作的工作中尽可以解脱出来，用更多的精力去处理更关键的地方，比如深入业务、行业、用户、运营的研究

总之：原型只是一个传达需求的工具，产品最终会怎样发展，都是依战略、市场、用户决定的，不会一劳永逸、也不会一成不变。