15款优秀移动APP产品原型设计工具

丰富的线上&线下活动，深入探索云世界

做任务，得社区积分和周边

最真实的开发者用云体验

让每位学生受益于普惠算力

让创作激发创新

资深技术专家手把手带教

遇见技术追梦人

技术交流，直击现场

海量开发者使用工具、手册，免费下载

极速、全面、稳定、安全的开源镜像

开发手册、白皮书、案例集等实战精华

为开发者定制的Chrome浏览器插件

一新来小盆友问：“移动产品原型设计都用啥工具？”

答：“@#￥……&%*”

又问：“能详细说下各个工具吗？我比较一下”

“……”

———————正文开始————————

首先，一款优秀的移动APP产品原型设计工具应该具备：

①.支持移动端演示（随时随地演示给BOSS，厕所&食堂&电梯…以体现我是那么的敬业——长点工资必备）

②.组件库（高效复用，谁用谁知道）

③.可以快速生成全局流程（程序猿看不懂拆解的，给丫的看这个）

④.在线协作（多个PM狗一起用）

⑤.手势操作、转场动画、交互特效…(这些都不需要，留给专业的交互、视觉，搞那么虚的不如多想想产品流程逻辑做做减法、写写xxRD啥的)

这些年，产品狗们折腾过的原型工具：

1.POP（PrototypingonPaper）

算是移动App原型设计神器，很多公司在用：quora、sina、豆瓣、36氪、ifanr…

操作轻巧简单：先用手机拍下草图原型(存到POPapp内)；然后开始编辑图片的哪个区域（按钮）链接到什么页面，添加跳转链接热区，就可以在iPhone上给小伙伴们演示了，并且POP内嵌的交互动作如侧滑、展开、消失等，即可满足一般的动态演示需要。不太明白？

通过它内置的模板，你可以创建可链接的文档，并输出成为HTML文件、PNG、OpenOffice文档、Word文档、PDF。PencilProject还包含大量移动app模版。

3.Axure

大家都很熟悉了，这里主要说下移动端的演示，这样才充分表达原型意图。按F5生成原型的时候，在“Mobile/Device”选项中可以设置适配移动设备的特殊原型（Axure6.5以下版本），再用移动设备访问你生成的原型链接即可（该页面创建一个桌面快捷方式）。

UXPin具有响应式的断点功能，创建的响应式原型和线框图可以运行在不同的设备和分辨率上。另外该软件还提供了版本控制和迭代功能，可以轻松的共享预览，直观的注解和实时的协同编辑和聊天。该软件拥有大量具有吸引力的用户界面元素风格（包括web，iOS，Android等），并且具有快速、灵敏的响应拖放接口。

它采用拖放的所见即所得界面，你可以用钢笔工具绘制自定义的模版或者图形，此外还自带Graffletopia提供的多个iPhone、iPad以及Android模版。

JustinMind可以帮助开发者设计更丰富、更具交互新的移动产品线框图，包含了iPhone、Android以及iPad常用手势，滑动、缩放、旋转，甚至捕捉设备方向等，从而创造出更具交互性的原型。另外，它可以导出原型信息到MicrosoftWord，生成规范的文档。

此外，你还可以自定义小组件，创建自定义组件库，并进行分类，不管对象是iPhone、iPad、黑莓、Android还是其他。

FluidUI无设备限制，无平台限制（Windows、Mac以及Linux系统），支持Chrome和Safari浏览器（Chrome浏览器上的app也可离线使用）。你可以使用FluidPlayer来预览你的设计，收集意见和反馈。还可以以PNG、PDF方式输出。

FluidUI使用方法简单，采取拖拽的操作方式，不需要程序员来写代码。另外，FluidUI资源库非常丰富，有针对iOS、Android以及Windows8的资源。如果你觉得库存资源不能满足你的需求，你也可以自行添加。

作为一个强大的线框图和原型平台，Protoshare提供了大量移动工具集（有来自中心资源库的大量移动模版和大量2D、3D动画过渡）。通过“拖放”界面，你可以快速创建交互式的线框图和移动原型，然后发送至iPhone、iPad或者Android设备进行测试，体验app的功能实现情况。

针对iOS开发，InVision还增添了其他功能，比如自定义主屏幕icon和自定义加载页面。

iPlotz是一款可以用来创建可点击、可导航的原型和线框图工具，适合网站开发者和移动app开发者。你可以在一个可调整的页面拖放元件，然后连接起来，增加其他屏幕或者页面的热点链接。你可以选择使用iPhone/iPad模版或者Android模版，任何模版都有独一无二的元件设置。

15.AdobeIllustrator俗称AI

这是adobe的一款矢量图设计软件，推荐给设计师转型过来的PM（没兴趣的跳过），电商圈不推荐再去费力学习其他软件，达到沟通的目的提高效率是王道。上图是设计出来的原型成品，可以结合上面提到的POP去演示，soeasy。

写在最后：萝卜白菜各有所爱，没有最好的工具，只有最顺手的，最终的目的只有一个——沟通。