十一款原型设计工具介绍

关于原型设计工具,各有各的使用习惯,有人喜欢AxureRP、Photoshop,也有人喜欢手绘,也有高人直接用excel的。工具只是实现目标的一个手段,因此选用何种工具完全基于个人的习惯及方便。当然在某些公司为了便于不同的设计师之间进行交流以及重用而规定使用相同的工具,那就另当别论。

前面也有介绍过,见《AxureRP介绍–常用原型设计工具对比》,下面只是介绍一下常见的一些原型设计工具,当然也包括了之前介绍过的几款。

1、AxureRP

AxureRP差不多目前最受关注的原型设计工具,其能通过组件的方式快速建立带有注释的原型(流程图、线框图),并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态HTML演示文件。

AxureRP能够让用户快速上手,并且提供了丰富的组件样式修改,使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。AxureRP丰富的脚本模式,可以通过点击和选择能够快速完成界面元素的交互,如链接、状态切换、动态变化等效果,使得AxureRP能够生成十分接近于真实产品的原型。另一方面,AxureRP能够导入其他人创建的组件库,使得AxureRP能够满足绝大多数类型产品的设计。

最新的AxureRP 6.0版本对于中文的支持问题做了极大改善,解决了AxureRP一直以来困扰使用者的问题,AxureRP 6.0还推出了很多新功能,如动态面板的多种新增事件支持,使AxureRP在设计原型的时候交互效果更加丰富,基本上AxureRP是交互设计师的首选原型工具。

2、Microsoft Office Visio

Visio能够获得推荐的原因是因为Visio的适用性非常之广,从网站界面、数据库模型,到平面布置图到工艺流程图,Visio都提供了相应的元件库和模板来进行快速创建。

相较AxureRP而言,Visio更适合于传统行业的生产或流程设计,或者软件及互联网行业中的信息、数据和流程的说明,而不太适用于web界面。因为其的基于web的元件库还是比较少,并且形式和结构也更类似于word中的图形工具,输出只能是图片,没有交互效果,因此在原型开发效率上都有所不足。还是那句话,术业有专攻。

3、Balsamiq Mockups

这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的组件样式,能创建接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用组件,包括常用的html控件、以及一些组合控件,如多媒体控制器、标签页、列表、Iphone界面元件等。最值得赞赏之处在于其提供的多数组件都可定制外观,对于中文的支持也不错(选择View > Use System Fonts)。

不足之处就是也没有交互效果,输出的是图片格式的文件。

4、Mockflow

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

5、Pencil sketch

Pencil 是一款基于Firefox的扩展组件,安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板,也有独立安装的客户端版本。功能比较简单,仅能用以日常简单工作的辅助说明。提供的默认元件都是基于软件工程,因此更适合用于windows桌面程序的简易界面搭建,或者是基本的页面功能说明,并不适用于严肃的原型开发,但好在体积小、又轻便,能够方便将网页中的元素直接拖到或者复制到当前的画布中,这也是Pencil安装在Firefox所带来的便利之一吧。

6、GUI Design Studio

这是一款真的非常强大的原型制作工具,虽没有实际体验过,但工程级的界面设计,以及从官方网站的截图和视频演示来看,这款软件的操作模式和前面的原型工具大有不同。AxureRP等多是基于页面的原型设计,对于web网站尽管很实用,但是对于软件界面的流程设计却略显繁琐。而GUI Design Studio却另辟蹊径,直接以建立元素与元素之间的关联的方式来自动化的创建动作流程,而从视频演示来看,这样的确很大程度上提升了软件界面原型搭建的效率。也正因为这样,GUI Design Studio比较适合C/S架构的产品的设计,而AxureRP则比较适合B/S架构的产品设计,算是各有所长吧。

7、Prototype Composer

Serena公司免费提供的原型开发工具,功能确实强大,提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制,这个软件的开发理念非常好,用这一款工具来满足项目开发流程中各个环节的沟通和决策。但软件的学习和使用成本比较高,要了解其中的全部功能,貌似需要花不少时间。

8、Lucid Spec

由Elegance科技推出的Lucid Spec是一款很类似Pencil的原型工具,仅仅是提供了更多控件。不过Lucid Spec强调了生成干净的说明文档的功能,这可能是针对于多数原型工具的自动化生成规范的冗余而言的,不过Lucid Spec提供的原型界面太过简陋,并且生成的说明文档也未见有怎样的提升。

9、Irise Professional Edition

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

10、Adobe Reader

其实理论上任何可以创建图形和文本的工具都可以用来做原型设计,因为原型本身就是对于业务逻辑和功能界面的模拟或仿真,因此有何理由不能使用PDF格式呢?BoxandArrow的这篇文章《PDF Prototype:》提醒了我们,所有的原型工具都只是工具,而不是设计本身。

11、Snagit

个人比较喜欢这款工具,原因是其有非常强大的截图功能,以及图片编辑能力,因此与上面所讲到的,任何可以创建图形和文本的工具都可以用来做原型设计,Snagit的优势就在其强大的图片处理功能上,个人在设计原型的时候,需要用到图片的地方都会用Snagit来处理,当然一些简单的界面原型就可以直接用Snagit来实现。

当然原型工具还有很多,您可以在如下地址找到更多可用以进行原型开发的工具。http://www.axure.org/tools/,这个是由webppd总结的,基本上已经很全了,里面还包括了一些思维脑图软件。

《原型设计》微电子杂志? 点此订阅



无觅相关文章插件,快速提升流量

“十一款原型设计工具介绍”有1条评论

commenter

其实每件工具,每个软件,在创造它的初期,软件设计师们都给它赋予了性格、气质。因为每个工具的产生,都是为了满足人类的某一方面需求。比如锄头是锄土的,起子是起螺丝的,电熨斗是烫衣服的。但是不同的工具都有自己的工作领域,在其他领域它并不擅长。