开发者社区> 老先生二号> 正文

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

分类: 项目管理

本文转自快乐就好博客园博客,原文链接:http://www.cnblogs.com/happyday56/p/4235320.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
加上Web UI,文本-图像模型Stable Diffusion变身绘图工具,生成艺术大片
加上Web UI,文本-图像模型Stable Diffusion变身绘图工具,生成艺术大片
67 0
基于NFS存储建立WEB群(PCS工具)
基于NFS存储建立WEB群(PCS工具)
15 0
《小团队web技术搭建》(三)环境和工具的准备-第三部分
《小团队web技术搭建》(三)环境和工具的准备-第三部分
46 0
《小团队web技术搭建》(二)环境和工具的准备-第二部分
《小团队web技术搭建》(二)环境和工具的准备-第二部分
40 0
《小团队web技术搭建》(一)环境和工具的准备-第一部分
《小团队web技术搭建》(一)环境和工具的准备-第一部分
38 0
Desmos-可能是迄今为止最好用的免费Web端数学图像绘制工具
Desmos是一个在线绘制函数图像的网站,通过表达式,Desmos可以轻松的帮助你绘制你想绘制的图像,精准且方便。
265 0
学习python web 需要的掌握技能、框架、必备工具、
学习python web 需要的掌握技能、框架、必备工具、
92 0
python【模块】Selenium 自动化测试Web 工具(3)
python【模块】Selenium 自动化测试Web 工具(3)
91 0
python【模块】Selenium 自动化测试Web 工具(2)
python【模块】Selenium 自动化测试Web 工具(2)
54 0
python【模块】Selenium 自动化测试Web 工具(1)
python【模块】Selenium 自动化测试Web 工具(1)
75 0
2022-渗透测试-web目录爆破-常用的三个工具
2022-渗透测试-web目录爆破-常用的三个工具
384 0
【软件测试】使用selenium工具对Web聊天室项目进行UI自动化测试
在用户注册页面,用户输入用户名,密码,昵称,图像文件(可以不上传)即可完成注册,但是如果昵称或者用户名被注册过了,就会显示账号或昵称已经存在
76 0
【JavaWeb】Tomact部署Web项目及Maven工具的使用
Tomcat是一个web服务器,用于提供web(http,https)服务端程序,它是一个基于Java实现的一个开源且免费,也被广泛使用的HTTP服务器
92 0
dirsearch web网站目录扫描工具详解
作者主页:https://www.couragesteak.com/
315 0
+关注
老先生二号
文章
问答
视频
相关电子书
更多
PWA:移动Web的现在与未来
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多