常用的快速Web原型图设计工具

做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具。在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!

  在线试用地址:http://www.balsamiq.com/demos/mockups/Mockups.html

Pencil

  Pencil应该是08年初在一位PM的博客书签里面找了,最初只是firefox的小插件,后来也出了独立软件。据了解得过Firefox3 插件Grand Prize大奖第一名。主要用作做原型图,我使用的是插件版,只能生成png格式的原型图。Pencil非常好用,你迅速就可以学会,各种web元素都比 较全,信手粘来进行组合就能做成一个可预览的原型图。我现在常用。安装下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/8487

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文件,操作也比较简单方便。但是没什么特点,而且细节不够,远远不够,同样的产品比的就是细节嘛。

时间: 2024-10-07 07:56:06

常用的快速Web原型图设计工具的相关文章

[转]常用的快速Web原型图设计工具

转自大神: http://www.cnblogs.com/lhb25/archive/2009/04/25/1443254.html 做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具.在PM朋友们的推荐下使用了很多各种各样的软件,当然选择一款真正适合自己的工具也是很重要,在这里就把我使用过的工具都介绍一下. 主要有:Office.Axure Rp.Balsamiq mockup.Pencil.rational rose.Serena Prototype Composer.iRi

原型图设计工具。

关键字:快速原型,原型设计,原型图设计工具. http://www.iniuche.com/ http://www.91axure.com/ http://www.iaxure.com/ http://www.chinaz.com/free/2012/0620/258374.shtml http://www.woshipm.com/rp/64741.html http://tech.sina.com.cn/s/2014-04-11/08079313055.shtml http://cdc.ten

Mockplus(摩客)- 简洁高效的原型图设计工具

Mockplus(摩客) 是一款简洁高效的在线原型图设计工具,很好的标题,基本说明了这篇文章的主要内容--! 原型设计是你对设计方案的一种直观的表达.也许你说,着跟你没啥关系.那我说个实际点的场景,小凡本人是做网站设计的,然后呢,各位卖家朋友向我表达他们对页面的设想的时候--方法各式各样,QQ 截图,Word,PPT,文本--最让我觉得难以面对的是 Excel,但是很多人喜欢用它,因为可以通过表格表达布局. 但是如果有一种只需要简单拖拽几个明确的图示加上文字就可以说的很清楚的方法,你还会又截图又

【辅助工具】20款优秀的移动产品原型和线框图设计工具(二)

接前一篇:[辅助工具]20款优秀的移动产品原型和线框图设计工具(一):http://www.cnblogs.com/haochuang/p/3997140.html 11.WireframeSketcher WireframeSketcher是一款强大的.灵活的线框图和原型快速创作工具,适用于桌面app和移动app开发者.WireframeSketcher可以作为单独的app,也可作为一个Eclipse 插件. WireframeSketcher 还是一款简单的带有手绘风格的创作工具,这样你就不

出色的移动线框图设计工具

最近在看安卓用户界面设计方面的书,想了解一些设计线框图工具.以前没用过,这几天试试,好不好用试过才知道 1. Framer------现代原型制造工具 2. Indigo Studio------快速交互的原型制造 3. Mockingbird------快速线框图设计 4. Simulify------可分享的交互式线框图,实体模型,以及原型 5. Solidify------创作可点击的原型 6. Lovely Charts------制图App应用,提供桌面和移动两个应用版本 7. For

20款优秀的移动产品原型和线框图设计工具

线框图(Wireframe)是app.软件或者网站设计过程中非常重要的一个环节,它可以合理地组织并简化内容和元素.线框图除了可以帮助开发者节省时间外,更可以加深开发者对产品的认知,给开发者一个清晰的产品构架,避免了开发者陷入层次不清.功能不明的产品设计和开发混乱状态. 1.Proto.io Proto.io是一个专用的手机原型开发平台——可以构建和部署全交互式的移动程序的原型,并且可以模拟出相似的成品.它可以运行在大多数的浏览器中,并提供了3个重要的接口:dashboard.编辑器以及播放器.

适合新人使用的Mockplus原型图设计软件

对于UI方面设计的新人来说,一是没多少经验,二是工作压力.迫切的想快速入手,AXTRUE学习起来需要一段的时间去慢慢的接触熟悉,Mockplus这款软件的横空出世,给新手带来和福音.以下本人总结的使用Mockplus的几个理由! 1.入手Mockplus简单,功能够用.不用专门学习如何使用.工具毕竟是工具,工具只是辅助你的工作,不要让工具左右你的工作,让工具成为你的负担. 2.拿着设计的原型,给项目经理和技术讲解,人家一眼就能看明白你要做什么东西了.附上简单的说明,人家就能拿你的原型图做开发了.

Android原型界面设计工具

 第 1 页:原型界面制作工具Lumzy  第 2 页:在线工具Mockingbird  第 3 页:开源UI工具The Pencil Project  第 4 页:JS开发工具包Dojo  第 5 页:排版托管Mocklinkr  第 6 页:在线排版工具MockFlow  第 7 页:Serena Prototype Composer  第 8 页:在线绘图工具Cacoo  第 9 页:UI工具DENIM  第 10 页:网上应用线框Hot Gloo  第 11 页:User Interfa

Axure RP——原型图设计,做一个合格的产品经理(1)

一.关于Axure Axure是一款设计页面原型图的软件工具,它可以通过拖拽组件的方式快速生成页面预览,还可以对组件进行丰富的样式和事件设定,使页面预览更接近实际效果. Axure通常用于网站或软件开发的需求分析阶段,产品经理在分析了客户提出的需求后,在团队开发能力范围内设计产品的预览效果,大致确定成品的验收标准. 二.使用Axure 1.操作页面 2.在页面目录窗口新建或删除页面,调整页面结构 3.鼠标在元件窗口选择组件或图标拖拽到工作窗口进行页面搭建 4.在检查窗口的属性版里设置触发事件.在