1、产品原型设计工具推荐：1. Axure，支持流程图和示意图，但流程图不能直接点击跳转，支持中文，输出 HTML、DOC、JPG 格式。2. iRise，支持流程图和示意图，流程图非常灵活，直接跳转，不支持中文。输出 HTML、DOC、JPG 格式。3. Prototype Composer，功能非常齐全（建立项目、多层次的流程设计、界面设计、数据流转设计等等）免费使用，但使用复杂度高，支持中文。不支持HTML 输出，但可以在演示。4. GUI Design Studio，GDS 可以做 WEB 原型或者客户端软件原型设计，内置了很多系统组件，并且自带了流程控制和命令触发判断。网友推荐：以前曾尝
2、试找一个很理想的原型图设计工具，但因为条件仓促，总是用 Word, 或 VISIO 就草草应付了，今天看到 Scott McDowell 的这篇 Visio Replacement? You Be the Judge 。就在这里整理一下，顺便做一个同行调查。除去我们已经熟知的微软 Visio ，下面是一些更针对交互设计的原型设计工具（都付有预览和试验下载）：Axure 预览动画 试用版下载地址 Elegance Tech 预览动画 试用版下载地址 iRise看起来是功能最完整和专业的一套提供， 不像一般的软件公司，iRise 更注重产品服务和技术支持，所以提供的是一套企业分析和相关咨询服务，并
3、拥有自己的需求管理平台，和交互原型文件阅读工具 。 预览动画 Serena 预览动画 试用版下载地址 Simunication目前被使用较多的一款软件，具有简易创建和维护特性的项目模拟工具， 从项目经理，界面设计，程序开发到项目测试，通过这个工具，可以 预览 试用版下载地址 Sofea 产品特性 MockupScreens 预览 试用版下载地址 OmniGraffle这是一个苹果 MAC 平台的界面设计工具，配合 omnigroup 的系列产品，可以有效的完成包括网页在内的商务设计工作。 预览 试用版下载地址 选择原型设计工具2008 年 12 月 1 日 评论 发表评论 在程序、网页被实现之
4、前，一定需要把界面给“画”出来，成为原型设计，就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用，漂亮，直观的原型图更是让人赏心悦目。1. Microsoft Visio我最常用的原型设计工具，几乎是 Windows 平台下惟一的“最佳”选择。有很多的模板可以选择，可以制作包括流程图、平面布置图、工程绘图、日程图、软件界面、UML、灵感脑图Visio 的优点很明显，上手很快，能比较快的画出不同种类的图，但缺点也非常明显，由于要支持不同的“模板”，Visio 的外观功能不够强大，而且Visio2007 和 Visio2003 相比，并没有很大的改变，实在对 Visio 有些失望，不过在
5、 Windows 下还有其他的选择吗？2. Microsoft PowerPoint 2007Office2007 最值得称道的是对颜色和形状的快速样式，PowerPoint 同样是，这个特点能够帮助用户很快的制作一套 UI 规范；同时，在展示原型设计是PowerPoint 的老本行。但是毕竟 PowerPoint 不是专门的原型设计工具，所以一些配套的功能不够，比如界面的文档管理，界面的上下文标识等等。另外有人 提供了一套 PowerPoint的原型模板，还是不错的。3. Axure可以说 Axure 是 Windows 上最出色的原型设计软件，原因是：够快，够简单，比 Visio 更加快，
6、既然是原型设计，当然是低保真的。Axure 提供的几个形状能满足基本的需求，但是形状的定制功能太弱，比如大尺寸的圆角框，Axure就不能很好的处理，需要用 4 个形状拼接起来。Axure 除了提供低保真的形状外，还提供了注释，界面上下文的实现，等等。其中界面上下文非常有用，如果要演示一些界面效果的话，Axure 提供的界面上下文是非常直观的。另外 Axure 能够导出 HTML 和 DOC 的文件，能很方便的将其文档化。当然低保真的界面效果总有一天会成为高保真的界面效果图，这个时候，你同样能够利用 Axure 来满足：即拥有高保真界面，又拥有界面上下文的功能。Axure 的模板功能很有特点，A
7、xure 拥有两种模板的类型，一个是传统意义上的模板，随着模板的改变，应用这个模板的页面，也会得到改变；二是小部件（Widget）类型，当应用这种类型的模板的时候，这个模板中的所有控件，都成为应用该模板的页面的独立控件，改变这种类型的模板后，其相关字页面是不会发生变化的。简单的说，就是 Widget 类型是一个控件包，你可以在新的页面中把这个包解开，把里面的东西仍在新的页面中，此后，这些东西就和Widget 没有关系了。4. OmniGraffle能画出很漂亮的流程图、原型设计，可以说是最好的原型设计软件了，但只限在 Mac OS 上，不能说是一种遗憾，在 Windows 上的用户没有办法享受
8、到这款软件。自己也没有用过，对于它的介绍也是从它的官方网站和心弦的博客中获得的。最后温伯格曾经在他的一本书中讲到（具体哪一本实在想不起来）：“我工作只用笔和纸，力图对复杂现象做出简单的解释。”有时候离开电脑屏幕，你会发现你的思考力会上升。用户体验与 Web 设计 产品, 原型, 设计 软件原型设计 DIY揭秘利器UIDesigner 2008.11.25 | by 亨利 | 交互设计 （编者注：自这篇博文发布后，得到不少业界朋友的关注，并且想得知UIDesigner 是否会对外发布，这里告诉大家：UIDesigner 是会免费对外发布的。为了方便我们制定下一步的发布计划，请大家先填写一份 UI
9、Designer 使用需求调查问卷，最后再次感谢大家对 UIDesigner 的关注。）在软件设计阶段，交互设计师或者产品经理等常常需要使用一些工具（比如 Visio、Axure RP、Flash 或者 OmniGraffle 等）制作出静态稿或者原型来表达设计思想。这些工具是各有各的优势，当然也各有各的缺点啦。那么腾讯CDC 是如何设计软件原型的呢？这里向大家介绍我们正在研发的原型设计利器UIDesigner。推荐一个原型设计工具 GUI Design Studio来源： 作者：姜思淼 时间：2008-10-23 Tag：GDS 点击： 49 GDS 可以做 WEB 原型或者客户端软件原型设
10、计，内置了很多系统组件，并且自带了流程控制和命令触发判断。研究一下就可以上手。可以由 PM 或者 UE 完全脱离开程序员来把整个客户端软件的流程全部设计完毕。调整所有的逻辑顺畅之后，再交由技术人员开发。可在此下载 GUI Design Studio 的 demo：http:/ Prototype C. 2008-08-18 16:09:47 来自: swingguy(北京)标题：介绍给大家一个免费的原型工具Serena Prototype Composer相信大家都知道或使用 Axure。 近段时间，我研究、学习了几个原型工具。对 Axure 的印象较好。不过我觉得大家对原型的理解还是有偏颇。
11、主要体现如下： 1 、原型的根本价值在于对需求的可视化、精确化，将需求从大量的文字文档中解脱出来，在原型上让客户、设计师、开发团队对需求理解一致； 2 、但是很多人在做原型的过程中，往往偏离的这个初衷，而将精力放在交互动作和视觉效果上也许这也是目前大多数人做原型的方式。但是往往忘记了为什么做原型？针对什么需求？用户需要这样吗？ （以上是我个人理解，请指正） 所以，大家在使用 Axure 之余，不妨尝试下 Serena Prototype Composer 这个原型工具。这是一个和需求完整结合，商业气息、IT 集成气氛更加深厚的集成环境。可以和需求管理、配置管理完整集成。真正让你的项目以“需求驱
12、动开发” 。 有兴趣的朋友加我百度 hi 交流：http:/ Serena 官网： http:/ 製作 Prototype 的工具標題 Axure RP 網址 http:/ 摘要 Axure RP 是一個快速繪製 Wireframe 和 Prototyping 的工具，主要用來定義應用程式的需求與規格，以及設計使用者介面與功能，使用者包括 User Experience Designers、商業分析師、資訊架構師、Usability Expert 與產品經理等專業人士。.在 Axure RP 中建立 Wireframe 和 Prototype 可以幫助您快速且有效地分析需求、驗證設計並傳達給所
13、有參與者，以確保在有限的專案時間與資源下，開發出有用和可用的應用程式。Balsamiq Mockups 網址 http:/ 摘要 此工具故意使用手繪的效果做出用戶界面元素，使人們不被漂亮的顏色所吸引 ，也不會誤認為是幾乎完成的產出。參考：推薦免費而強大的產品交互原型設計軟件Balsamiq Mockupshttp:/ Prototype Composer 網址 http:/ 摘要 免費使用，功能強大，但使用複雜度高。 標題 Pencil 網址 http:/www.evolus.vn/Pencil/Home.html 摘要 Firefox 的插件 (Add-ons) 工具，檔案只有 400K，免
14、費使用！With the power of the underlying Mozilla Gecko engine, Pencil turns your excellent Firefox 3 browser into a sketching tool with just a 400-kilobyte installation package.Pencil will always be free and can run on virtually all platforms that Firefox 3 supports. 几个 Web 应用原型设计工具 - IT 笔记版权声明：转载时请以超链接
15、形式标明文章原始出处和作者信息及本声明http:/ RP、Balsamiq Mockups 和 Serena Composer，记下试用嘅感觉：A 产品据说国内很多大型 IT 公司都在用，为了不免费卖广告，所以不说他们的名称了，用起来还是比较适合开发人员的风格，该有的东西基本上都有，常用的页面转向、鼠标事件等都有，还可以定制模版，在不同的地方套用，如果 header和 footer 之类的东西，比较方便，而且界面正规，可以生成 HTML 代码，适合拿去给正规客户演示。不过入门时需要稍为看看教程，否则还是会有点问题的。 B 产品，界面很 Q，有点涂雅的感觉，事实上在创意阶段就是应该这样子，控件很
16、多，用起来很简单方便，例如创建一个 Tab 面板，只需要拉一下控件，再写向个 Tab 名称就行了，非常简单，而且找控件时很方便，直接在搜索栏中输入，还可自动添加控件。缺点是比较简单，不够规范，如果要拿去政府、金融、保险等单位，就可能会出问题了，还有就是不支持中文，在中国，这就麻烦大了。S 产品，貌似很专业，安装后，已经迷失在界面当中了，谁学会了，就教我吧。比较结果，还是觉得 Axure 比较合适，在简用、实用中找到平衡的感觉应用软件设计需要原型设计工具 依据 ICONIX 过程与 AMDD 方法，敏捷设计的过程可以大致总结为以下的几个步骤：1.进行用例分析（或者用户故事），同时设计初步的域（d
17、omain）模型。输出：初步用例、领域模型2.同时参照用例和领域模型进行系统健壮性分析（robust ）。输出：健壮性分析图、更新的用例、初步细化的系统类图（由领域模型而来）。 3.参照健壮性分析图，进行系统详细设计画出 UML 顺序图。输出：顺序图（针对每一个用例至少一个顺序图）、最终细化的系统类图。以上过程比较清晰，其中 robust 分析过程是为了弥补用例分析用顺序图之间的 GAP 而加入的过程。不过，在第二步与第三步之间，如果能够加入原型分析（界面草图与页面流程），则其输出文档显然比系统顺序图更加直观。系统原型分析的结果能够更加有助于编程人员对与系统需求的理解，而这一步也是 AMDD
18、方法建议的步骤。所以建议加入一步：2.5. 依据用例分析文档，健壮性分析进行系统原型设计输出：原型分析文档（页面流程图、系统界面草稿）你现在在使用什么工具进行系统原型设计？MS Visio, Powerpoint, yEd, Dreamwaver, Flash 还是纸和笔？（Sparx EA 中虽然集成了界面设计工具，但是毕竟太过简单了）其实现在已经有很多专业的原型设计工具了，主要的有以下几种：1.Axure RP2.Caretta GUI Design Studio 3.iRise Studio 4.Elegance Lucid Spec 5.Mockup Screens 6.OmniGra
19、ffle (only for MAC)7.Balsamiq Mockups有免费版本，但是有功能限制（不能保存，只能其他工具进行抓图了）。但是画出来的图是手写风格的，真的非常漂亮。8.Serena Prototype Composer (free)免费版本，功能非常齐全（建立项目、多层次的流程设计、界面设计、数据流转设计等等）。9.Pencil (firefox addon)居然是作为 firefox 插件形式的产品。免费。虽然只有界面设计功能，但是已经足够令人惊奇的了。以上产品功能各具特色，都是很成熟的产品，而且非常容易使用。但是值得提到的是 Serena Prototype Composer，使我们可以免费的使用到高品质的产品，强烈建议使用。
