[转]常用的快速Web原型图设计工具
转自大神:
http://www.cnblogs.com/lhb25/archive/2009/04/25/1443254.html
做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具。在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文件,操作也比较简单方便。但是没什么特点,而且细节不够,远远不够,同样的产品比的就是细节嘛。
适合自己的就是最好的!
[转]常用的快速Web原型图设计工具的更多相关文章
- 常用的快速Web原型图设计工具
做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具.在PM朋友们的推荐下使用了很多各种各样的软件,当然选择一款真正适合自己的工具也是很重要,在这里就把我使用过的工具都介绍一下. 主要有 ...
- 产品经理(PM)常用原型图设计工具
本文转贴自:http://www.zhangping.name/2010/08/28/pm-wireframes-design-tools/ ,尽管都是一些商业软件,但对设计的确非常有帮助. 天天和产 ...
- Mac 下的矢量图设计工具
Mac 下的矢量图设计工具 一图胜千言.一张清晰的示意图无论对于系统设计,流程梳理,还是其他的方方面面,都非常重要. 曾经亲见一位老同事把 FreeHand 这个矢量绘图工具用得出神入化,并且非常成功 ...
- Android原型界面设计工具
第 1 页:原型界面制作工具Lumzy 第 2 页:在线工具Mockingbird 第 3 页:开源UI工具The Pencil Project 第 4 页:JS开发工具包Dojo 第 5 ...
- 产品原型 UI 设计工具
产品原型设计工具 Balsamiq Mockups Axure RP 图像处理.绘制工具 ps,AI 跨平台 UI开发工具 QT , Unity3D
- 精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具
在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力.在这篇文章, 我向大家分享45套非常有用的 UI 和 Wireframe 套 ...
- 好用的UI设计工具
51yuansu 好用的在线画UI图工具 51yuansu.com processon.com processon在线画图工具,程序流程图及UI设计原型图,脑图等 draw.io的PC版画图工 ...
- 手绘web原型设计的感受
当下有许多流行的Web原型设计工具,比如mockplus等,mockplus在我们团队初次开发rms系统用到过,确实还不错,但是,原型工具有其优势也有其劣势. 礼拜一开会时,经理跟我说,觉得现在的LM ...
- Axure原型设计工具介绍
Axure原型设计工具介绍 1759230茅杭斌 目录 1.前言 2.下载与激活 3. Axure相关功能介绍 4.Axure案例演示 5.结语 一.前言 在我们进行程序开发的时候,原型图是必不可少的 ...
随机推荐
- LEETCODE —— Surrounded Regions
Total Accepted: 43584 Total Submissions: 284350 Difficulty: Medium Given a 2D board containing 'X' a ...
- div四个边框分别设置阴影样式
对于div边框的阴影一直没有很好地理解,也一直不明白怎么给四个边框分别设置阴影.昨天项目中碰到了这个问题,就认真想了一下,在此总结一二. 首先,还是从官方解释说起. 网上的解释通常都是什么水平阴影长度 ...
- android NDK debug 遇到的问题与解决方法
最近在研究android NDK 的eclipse调试,遇到点问题,总结一下: 1.Unknown Application ABI :在application.mk里面添加APP_PLATFORM ...
- setTimeout的使用与参数传递
在使用JavaScript的时候,我们有时需要间隔的执行一个方法,比如用来产生网页UI动画特效啥的.这是我们常常会使用方法setInterval或setTimeout,但是由于这两个方法是由脚 ...
- [原创]cocos2d-x研习录-第三阶 背景音乐和音效
在游戏中,音效是一个不可或缺的部分,它可以为我们的游戏增加效果.音效在游戏中一般分为长时间的背景音乐和短促的特效音乐.Cocos2D-x支持多种常见音乐格式(mp3.wav等). Cocos2D-x提 ...
- SpringMVC 拦截器不拦截静态资源的三种处理方式
SpringMVC提供<mvc:resources>来设置静态资源,但是增加该设置如果采用通配符的方式增加拦截器的话仍然会被拦截器拦截,可采用如下方案进行解决: 方案一.拦截器中增加针对静 ...
- mysql内存使用以及优化中需要的几点注意
1.从内存中读取数据是微秒级别的.而从磁盘读则是毫秒级别的.二者相差一个数量级.所以想优化数据库,第一个要做到的就是优化io. 2.key_buffer_size[global]设置的内存区域大小缓存 ...
- IOS零碎技术整理(3)-获取wifi列表
1. 该功能实现基于MobileApple80211框架来进行开发,而目前该框架成为了私有框架,其中的API均为私有API. 如果使用这些API可能导致应用不能上app store或者ios版本升 ...
- NVMe over Fabrics又让RDMA技术火了一把
RDMA是个什么鬼?相信大部分不关心高性能网络的童鞋都不太了解.但是NVMe over Fabrics的出现让搞存储的不得不抽出时间来看看这个东西,这篇文章就来介绍下我所了解的RDMA. RDMA(R ...
- [SPI&I2C]I2C和SPI协议介绍
IIC vs SPI 现今,在低端数字通信应用领域,我们随处可见IIC (Inter-Integrated Circuit) 和 SPI (Serial Peripheral Interface)的身 ...