常用的快速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!

  在线试用地址:

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,如需转载请自行联系原作者
相关文章
|
1月前
|
人工智能 前端开发 API
Gemini Coder:基于 Google Gemini API 的开源 Web 应用生成工具,支持实时编辑和预览
Gemini Coder 是一款基于 Google Gemini API 的 AI 应用生成工具,支持通过文本描述快速生成代码,并提供实时代码编辑和预览功能,简化开发流程。
143 38
Gemini Coder:基于 Google Gemini API 的开源 Web 应用生成工具,支持实时编辑和预览
|
2月前
|
Web App开发 IDE 测试技术
Selenium:强大的 Web 自动化测试工具
Selenium 是一款强大的 Web 自动化测试工具,包括 Selenium IDE、WebDriver 和 Grid 三大组件,支持多种编程语言和跨平台操作。它能有效提高测试效率,解决跨浏览器兼容性问题,进行性能测试和数据驱动测试,尽管存在学习曲线较陡、不稳定等缺点,但其优势明显,是自动化测试领域的首选工具。
266 17
Selenium:强大的 Web 自动化测试工具
|
2月前
|
Java 开发者 微服务
Spring Boot 入门:简化 Java Web 开发的强大工具
Spring Boot 是一个开源的 Java 基础框架,用于创建独立、生产级别的基于Spring框架的应用程序。它旨在简化Spring应用的初始搭建以及开发过程。
103 6
Spring Boot 入门:简化 Java Web 开发的强大工具
|
3月前
|
人工智能 前端开发 计算机视觉
Inpaint-Web:纯浏览器端实现的开源图像处理工具
在刷短视频时,常看到情侣在景区拍照被路人“抢镜”,男朋友用手机将路人“P”掉,既贴心又有趣。最近我发现了一个纯前端实现的开源项目——inpaint-web,可在浏览器端删除照片中的部分内容,非常酷。该项目基于 WebGPU 和 WASM 技术,支持图像修复与放大,已在 GitHub 上获得 5.1k Star。项目地址:[GitHub](https://github.com/lxfater/inpaint-web)。
98 3
 Inpaint-Web:纯浏览器端实现的开源图像处理工具
|
3月前
|
前端开发 JavaScript 开发者
构建响应式设计的现代Web应用:实用技巧与工具
【10月更文挑战第24天】本文介绍了构建响应式Web应用的实用技巧和工具,涵盖流体网格布局、弹性图片、CSS媒体查询、CSS Grid和Flexbox、响应式导航菜单、图片和字体的响应式处理,以及测试和调试工具。掌握这些技能将帮助开发者提升用户体验和项目适应性。
|
4月前
|
缓存 前端开发 JavaScript
深入了解Webpack:现代Web开发的核心工具
【10月更文挑战第11天】深入了解Webpack:现代Web开发的核心工具
|
4月前
|
JavaScript 前端开发 API
深入了解jQuery:简化Web开发的强大工具
【10月更文挑战第11天】深入了解jQuery:简化Web开发的强大工具
41 0
|
4月前
|
开发框架 .NET 开发工具
visualstudio如何加入工作插件---Web developer工具
visualstudio如何加入工作插件---Web developer工具
60 0
|
5月前
|
机器学习/深度学习 算法 开发工具
Python Web开发工具
Python Web开发工具
67 3
|
5月前
|
安全 前端开发 JavaScript
Web安全-网页开发者工具
Web安全-网页开发者工具
60 7

热门文章

最新文章

  • 1
    打造高效的Web Scraper:Python与Selenium的完美结合
    13
  • 2
    Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
    26
  • 3
    AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
    20
  • 4
    【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
    54
  • 5
    部署使用 CHAT-NEXT-WEB 基于 Deepseek
    342
  • 6
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 7
    java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
    40
  • 8
    零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
    28
  • 9
    【01】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-硬件设备实时监控系统运营版发布-本产品基于企业级开源项目Zabbix深度二开-分步骤实现预计10篇合集-自营版
    22
  • 10
    FastAPI与Selenium:打造高效的Web数据抓取服务 —— 采集Pixabay中的图片及相关信息
    55