I-JC☞用技术做网络营销
关注产品、RIA、教育、网络营销、口碑营销,探求教育产品+口碑营销的有效途径
22nd
OCT
[转]10款交互设计原型开发工具
Posted by JCLee under 资源
所谓“工欲善其事,必先利其器”,
尽管小米加步枪可以也可以打败敌人,但如果朱棣有了坦克装甲部队,那岂不是更容易平定安南?
关 于原型开发工具,各有哥的使用习惯,有人喜欢axure、photoshop,也有人喜欢手绘,robert还见到过高人直接用excel制作的交互原 型,不仅能够布局,还具有基本的链接和跳转功能,相当佩服。工具只是实现目标的一个手段,因此选用何种工具完全基于个人的习惯及方便。当然在某些公司为了 便于不同的设计师之间进行交流以及重用而规定使用相同的工具,那就另当别论。
下面只是个人所使用过的并且认为值得推荐的工具,我尽可能的将其便利性与不足写出来,当然如果您发现有所不足或有更多的补充,也欢迎随时和我联系。
Axure(读音为Ack-Sure)无疑是目前最受关注的原型开发工具,其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型(流程图、线框图),并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。
Axure借鉴了office的界面,能够让用户快速上手,并且提供了丰富的组件样式修改,使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。然而最让人称道的是,Axure的丰富的脚本模式,可以通过点击和选择能够快速完成界面元素的交互,如链接、state切换、动态变化等效果,使得Axure能够生成十分接近于真实产品的原型。另一方面,Axure能够导入其他人创建的元件库,使得Axure能够满足绝大多数类型产品的设计。
但Axure仍然有一个让人头痛的问题:对于中文的支持不太友好。在小部分元件上输入中午的时候,经常需要像碰运气似的反复切换输入法,破坏了咱们设计师的用户体验。
瑕不掩瑜,Axure仍然是交互设计师的首选原型工具。
Visio在2000年被微软收购,并在2002年成为office2003套件中的一个组件,最新版本是2007。Visio能够获得推荐的原因是因为Visio的适用性非常之广,从网站界面、数据库模型,到平面布置图到工艺流程图,Visio都提供了相应的元件库和模板来进行快速创建。
相较Axure而言,Visio更适合于传统行业的生产或流程设计,或者软件及互联网行业中的信息、数据和流程的说明,而不太适用于web界面。因为其的基于web的元件库还是比较少,并且形式和结构也更类似于word中的图形工具,因此在原型开发效率上都有所不足。
这 个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用元 件,包括常用的html控件、以及一些组合控件,如多媒体控制器、标签页、列表、Iphone界面元件等。
Mockups最值得赞赏之处在于其提供的多数组件都可定制外观,对于中文的支持也不错(选择View > Use System Fonts)。
Mockflow和以上工具最大的不同在于Mockflow是一项基于Adobe Flex技术开发在线服务,提供了与Balsamiq Mockups基本相似的功能,甚至更丰富的组件,虽然其元件定制化不够强大,但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建。有一个让我爱不释手的功能是模板,可以设置基于任何页面的模板来进行新的页面设计。
与其他模板工具相比,mockflow有一个非常特色的功能,基于web的存储可以在任意电脑上联机打开,同时可以其他人进行快速的分享,并收集在线反馈意见,非常适合虚拟团队的原型设计交流。
虽然在线服务的基本帐号只能创建一个文件,但单个文件却没有限制页数,因此也基本上足够使用。
Pencil 是一款基于Firefox的扩展组件,安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板。功能比较简单,仅能用以日常简单工作的辅助 说明。提供的默认元件都是基于软件工程,因此更适合用于windows桌面程序的简易界面搭建,或者是基本的页面功能说明,并不适用于严肃的原型开发,但 好在体积小、又轻便,能够方便将网页中的元素直接拖到或者复制到当前的画布中,这也是Pencil安装在Firefox所带来的便利之一吧。
更多工具…
在以上列举的原型开发工具都是较为常用的,也是在国内的交互设计师们比较常讨论的,但其实和Axure功能相似的软件还有很多,下面也就一些简单说明:
这 是一款真的非常强大的原型制作工具,没有在上面推荐的原因是因为我还没有实际体验过,但冲着这工程级的界面设计就没有去尝试的冲动,但是从官方网站的截图 和视频演示来看,这款软件的操作模式和前面的原型工具大有不同。Axure之类多是基于页面的原型设计,对于web网站尽管很实用,但是对于软件界面的流 程设计却略显繁琐。而GUI Design Studio却另辟蹊径,直接以建立元素与元素之间的关联的方式来自动化的创建动作流程,而从视频演示来看,这样的确很大程度上提升了软件界面原型搭建的 效率。
Serena 公司免费提供的原型开发工具,功能确实强大,提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制,这个软件的开发理念非常好,用这一 款工具来满足项目开发流程中各个环节的沟通和决策。但软件的学习和使用成本比较高,要了解其中的全部功能,貌似需要花不少时间。另外软件的效率和稳定性还 有待提高,试用的过程中多次出错及停止响应。
由 Elegance科技推出的Lucid Spec是一款很类似Pencil的原型工具,仅仅是提供了更多控件。不过Lucid Spec强调了生成干净的说明文档的功能,这可能是针对于多数原型工具的自动化生成规范的冗余而言的,不过老实说Lucid Spec提供的原型界面太过简陋,并且生成的说明文档也未见优化有怎样的提升。视频介绍
Irise与其他原型工具相比其中一个特色在于提供了样本数据的功能,这是类似于excel表的一个样本数据库,可以通过界面元素直接获取样本数据库中的数据,这样所生成的原型甚至可以使动态数据更新的。
10、Adobe Reader
Adobe reader?没错。其实理论上任何可以创建图形和文本的工具都可以用来原型开发,因为原型本身就是对于业务逻辑和功能界面的模拟或仿真,因此有何理由不能使用PDF格式呢?BoxandArrow的这篇文章《PDF Prototype:》提醒了我们,所有的原型工具都只是工具,而不是设计本身。
当然原型工具还有很多,您可以在这篇文章对比更多可用以进行原型开发的工具。

猜测您可以感兴趣的内容:
15th
OCT
开源的录屏软件-CamStudio(Desktop Screen Recorder)
Posted by JCLee under 资源
录屏软件,对于教育行业可以说用处很大。
免费的比较少。多数都是破解的。感觉不是很理想。
今天搜索了一下,发现居然还有开源的。大家还在原有源码的基础增加自己新功能。
CamStudio(Desktop Screen Recorder)

猜测您可以感兴趣的内容:
9th
OCT
[转]Flash相关制作软件全集
Posted by JCLee under 资源
不得不赞,太全,太细致。
感谢。
一、FLASH常用制作软件;
FLASH8,FLASH CS3
软件说明:
我想大家基本上都用这两个软件吧(这里值得一说的是,如果你在用中文版的时候出现BUG,如无法导入位图,视频,无法发布EXE文件,这就是可能制作FLASH汉化版中存在的BUG了,所以这里建议使用FLASH英文原版,至少不会有这样的问题出现)
下载地址:
FLASH8英文版:http://down.chinaz.com/soft/8156.htm
FLASH8汉化文件:http://ishare.iask.sina.com.cn/cgi-bin/fileid.cgi?fileid=2858126
FLASH CS3英文版:http://www.downxia.com/downinfo/3255.html
FLASH CS3汉化文件:http://ishare.iask.sina.com.cn/cgi-bin/fileid.cgi?fileid=2977271
Flash Slideshow Builder v4.0 汉化版
软件说明:
Flash 幻灯/相册制作工具。这是一个专业的 Flash 相册制作工具
下载地址:http://www.crsky.com/soft/6784.html
二、FLASH 3D制作软件
Swift 3D v3.00 Build 184
软件说明:Swift 3D 是专业的矢量 3D 软件
下载地址:http://www.crsky.com/soft/1035.html
3DFlashAnimator4
软件说明:一套理想的Flash动画制作软件,还可以制作出高水准具互动效果的3D Flash动画。
下载地址:http://ishare.iask.sina.com.cn/cgi-bin/fileid.cgi?fileid=2695702
三、FLASH制作辅助软件
KoolMoves v6.12 汉化版
软件说明:一个动画制作软件,能够制作 Flash 动画以及与动画相关的内容
下载地址:http://www.crsky.com/soft/3931.html
SWFText v1.3 特别版
软件说明:一款Flash文字动画制作工具
下载地址:http://down.chinaz.com/soft/13718.htm
FlaX V4.10
软件说明:FlaX 是一款制作 Flash 文字特效的工具
下载地址:http://www.skycn.com/soft/5250.html
flash水波制作器v2.3绿色汉化版
软件说明:Sqirlz Water Reflections专门用来给图片做动态美工的软件
下载地址:http://ishare.iask.sina.com.cn/cgi-bin/fileid.cgi?fileid=2695661
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
lz修改
最好就下载本站上传的
flash水波制作器v2.4英汉双语绿色版
Sqirlz Water Reflections 2.4.part1.rar (1.14 MB)
Sqirlz Water Reflections 2.4.part2.rar (1.05 MB)
制作效果图:

┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
iSHmax v1.0 Build 2006.06.29 特别版
软件说明:可轻易的在短时间内制作出复杂的文本,图像,图形蜕舻男Ч?
下载地址:http://down.chinaz.com/soft/17532.htm
A4Desk v5.84(FLASH网站制作)
软件说明:基于模板的所见即所得的FLASH菜单和FLASH网站创作工具,无需编码即可制作出吸引人的FLASH。
下载地址:http://down.chinaz.com/soft/7517.htm
123 Flash Menu v2.6.0.1250 特别版
软件说明:一款制作Flash菜单的软件,内置数计百计的模板,支持多种浏览器,可所见即所得,并有预览功能
下载地址:http://down.chinaz.com/soft/18421.htm
SWF Lock and Load v1.208 汉化版
软件说明:一款帮助您为常规 Flash 剪辑加入预载器(如:动画显示的“正在加载”等等)的工具
下载地址:http://www.crsky.com/soft/8044.html
eFlashMTV V4.6 build 200702101
软件说明:一款快速制作flash MTV的软件.
下载地址:http://www.skycn.com/soft/28234.html
Flash库批量改名器 V1.0
软件说明:轻松的批量库改名工具
下载地址:http://www.skycn.com/soft/33183.html
Adobe After Effects7.0 绿色专业版
软件说明:Adobe After Effects 7.0 软件可以帮助您高效、精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。
下载地址:http://www.xdowns.com/soft/10/142/2007/Soft_37091.html
Adobe Audition 3.0 汉化特别优化版
软件说明:一个专业音频编辑和混合环境。
下载地址:http://www.downxia.com/downinfo/3910.html
particleIllusion 3.01a 幻影粒子特效软件
软件说明:一套分子效果系统及合成影像工具,
下载地址:http://www.9941.cn/down/down/?type=detail&id=59
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
lz修改
正确地址:http://www.9941.cn/down/down/common/upload/2007/6/lizi.rar
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
Adobe Photoshop CS3 10.0.1.0 绿色简体精简版
软件说明:处理图片的
下载地址:http://www.xdowns.com/soft/31/93/2007/Soft_39370.html
四、FLASH加密软件
SWF Encrypt v4.0.4
软件说明:为你的Flash SWF文件提供了安全保护
下载地址:http://www.crsky.com/soft/8046.html
五、FLASH破解软件
Sothink SWF Decompiler v3.7.70607
软件说明:世界上 Flash 电影反编译和元素提取的领军工具
下载地址:http://www.crsky.com/soft/10242.html
Sothink SWF Quicker v2.1 build 60405 特别版
软件说明:一款可以直接将SWF文件导入软件中直接编辑和修改
下载地址:http://down.chinaz.com/soft/5813.htm
Flash橡皮擦 V1.0 绿色特别版
软件说明:一款删除Flash对象的工具软件
下载地址:http://www.cnjinhua.cn/soft/21294.htm
Action script Viewer v5.01
软件说明:一款可以分析 Flash 文件并将其中的动作脚本(action scripts)分解出来
下载地址:http://www.crsky.com/soft/1666.html
Flash吸血鬼 2.2
软件说明:不管别人把Flash做成什么样的EXE,SWF,都可以破解
下载地址:http://www.onlinedown.net/soft/45784.htm
六、FLASH转换软件
SWiSHVideo v2.0 Build 2006.02.12 汉化版
软件说明:一款将视频文件转换为SWF文件的工具
下载地址:http://down.chinaz.com/soft/17589.htm
Audio2SWF v1.003 特别版
软件说明:可以将您的音乐文件转换为 Flash,导出格式支持 SWF/HTML/FLV/HQX)EXE等
下载地址:http://down.chinaz.com/soft/17535.htm
Flash转换王 v8.9 Build 2050
软件说明:国内首个可以将Flash的SWF动画转换为VCD/SVCD/DVD/AVI/MPEG4等转换工具
下载地址:http://www.crsky.com/soft/4688.html
flash changer1.0
软件说明:一款支持批量将EXE→SWF或SWF→EXE的工具
下载地址:http://www.cq2e.com/Soft/ShowSoft.asp?SoftID=28
GIF2SWF v2.5
软件说明:一个可以把gif文件转换Flash的swf文件的小工具
下载地址:http://www.9941.cn/down/down/?type=detail&id=37
┏━━━━━━━━━━━━━━━━━━━━━━━━━┓
lz修改
正确地址:http://www.crsky.com/soft/106.html
┗━━━━━━━━━━━━━━━━━━━━━━━━━┛
iTiny Magic Swf2Gif 1.35 汉化版
软件说明:Swf2Gif 可以帮助您把 SWF Flash 动画转为 GiF 动画
下载地址:http://nj.onlinedown.net/soft/52237.htm








