六款优秀的App原型设计工具

时间：2023-06-02 16:42:01 | 来源：网站运营

时间：2023-06-02 16:42:01 来源：网站运营

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

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

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

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

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

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

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

1. POP（Prototyping on Paper）

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

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

2、Pencil Project

Pencil是一款开源的可以用来制作图表和GUI原型的工具，可以作为一个独立的app，也可以作为Firefox插件。内置模版可以帮你绘制桌面和移动界面中用到的各种各样的用户界面，包括流程图、UI和一般的通用图形。

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

3.Axure

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

4、http://Proto.io

http://Proto.io是一个专用的手机原型开发平台——可以构建和部署全交互式的移动程序的原型，并且可以模拟出相似的成品。它可以运行在大多数的浏览器中，并提供了3个重要的接口：dashboard、编辑器以及播放器。

dashboard 可以用来管理项目。编辑器是构建原型的环境，由一组设计和开发原型的工具组成，另外还可以构建交互。播放器用来观看原型，并与原型进行交互，并提供了相关 工具来标注和保留反馈信息。你可以直接在真实的移动设备上对原型进行测试。并且可以使用iOS或Android上的浏览器以全屏模式运行原型。

5、Moqups

是一个非常好的、免费的HTML5应用，通过它可以创建可爱朴素的线框图、实体模型和UI概念。该程序使用起来非常简单，并且有内置的模板可以直接使用（模板包括单选按钮、链接、图像占位符、文本框以及滑块等）。

它还提供了iPhone和iPad模板，以及iOS相关的按钮、提示框、picker、菜单、开关以及键盘等。你可以设置网格的尺寸，并预览和分享你的线框图。Moqups提供了一个很有用的功能就是对齐网格，可以使对象精准对齐。

6、Devbefore（码前）

码前在线设计平台（www.devbefore.com）——一站式免费在线设计工具，产品经理必备工具，一个人轻松搞定「需求+产品+UI」所有设计工作；只需简单勾选、无需专业技能、低门槛免费使用。

帮助企业，沉淀需求资源、管理行业标准，减少大量重复性工作，降低人员成本，提高人员效率。

帮助业务部门，高效准确的描述企业IT需求，避免开发过程中需求频繁变更，缩减项目上线周期。

快速完成应用程序功能梳理的利器。码前基于庞大的行业案例资源，提供丰富的产品功能素材，用户从需求库内直接勾选功能完成应用构建，高效准确的描述IT数字化需求。