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

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

关于原型开发工具,各有哥的使用习惯,有人喜欢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的画图面板。功能比較简单,仅能用以日常简单工作的辅助 说明。提供的默认元件都是基于软件project,因此更适合用于windows桌面程序的简易界面搭建,或者是主要的页面功能说明,并不适用于严肃的原型开发,但 好在体积小、又轻便,可以方便将网页中的元素直接拖到或者拷贝到当前的画布中,这也是Pencil安装在Firefox所带来的便利之中的一个吧。

很多其它工具...

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

6、GUI Design Studio

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

7、Prototype Composer

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

8、Lucid Spec

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

9、Irise Professional Edition

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

10、Adobe Reader

Adobe reader?没错。事实上理论上不论什么能够创建图形和文本的工具都能够用来原型开发,由于原型本身就是对于业务逻辑和功能界面的模拟或仿真,因此有何理由不能使用PDF格式呢?BoxandArrow的这篇文章《PDF Prototype》提醒了我们,全部的原型工具都仅仅是工具,而不是设计本身。

当然原型工具还有非常多,您能够在这篇文章对照很多其它可用以进行原型开发的工具。

时间: 2024-10-14 13:38:38

10款交互设计原型开发工具的相关文章

10款让WEB前端开发人员更轻松的实用工具

这篇文章介绍10款让Web前端开发人员生活更轻松的实用工具.每个Web开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择. 对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你来说都是新的领域,那么这篇文章是非常有用的,因为这些实用的工具将让你的工作更有效率. Spritepad 借助 SpritePad,你可以在几分钟甚至几秒钟内创建你的CSS Sprite.只需拖放您的图片,立即可以生成 PNG 精灵图片以及CSS代码.不需要在 Photoshop

2016年最好的15个Web设计和开发工具

本文由码农网 – 小峰原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划! 网络无处不在.世界上几乎没有地方是没有被因特网所渗透的.无孔不入的网络为Web设计师和开发人员开辟了新的机遇渠道.每家企业都在争取在这个在线平台上展现头角,以便于在这场竞争中占据优势.这就是为什么设计师和开发人员的需求大大增加.但是web开发的标准相比几年前,已经提升了若干个档次.这是为什么市场总是对最先进.最高效的web设计和开发工具有需求的原因. 网络革命催生了web设计师和开发者,web设计师和开发者遍

给你推荐10款优秀的 HTML5 动画工具

HTML5 在过去三年快速增长,已经成为 Web 开发人员最喜欢的编程语言之一.强大的编程语言拥有开发更好的网页应用的能力. HTML5 中引入的新技术都非常好,像 Chrome.Firefox.Safari 等许多现代浏览器都已经支持.今天,我们列出了10个优秀的 HTML5 动画制作工具,可以帮助你的工作. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!1

原型开发工具 mockplus

韩梦飞沙  韩亚飞  [email protected]  yue31313  han_meng_fei_sha 原型开发工具  mockplus 微信(演示) - Mockup Plus Web App

10款 Mac 经典原型设计开发软件推荐

在Mac上有大量强大的开发和设计工具,今天和大家推荐10款Mac上的经典原型设计开发工具,原型设计工具是开发者必备的一款工具,无论是网站开发还是移动APP开发,都需要在前期进行严格细致的原型设计,才能在后期开发中节省时间. 本文图片和内容均来自[风云社区 SCOEE],如想了解更多mac软件可上[风云社区 SCOEE]. 有需要其他类型的软件,可在评论区留言或私信于我[磨人的小妖精],以后也会不断更新更多专题资源. 有想要的软件资源,需要下载的也可以找我[磨人的小妖精]私信留言. 往期专题 ma

IOS-2016年最好的15个Web设计和开发工具

设计师和开发者,web设计师和开发者遍地开花.这促使web开发人员也需要寻找最好的工具去设计出优于其他人的网站.作为一个web设计师或开发者,你必须寻找新的途径来提高自己的技能,提高自己的工作质量.下面我们将介绍一些最优秀的web开发工具,希望能对你有用.这些工具旨在帮助你为你的客户创建时尚而有用的网站. 1.ai2html ai2html是适用于Adobe Illustrator的开源脚本,可以转换Illustrator文件为html和css. 官方网站:http://ai2html.org/

APICloud首款全功能集成开发工具重磅发布,彰显云端一体理念

近日,APICloud重磅推出首款云端一体的全功能集成开发工具--APICloud Studio 2.为了更深入了解这款开发工具的特性及优势,APICloud CTO 邹达针对几个核心问题做出了解答. 一.APICloudStudio 2是一款什么样的开发工具? 我们为APICloud Studio 2提炼出三个关键词,「Atom」.「云端一体」和「全功能集成」. 首先,APICloud Studio 2是一款基于Atom内核的开发工具.众所周知,Atom是一款主流.开源的前端编码工具,在Git

五款交互设计APP界面欣赏

食品O2OAPP界面,这种色调是让人很有食欲,很温暖的感觉 音乐APP设计界面 阅读APP界面--简洁大方,阅览读书就是要这种感觉 一款生活服务类的APP,集合了生活的所有服务(家政保洁,衣物干洗,开锁换锁,疏通管道,生活缴费,家电维修,家庭订奶,宽带办理,上门揽件,跑腿代购,搬家服务,跑腿办事以及日常所需的生活用品的买卖). 一款瑜伽APP界面--轻松愉快 下面是和UI设计培训相关的文章--移动应用交互设计中合理使用动效 每天对自己多一点点的UI设计培训,每天就增加多一点点的经验. 更多的UI

开发者必须mark的一款2D移动游戏开发工具

摘要:灸热的夏季渐行渐远,凉爽的秋季迈着轻盈的脚步悄悄来到我们身边.站在初秋的窗前,凝望着远山.白云,总会心生很多遐想,总会有百感交集的情愫浮上心头.我想我是喜欢这个季节的."早上好"."今天又堵车了",伴随着同事们的说话声,突然意识到,额.我神游了--咳咳.步入正题,小编今天跟大家分享一款轻轻松松便能够实现2D画面动态光影的开发工具--Sprite Lamp. 何为Sprite Lamp? 开门见山,Sprite Lamp是一款能够帮助游戏开发者将2D画面与动态光