王佳冬中文博客

无论你是新手还是专业的网页设计师或者开发人员，你总是从创建线框开始来创建 Web 项目，而不是直接开发。 这里给大家推荐9个最棒的原型工具。

1. InVision

InVision 是一家提供协作设计工具的初创企业，成立于 2011 年，总部位于纽约。与其他的项目管理和协作工具不同的是，它是面向设计师及项目决策者等群体服务、以设计为中心的协作工具。InVision 不仅可以让设计师绘制 app 或网站的创意，并且还能在缺少后端工程支撑的情况下开发出与实际产品类似感观的原型。

2. Webflow

出自Y Combinator的又一好手Webflow试图帮助那些毫无编程概念的设计师将自己的创意发挥出来，已经有将近10000用户的它最大的特点就是和Froont相似的在线响应式网页设计平台，它能够根据浏览网页设备的不同自动对网页进行大小调整和排版，并且兼容的设备平台包括了PC， 平板和智能手机。最后用户在完成从设计到CSS构架之后，甚至可以在线直接将建好的网页发布，而不需要导出代码到其他发布工具上。

3. JustInMind

JustinMind是由西班牙JustinMind公司出品的原型制作工具，可以输出Html页面。与目前主流的交互设计工具axure，Balsamiq Mockups等相比，Justinmind Prototyper更为专属于设计移动终端上app应用。

4. POP

它的使用非常简单，

1. 一杆笔+一张纸绘制出原型，最常规的几个页面、按钮、主流程跑通就好
2. 使用 POP 这款 app 对一张张图片拍照，存到POP app内部
3. 开始编辑，哪个图片的哪个区域（按钮）链接到什么页面，手控操作
4. 完成，你可以跟工程师、视觉设计师、老板直接展示了

5. Axure RP

大家都知道的。Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

6. Mockplus

Mockplus（摩客）是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。

7. Origami

正如 Paper 可能取代 Facebook 本身的 App 一样， Origami 的出现可能会对 Photoshop 造成威胁。 这个工具让设计师们给 Paper 原型设计出了许多复杂的动画, 无论是在一个屏幕里实现翻页和切换主题，还是用滑动来移动板块提取新闻，屏幕和手机永远处于即时互动状态，iOS7 的 3-D 效果更给图片增添了无限立体感。

8. UXPin

UXPin是DeSmart团队开发的一个简易快速的实体模型和在线可点击原型创作工具。它基于优秀的用户体验设计原则，在构建原型中，它提供了一个完整的工具包（该工具包具有良好的用户设计模式和元素）来从头构建一个出色的原型。非常适合公司里面的UX设计人员。

9. Balsamiq Mockups

Balsamiq Mockups是美国加利福利亚的Balsamiq工作室（2008年3月创建）推出的原型图绘制软件。于2008年6月发行了第一个版本。它的使命是帮助人们更好、更容易的设计软件产品。

翻译自：http://blog.lemonstand.com/9-best-prototyping-tools-2017/