做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具。在PM朋友们的推荐下使用了很多各种各样的软件,当然选择一款真正适合自己的工具也是很重要,在这里就把我使用过的工具都介绍一下。
主要有:Office、Axure Rp、Balsamiq mockup、Pencil、rational rose、Serena Prototype Composer、iRise Studio、GUIDesignStudio、UIDeginer。
Office
Office我想几乎人人都要用,但真正用的强悍的人还是少见。我订阅的youtube有一个视频作者就是专门教人使用office,很多方法很新颖。Office有一系列的软件可以在原型设计中使用:Word、Visio、PPT,其中我用过Word做过线框图和流程图,原型设计我主要是依靠表格,Visio可以做很强大的流程图,也有人用他来做网页(我从来不用),PPT演示效果非常不错,所以也有人用来做原型,但是操作相对比较繁琐。

Axure Rp
Axure Rp就太强大了,非常适合做Web网站原型,交互效果都非常好,Axure发音是“Ack-Sure”,RP则是”RapidPrototyping”快速原型的缩写,是美国Axure Software Solution公司的精心杰作,可以说Axure是web产品前期设计的首选,能帮助网站需求设计者,快速完成原型文档、交互界面、功能流程,可以直接生成浏览器demo版本或是word文档,建议所有做产品的朋友都可以尝试一下。
如果你很多复杂的交互功能控制不好,网上也有很多的控件模块供你下载,前段时间也有人作出Pro5.1的汉化补丁,所以还是很容易上手。
Balsamiq Mockup
Balsamiq mockup主要是做界面原型设计,是一款免费的带有手绘涂鸦风格的原型设计软件,这也是他独特的地方—可以手绘,当然也有丰富的各种控件元素,可以帮助你设计桌面应用软件,Web 2.0 站点,RIA富网络应用程序, Web站点和Web应用软件。相对来说这款更容易上手,不过本人手绘能力不好所以很汗颜,不过在不断进步ing!
Pencil
Prototype Composer
Prototype Composer是一款能够让非技术型的用户进行原型设计的免费软件,还包括商业过程、活动、需求和数据,就是说不但可以制作界面原型,还可以用来做项目管理,包括需求管理,数据管理,可发布成demo原型和Word文档,但是都是英文版本。国内PM大多都是偏重产品设计,为了提高团队协调能力,可以用这个软件来锻炼。交互功能比Axure弱小点以外(也可能是我没学好),总体来说这个软件很强大啊!
iRise Studio
IRise Studio是iRise公司开发的,iRise公司就是专门为IT、互联网企业提供服务的公司,他们有一整套的应用模拟器iRise Application Simulator,能整个的模拟出产品的形状、运作、管理。而iRise Studio只是其中的一小块,主要用于产品界面设计。感觉很强大,仿真度也颇高,但本人目前也只是浅尝了一下,刚刚接触。
GUIDesignStudio
GUI Design Studio是一款图形用户界面设计工具,可以任意的使用各种web元素拼凑出产品界面,可以用过原型演示,生成word文档。但是感觉和其他工具差异性不是很大,没什么可发掘的特点,而且觉得人性化不够。
UIDeginer
UIDeginer是腾讯CDC团队捣鼓出来的玩意,大体上看起来还可以,拖拽各种元素控件组合产品生成EXE格式的demo文件,操作也比较简单方便。但是没什么特点,而且细节不够,远远不够,同样的产品比的就是细节嘛。
重点推荐前几款有图的,适合自己的就是最好的!
<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程师和设计师必读精华文章推荐</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷!15个精美的 HTML5 单页网站作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫!35个让人惊讶的 CSS3 动画效果演示</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">赞!30个与众不同的优秀视差滚动效果网站</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å!25个优秀的国外单页网站设计作品欣赏</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帅!8个惊艳的 HTML5 和 JavaScript 特效</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">顶!35个很漂亮的国外 Flash 网站作品欣赏</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇!34个漂亮网站和应用程序后台管理界面</a>
<a href="http://www.yyyweb.com/go/web" target="_blank">本博客新站点 ◆ 前端里 ◆ 欢迎围观:)</a>
欢迎任何形式的转载,但请务必注明出处。