日期:2014-04-10  浏览次数:21886 次

Aiyiweb.Com提示:关于原型开发工具,各有哥的使用习惯,有人喜欢axure、photoshop,也有人喜欢手绘,robert还见到过高人直接用excel制造的交互原型,不只能够规划,还具有基本的链接和跳转功用,相当佩服.

所谓“工欲善其事,必先利其器”,虽然小米加步枪可以也可以打败敌人,但如果朱棣有了坦克装甲部队,那岂不是更容易平定安南?

关于原型开发工具,各有哥的使用习惯,有人喜欢axure、photoshop,也有人喜欢手绘,robert还见到过高人直接用excel制造的交互原型,不只能够规划,还具有基本的链接和跳转功用,相当佩服。工具只是实现目标的一个手段,因此选用何种工具完全基于团体的习惯及方便。当然在某些公司为了便于不同的设计师之间进行交流以及重用而规定使用相反的工具,那就另当别论。

下面只是团体所使用过的并且认为值得推荐的工具,我尽可能的将其便利性与不足写出来,当然如果您发现有所不足或有更多的补充,也欢迎随时和我联系。

1、Axure RP(Rapid Prototyping

Axure(读音为Ack-Sure)无疑是目前最受关注的原型开发工具,其能通过组件的方式协助网站或软件设计师快速建立带有注释的原型(流程图、线框图),并凭仗自定义可重用的元件、动态面板以及丰富的script能够建立基本功用或页面逻辑的动态演示文件。

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

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

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

2、Microsoft Office Visio

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

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

3、Balsamiq Mockups

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

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

4、Mockflow

Mockflow和以上工具最大的不同在于Mockflow是一项基于Adobe Flex技术开发在线服务,提供了与Balsamiq Mockups基本类似的功用,甚至更丰富的组件,虽然其元件定制化不够强大,但其提供的元件库默认款式却非常适合用来做商业产品原型的搭建。有一个让我爱不释手的功用是模板,可以设置基于任何页面的模板来进行新的页面设计。

与其他模板工具相比,mockflow有一个非常特色的功用,基于web的存储可以在任意电脑上联机打开,同时可以其他人进行快速的分享,并收集在线反馈意见,非常适合虚拟团队的原型设计交流。

虽然在线服务的基本帐号只能创建一个文件,但单个文件却没无限制页数,因此也基本上足够使用。

5、Pencil sketch

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

更多工具...

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

6、GUI Design Studio

这 是一款真的非常强大的原型制造工具,没有在上面推荐的缘由是由