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

《10款交互设计原型开发工具》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、10款交互设计原型开发工具作者：tianya8

2、发布：(编辑)稻草

3、时间：2009-10-2221:15:36文字大小：-+所谓“工欲善其事，必先利其器”，尽管小米加步枪可以也可以打败敌人，但如果朱棣有了坦克装甲部队，那岂不是更容易平定安南？关于原型开发工具，各有哥的使用习惯，有人喜欢axure、photoshop，也有人喜欢手绘，robert还见到过高人直接用excel制作的交互原型，不仅能够布局，还具有基本的链接和跳转功能，相当佩服。工具只是实现目标的一个手段，因此选用何种工具完全基于个人的习惯及方便。当然在某些公司为了便于不同的设计师之间

4、进行交流以及重用而规定使用相同的工具，那就另当别论。下面只是个人所使用过的并且认为值得推荐的工具，我尽可能的将其便利性与不足写出来，当然如果您发现有所不足或有更多的补充，也欢迎随时和我联系。1、AxureRP（RapidPrototyping）Axure（读音为Ack-Sure）无疑是目前最受关注的原型开发工具，其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型（流程图、线框图），并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。Axure借鉴了office的界面，能够让用户快速上手，并

5、且提供了丰富的组件样式修改，使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。然而最让人称道的是，Axure的丰富的脚本模式，可以通过点击和选择能够快速完成界面元素的交互，如链接、state切换、动态变化等效果，使得Axure能够生成十分接近于真实产品的原型。另一方面，Axure能够导入其他人创建的元件库，使得Axure能够满足绝大多数类型产品的设计。但Axure仍然有一个让人头痛的问题：对于中文的支持不太友好。在小部分元件上输入中午的时候，经常需要像碰运气似的反复切换输入法，破坏了咱们设计师的用户体验。瑕不掩瑜，Axure仍然是交互设

6、计师的首选原型工具。2、MicrosoftOfficeVisioVisio在2000年被微软收购，并在2002年成为office2003套件中的一个组件，最新版本是2007。Visio能够获得推荐的原因是因为Visio的适用性非常之广，从网站界面、数据库模型，到平面布置图到工艺流程图，Visio都提供了相应的元件库和模板来进行快速创建。相较Axure而言，Visio更适合于传统行业的生产或流程设计，或者软件及互联网行业中的信息、数据和流程的说明，而不太适用于web界面。因为其的基于web的元件库还是比较少，并且形式和结构也更类似于word中的图

7、形工具，因此在原型开发效率上都有所不足。3、BalsamiqMockups这个基于AdobeAIRRuntime的工具实在是有让人眼前一亮的感觉，手绘风格的元件样式粗犷淋漓，能创建接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用元件，包括常用的html控件、以及一些组合控件，如多媒体控制器、标签页、列表、Iphone界面元件等。Mockups最值得赞赏之处在于其提供的多数组件都可定制外观，对于中文的支持也不错（选择View>UseSystemFonts）。4、MockflowMockflow和以上工具最大的不同在于Mockflow是

8、一项基于AdobeFlex技术开发在线服务，提供了与BalsamiqMockups基本相似的功能，甚至更丰富的组件，虽然其元件定制化不够强大，但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建。有一个让我爱不释手的功能是模板，可以设置基于任何页面的模板来进行新的页面设计。与其他模板工具相比，mockflow有一个非常特色的功能，基于web的存储可以在任意电脑上联机打开，同时可以其他人进行快速的分享，并收集在线反馈意见，非常适合虚拟团队的原型设计交流。虽然在线服务的基本帐号只能创建一个文件，但单个文件却没有限制页数，因此也基本上足够使用。

9、5、PencilsketchPencil是一款基于Firefox的扩展组件，安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板。功能比较简单，仅能用以日常简单工作的辅助说明。提供的默认元件都是基于软件工程，因此更适合用于windows桌面程序的简易界面搭建，或者是基本的页面功能说明，并不适用于严肃的原型开发，但好在体积小、又轻便，能够方便将网页中的元素直接拖到或者复制到当前的画布中，这也是Pencil安装在Firefox所带来的便利之一吧。更多工具...在以上列举的原型开发工具都是较为常用的，也是在国内的交互设计师们比较常讨论的

10、，但其实和Axure功能相似的软件还有很多，下面也就一些简单说明：6、GUIDesignStudio这是一款真的非常强大的原型制作工具，没有在上面推荐