10款交互设计原型开发工具

所谓“工欲善其事，必先利其器”，虽然小米加步枪可以也可以战胜敌人，但假设朱棣有了坦克装甲部队，那岂不是更easy平定安南？

关于原型开发工具，各有哥的使用习惯，有人喜欢axure、photoshop，也有人喜欢手绘，robert还见到太高人直接用excel制做的交互原型，不只能够布局，还具备主要的连接和跳转功能，至关佩服。工具仅仅是实现目标的一个手段，所以选用何种工具全然基于我的的习惯及方便。固然在某些公司为了便于不一样的设计师之间进行交流以及重用而规定使用一样的工具，那就另当别论。

如下仅仅是我的所使用过的并且以为值得推荐的工具，我尽量的将其便利性与不足写出来，固然假设您发现有所不足或有不少其它的补充，也欢迎随时和我联系。

一、Axure RP（Rapid Prototyping）

Axure（读音为Ack-Sure）无疑是眼下最受关注的原型开发工具，其能经过组件的方式帮助站点或软件设计师高速创建带有凝视的原型（流程图、线框图），并凭借本身定义可重用的元件、动态面板以及丰富的script能够创建基本功能或页面逻辑的动态演示文件。

Axure借鉴了office的界面，可让用户高速上手，并且提供了丰富的组件样式改动，使得经过其能够建立低保真、高保真甚至接近于实际效果的界面。然而最让人称道的是，Axure的丰富的脚本模式，能够经过点击和选择能够高速完毕界面元素的交互，如连接、state切换、动态变化等效果，使得Axure能够生成十分接近于真实产品的原型。还有一方面，Axure能够导入其它人建立的元件库，使得Axure能够知足绝大多数类型产品的设计。

但Axure仍然有一个让人头痛的问题：对于中文的支持不太友好。在小部分元件上输入中午的时候，经常需要像碰运气似的重复切换输入法，破坏了我们设计师的用户体验。

瑕不掩瑜，Axure仍然是交互设计师的首选原型工具。

二、Microsoft Office Visio

Visio在2000年被微软收购，并在2002年成为office2003套件中的一个组件，最新版本号是2007。Visio能够得到推荐的缘由是因为Visio的适用性很之广，从站点界面、数据库模型，到平面布置图到工艺流程图，Visio都提供了对应的元件库和模板来进行高速建立。

相较Axure而言，Visio更适合于传统行业的生产或流程设计，或者软件及互联网行业中的信息、数据和流程的说明，而不太适用于web界面。因为其的基于web的元件库仍是比較少，并且形式和结构也更类似于word中的图形工具，所以在原型开发效率上都有所不足。

三、Balsamiq Mockups

这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感受，手绘风格的元件样式粗犷淋漓，能建立接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用元件，包含常用的html控件、以及一些组合控件，如多媒体控制器、标签页、列表、Iphone界面元件等。

Mockups最值得观赏之处在于其提供的多数组件均可定制外观，对于中文的支持也不错（选择View > Use System Fonts）。

四、Mockflow

Mockflow和以上工具最大的不一样在于Mockflow是一项基于Adobe Flex技术开发在线服务，提供了与Balsamiq Mockups基本相似的功能，甚至更丰富的组件，尽管其元件定制化不够强大，但其提供的元件库默认样式却很适合用来作商业产品原型的搭建。有一个让我爱不释手的功能是模板，可以设置基于不论什么页面的模板来进行新的页面设计。

与其它模板工具相比，mockflow有一个很特点的功能，基于web的存储可以在随意电脑上联机打开，同一时候可以其它人进行高速的分享，并收集在线反馈意见，很适合虚拟团队的原型设计交流。

尽管在线服务的基本账号仅仅能建立一个文件，但单个文件却没有限制页数，所以也基本上足够使用。

五、Pencil sketch

Pencil 是一款基于Firefox的扩展组件，安装以后就能够在Firefox的工具菜单中打开Pencil的画图面板。功能比較简单，仅能用以平常简单工做的辅助 说明。提供的默认元件都是基于软件project，所以更适合用于windows桌面程序的简易界面搭建，或者是主要的页面功能说明，并不适用于严肃的原型开发，但 好在体积小、又轻便，能够方便将网页中的元素直接拖到或者拷贝到当前的画布中，这也是Pencil安装在Firefox所带来的便利之中的一个吧。

不少其它工具...

在以上列举的原型开发工具都是较为常用的，也是在国内的交互设计师们比較常讨论的，但事实上和Axure功能相似的软件还有很是多，如下也就一些简单说明：

六、GUI Design Studio

这 是一款真的很是强大的原型制做工具，没有在上面推荐的缘由是因为我尚未实际体验过，但冲着这project级的界面设计就没有去尝试的冲动，但是从官方站点的截图 和视频演示来看，这款软件的操做模式和前面的原型工具大有不一样。Axure之类可能是基于页面的原型设计，对于web站点虽然很是有用，但是对于软件界面的流 程设计却略显繁琐。而GUI Design Studio却另辟蹊径，直接以创建元素与元素之间的关联的方式来本身主动化的建立动做流程，而从视频演示来看，这种确很是大程度上提高了软件界面原型搭建的 效率。

七、Prototype Composer

Serena 公司免费提供的原型开发工具，功能确实强大，提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制，这个软件的开发理念很好，用这一 款工具来知足项目开发流程中各个环节的沟通和决策。但软件的学习和使用成本比較高，要了解当中的全部功能，貌似需要花很多时间。另外软件的效率和稳定性还 有待提升，试用的过程当中屡次出错及中止响应。

八、Lucid Spec

由 Elegance科技推出的Lucid Spec是一款很是类似Pencil的原型工具，只是提供了不少其它控件。只是Lucid Spec强调了生成干净的说明文档的功能，这多是针对于多数原型工具的本身主动化生成规范的冗余而言的，只是老实说Lucid Spec提供的原型界面太过简陋，并且生成的说明文档也未见优化有如何的提高。视频介绍

九、Irise Professional Edition

Irise与其它原型工具相比当中一个特点在于提供了样本数据的功能，这是类似于excel表的一个样本数据库，可以经过界面元素直接获取样本数据库中的数据，这样所生成的原型甚至可以使动态数据更新的。

十、Adobe Reader

Adobe reader？没错。事实上理论上不论什么可以建立图形和文本的工具都可以用来原型开发，因为原型自己就是对于业务逻辑和功能界面的模拟或仿真，所以有何理由不能使用PDF格式呢？BoxandArrow的这篇文章《PDF Prototype》提醒了咱们，所有的原型工具都仅仅是工具，而不是设计自己。

固然原型工具还有很是多，您可以在这篇文章对照不少其它可用以进行原型开发的工具。