教你产品原型设计工具有哪些。

产品原型设计工具

推荐：

1. Axure，支持流程图和示意图，但流程图不能直接点击跳转，支持中文，输出HTML、DOC、JPG格式。

2. iRise，支持流程图和示意图，流程图非常灵活，直接跳转，不支持中文。输出HTML、DOC、JPG格式。

3. Prototype Composer，功能非常齐全（建立项目、多层次的流程设计、界面设计、数据流转设计等等）免费使用，但使用复杂度高，支持中文。不支持HTML输出，但可以在演示。

4. GUI Design Studio，GDS可以做WEB原型或者客户端软件原型设计，内置了很多系统组件，并且自带了流程控制和命令触发判断。

网友推荐：

以前曾尝试找一个很理想的原型图设计工具，但因为条件仓促，总是用Word, 或VISIO就草草应付了，今天看到Scott McDowell 的这篇Visio Replacement? You Be the Judge 。就在这里整理一下，顺便做一个同行调查。

除去我们已经熟知的微软Visio ，下面是一些更针对交互设计的原型设计工具（都付有预览和试验下载）：

Axure

· 预览动画

· 试用版下载地址

Elegance Tech

· 预览动画

· 试用版下载地址

iRise

看起来是功能最完整和专业的一套提供， 不像一般的软件公司，iRise更注重产品服务和技术支持，所以提供的是一套企业分析和相关咨询服务，并拥有自己的需求管理平台，和交互原型文件阅读工具 。

· 预览动画

Serena

· 预览动画

· 试用版下载地址

Simunication

目前被使用较多的一款软件，具有简易创建和维护特性的项目模拟工具， 从项目经理，界面设计，程序开发到项目测试，通过这个工具，可以

· 预览

· 试用版下载地址

Sofea

· 产品特性

MockupScreens

· 预览

· 试用版下载地址

OmniGraffle

这是一个苹果MAC平台的界面设计工具，配合omnigroup 的系列产品，可以有效的完成包括网页在内的商务设计工作。

· 预览

· 试用版下载地址

选择原型设计工具

2008年12月1日

在程序、网页被实现之前，一定需要把界面给”画”出来，成为原型设计，就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用，漂亮，直观的原型图更是让人赏心悦目。

我最常用的原型设计工具，几乎是Windows平台下惟一的”最佳”选择。有很多的模板可以选择，可以制作包括流程图、平面布置图、工程绘图、日程图、软件界面、UML、灵感脑图……

Visio的优点很明显，上手很快，能比较快的画出不同种类的图，但缺点也非常明显，由于要支持不同的”模板”，Visio的外观功能不够强大，而且Visio2007和Visio2003相比，并没有很大的改变，实在对Visio有些失望，不过在Windows下还有其他的选择吗？

Office2007最值得称道的是对颜色和形状的快速样式，PowerPoint同样是，这个特点能够帮助用户很快的制作一套UI规范；同时，在展示原型设计是PowerPoint的老本行。

但是毕竟PowerPoint不是专门的原型设计工具，所以一些配套的功能不够，比如界面的文档管理，界面的上下文标识等等。另外有人，还是不错的。

可以说Axure是Windows上最出色的原型设计软件，原因是：够快，够简单，比Visio更加快，既然是原型设计，当然是低保真的。Axure提供的几个形状能满足基本的需求，但是形状的定制功能太弱，比如大尺寸的圆角框，Axure就不能很好的处理，需要用4个形状拼接起来。

Axure除了提供低保真的形状外，还提供了注释，界面上下文的实现，等等。其中界面上下文非常有用，如果要演示一些界面效果的话，Axure提供的界面上下文是非常直观的。

另外Axure能够导出HTML和DOC的文件，能很方便的将其文档化。

当然低保真的界面效果总有一天会成为高保真的界面效果图，这个时候，你同样能够利用Axure来满足：即拥有高保真界面，又拥有界面上下文的功能。

Axure的模板功能很有特点，Axure拥有两种模板的类型，一个是传统意义上的模板，随着模板的改变，应用这个模板的页面，也会得到改变；二是小部件（Widget）类型，当应用这种类型的模板的时候，这个模板中的所有控件，都成为应用该模板的页面的独立控件，改变这种类型的模板后，其相关字页面是不会发生变化的。简单的说，就是Widget类型是一个控件包，你可以在新的页面中把这个包解开，把里面的东西仍在新的页面中，此后，这些东西就和Widget没有关系了。

能画出很漂亮的流程图、原型设计，可以说是最好的原型设计软件了，但只限在Mac OS上，不能说是一种遗憾，在Windows上的用户没有办法享受到这款软件。自己也没有用过，对于它的介绍也是从它的和中获得的。

最后

温伯格曾经在他的一本书中讲到（具体哪一本实在想不起来）：”我工作只用笔和纸，力图对复杂现象做出简单的解释。”有时候离开电脑屏幕，你会发现你的思考力会上升。

, ,

软件原型设计DIY——揭秘利器UIDesigner

[ 2008.11.25 | by 亨利 |交互设计]

（编者注：自这篇博文发布后，得到不少业界朋友的关注，并且想得知UIDesigner是否会对外发布，这里告诉大家：UIDesigner是会免费对外发布的。为了方便我们制定下一步的发布计划，请大家先填写一份，最后再次感谢大家对UIDesigner的关注。）

　在软件设计阶段，交互设计师或者产品经理等常常需要使用一些工具（比如Visio、Axure RP、Flash或者OmniGraffle等）制作出静态稿或者原型来表达设计思想。这些工具是各有各的优势，当然也各有各的缺点啦。那么腾讯CDC是如何设计软件原型的呢？这里向大家介绍我们正在研发的原型设计利器UIDesigner。

推荐一个原型设计工具GUI Design Studio

来源：作者：姜思淼时间：2008-10-23Tag：GDS点击：49

GDS可以做WEB原型或者客户端软件原型设计，内置了很多系统组件，并且自带了流程控制和命令触发判断。研究一下就可以上手。可以由PM或者UE完全脱离开程序员来把整个客户端软件的流程全部设计完毕。调整所有的逻辑顺畅之后，再交由技术人员开发。

可在此下载GUI Design Studio的demo：

绍给大家一个免费的原型工具——Serena Prototype C…

標題

Axure RP

網址

摘要

Axure RP是一個快速繪製Wireframe 和Prototyping的工具，主要用來定義應用程式的需求與規格，以及設計使用者介面與功能，使用者包括User Experience Designers、商業分析師、資訊架構師、Usability Expert與產品經理等專業人士。.在Axure RP中建立Wireframe和Prototype可以幫助您快速且有效地分析需求、驗證設計並傳達給所有參與者，以確保在有限的專案時間與資源下，開發出有用和可用的應用程式。

Balsamiq Mockups

網址

摘要

· 此工具故意使用手繪的效果做出用戶界面元素，使人們不被「漂亮的顏色」所吸引 ，也不會誤認為是「幾乎完成的產出」。參考：推薦免費而強大的產品交互原型設計軟件—Balsamiq Mockupshttp://hi.baidu.com/inetpm/blog/item/36262813b595e6866438db4d.html

標題

Prototype Composer

網址

摘要

免費使用，功能強大，但使用複雜度高。

標題

Pencil

網址

摘要

Firefox 的插件 (Add-ons) 工具，檔案只有 400K，免費使用！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笔记]

：转载时请以超链接形式标明文章原始出处和作者信息及

找到几个产品来比较：Axure RP、Balsamiq Mockups和Serena Composer，记下试用嘅感觉：

A产品据说国内很多大型IT公司都在用，为了不免费卖广告，所以不说他们的名称了，用起来还是比较适合开发人员的风格，该有的东西基本上都有，常用的页面转向、鼠标事件等都有，还可以定制模版，在不同的地方套用，如果header和footer之类的东西，比较方便，而且界面正规，可以生成HTML代码，适合拿去给正规客户演示。不过入门时需要稍为看看教程，否则还是会有点问题的。

B产品，界面很Q，有点涂雅的感觉，事实上在创意阶段就是应该这样子，控件很多，用起来很简单方便，例如创建一个Tab面板，只需要拉一下控件，再写向个Tab名称就行了，非常简单，而且找控件时很方便，直接在搜索栏中输入，还可自动添加控件。缺点是比较简单，不够规范，如果要拿去政府、金融、保险等单位，就可能会出问题了，还有就是不支持中文，在中国，这就麻烦大了。

S产品，貌似很专业，安装后，已经迷失在界面当中了，谁学会了，就教我吧。

比较结果，还是觉得Axure比较合适，在简用、实用中找到平衡的感觉

依据ICONIX过程与AMDD方法，敏捷设计的过程可以大致总结为以下的几个步骤：

1. 进行用例分析（或者用户故事），同时设计初步的域（domain）模型。输出：初步用例、领域模型

2. 同时参照用例和领域模型进行系统健壮性分析（robust）。输出：健壮性分析图、更新的用例、初步细化的系统类图（由领域模型而来）。

3. 参照健壮性分析图，进行系统详细设计——画出UML顺序图。输出：顺序图（针对每一个用例至少一个顺序图）、最终细化的系统类图。

以上过程比较清晰，其中robust分析过程是为了弥补用例分析用顺序图之间的GAP而加入的过程。不过，在第二步与第三步之间，如果能够加入原型分析（界面草图与页面流程），则其输出文档显然比系统顺序图更加直观。系统原型分析的结果能够更加有助于编程人员对与系统需求的理解，而这一步也是AMDD方法建议的步骤。所以建议加入一步：2.5. 依据用例分析文档，健壮性分析进行系统原型设计输出：原型分析文档（页面流程图、系统界面草稿）你现在在使用什么工具进行系统原型设计？MS Visio, Powerpoint, yEd, Dreamwaver, Flash还是纸和笔？（Sparx EA中虽然集成了界面设计工具，但是毕竟太过简单了）其实现在已经有很多专业的原型设计工具了，主要的有以下几种：

1. Axure RP

2. Caretta GUI Design Studio

3. iRise Studio

4. Elegance Lucid Spec

5. Mockup Screens

6. OmniGraffle (only for MAC)

7. Balsamiq Mockups有免费版本，但是有功能限制（不能保存，只能其他工具进行抓图了）。但是画出来的图是手写风格的，真的非常漂亮。

8. Serena Prototype Composer (free)免费版本，功能非常齐全（建立项目、多层次的流程设计、界面设计、数据流转设计等等）。

9. Pencil (firefox addon)居然是作为firefox插件形式的产品。免费。虽然只有界面设计功能，但是已经足够令人惊奇的了。

以上产品功能各具特色，都是很成熟的产品，而且非常容易使用。但是值得提到的是Serena Prototype Composer，使我们可以免费的使用到高品质的产品，强烈建议使用。