产品原型设计工具

1、产品原型设计工具推荐：1. Axure,支持流程图和示意图，但流程图不能直接点击跳转，支持中文，输出HTMLDOCJPG&式。2. iRise,支持流程图和示意图，流程图非常灵活，直接跳转，不支持中文。输出HTMLDOCJPG 格式。3. PrototypeComposer,功能非常齐全（建立项目、多层次的流程设计、界面设计、数据流转设计等等）免费使用，但使用复杂度高，支持中文。不支持 HTML 输出，但可以在演示。4. GUIDesignStudio,GDST 以做 WE 琳型或者客户端软件原型设计， 内置了很多系统组件，并且自带了流程控制和命令触发判断。网友推荐：以前曾尝试找一个很

2、理想的原型图设计工具，但因为条件仓促，总是用Word,或VISIO就草草应付了，今天看到ScottMcDowell的这篇VisioReplacement?YouBetheJudge。就在这里整理一下，顺便做一个同行调查。除去我们已经熟知的微软Visio,下面是一些更针对交互设计的原型设计工具（都付有预览和试验下载）：Axure 预览动画 试用版下载岫计EleganceTech 预览动画 试用版下载地址iRiseDefineReviewSharedServeryut( (0nchcdi-n/ctietlcout皿ifMfjmiiiJQniiRiseReaderg-obdliDocpohkihin

3、9livpIdto*c1iiRiseiDocSJFHjrjTiDntoflViwCollaborateiRiseStudiokMreemHom-byslnelogit:requlrementiIRiseMarrigerOriUneSerena预览动画*预唬动画USABtUTYTESTING看起来是功能最完整和专业的一套提供，不像一般的软件公司，iRise更注重产品服务和技原型文件阅读工具BUSINESS口ANALYSISQZ口DEVELOPMENTI.QA_.PBOJECTMANAGEMENT术支持，所以提供的是一套企业分析和相关咨询服务,并拥有自己的需求管理平台,和交互REQU以EHENTS

4、MANAGEMENTSimunicationCSSY|TWwsNewRoman；嚼|”12闻1阴E，口吃奥吗一等雪季整mnmX雕吆。画“中疗8国囿同17由 KPurchaseQuantityvOCreditCardPnyinwitTyp*OCheckCMoneyOrderNext目前被使用较多的一款软件，具有简易创建和维护特性的项目模拟工具,面设计，程序开发到项目测试，通过这个工具，可以,!K试用版下载地址Sofea从项目经理，界产品特性MockupScreens*ifcKk-cr*EiS4Pr.预览试用版下载地址QQQQC一二r!2二三5口昌七志.”1g杂t-AITJJy( (OmniGra

5、ffleP*( (Meis.grj(fit,.u,A.员乂nM唠啰、*utJioei：4一弗FhmaL这是一个苹果MAC平台的界面设计工具，配合omnigroup的系列产品，可以有效的完成包括网页在内的商务设计工作。预临试用版下载地址FrcHfBM*1of用ectEOrigi0pi-a3VeryImportantProcess3Ht 削，3ftwE 髀CjlibrflrfrlrTUiUrtt1$KiiflKiW.sfmDtninlrlWV*Krg“r(omplrtion!也“FKAlt%仃MaewoIheUiA40Rl?grrwurenjilwArn电1F1函Re!kiri4it.SfMim*

6、MumbflIumbon强选择原型设计工具2008 年 12 月 1 日评论发表评论在程序、网页被实现之前，一定需要把界面给“画”出来，成为原型设计，就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用，漂亮，直观的原型图更是让人赏心悦目。1. MicrosoftVisio我最常用的原型设计工具，几乎是 Windows 平台下惟一的“最佳”选择。有很多的模板可以选择，可以制作包括流程图、平面布置图、工程绘图、日程图、软件界面、UML灵感脑图,Visio 的优点很明显，上手很快，能比较快的画出不同种类的图，但缺点也非常明显，由于要支持不同的“模板”，Visio 的外观功能不够强大，而且

7、Visio2007 和 Visio2003相比，并没有很大的改变，实在对 Visio 有些失望，不过在 Windows 下还有其他的选择吗？2. MicrosoftPowerPoint2007Office2007 最值得称道的是对颜色和形状的快速样式，PowerPoint 同样是，这个特点能够帮助用户很快的制作一套 UI 规范；同时，在展示原型设计是 PowerPoint的老本行。但是毕竟 PowerPoint 不是专门的原型设计工具， 所以一些配套的功能不够， 比如界面的文档管理，界面的上下文标识等等。另外有人提供了一套 PowerPoint 的原型模板，还是不错的。3. Axure可以说

8、Axure 是 Windows 上最出色的原型设计软件， 原因是： 够快， 够简单， 比 Visio更加快，既然是原型设计，当然是低保真的。Axure 提供的几个形状能满足基本的需求，但是形状的定制功能太弱，比如大尺寸的圆角框，Axure 就不能很好的处理，需要用 4 个形状拼接起来。Axure 除了提供低保真的形状外，还提供了注释，界面上下文的实现，等等。其中界面上下文非常有用，如果要演示一些界面效果的话，Axure 提供的界面上下文是非常直观的。另外 Axure 能够导出 HTM 你口 DOC 勺文件，能很方便的将其文档化。当然低保真的界面效果总有一天会成为高保真的界面效果图，这个时候，你

9、同样能够利用 Axure 来满足：即拥有高保真界面，又拥有界面上下文的功能。Axure 的模板功能很有特点，Axure 拥有两种模板的类型，一个是传统意义上的模板，随着模板的改变，应用这个模板的页面，也会得到改变；二是小部件(Widget)类型，当应用这种类型的模板的时候，这个模板中的所有控件，都成为应用该模板的页面的独立控件， 改变这种类型的模板后，其相关字页面是不会发生变化的。简单的说，就是 Widget 类型是一个控件包，你可以在新的页面中把这个包解开，把里面的东西仍在新的页面中，此后，这些东西就和 Widget 没有关系了。4. OmniGraffle能画出很漂亮的流程图、原型设计，可

10、以说是最好的原型设计软件了，但只限在MacOS 上，不能说是一种遗憾，在 Windows 上的用户没有办法享受到这款软件。自己也没有用过，对于它的介绍也是从它的官方网站和心弦的博客中获得的。最后温伯格曾经在他的一本书中讲到（具体哪一本实在想不起来）：“我工作只用笔和纸，力图对复杂现象做出简单的解释。”有时候离开电脑屏幕，你会发现你的思考力会上升。仆，*用户体验与 Web 设计产品,原型,设计软件原型设计 DIY揭秘利器 UIDesigner2008.11.25|by 亨禾 1|交互设计（编者注：自这篇博文发布后，得到不少业界朋友的关注，并且想得知UIDesigner 是否会对外发布，这里告诉大

11、家：UIDesigner 是会免费对外发布的。为了方便我们制定下一步的发布计划，请大家先填写一份 UIDesigner 使用需求调查问卷，最后再次感谢大家对 UIDesigner 的关注。）在软件设计阶段，交互设计师或者产品经理等常常需要使用一些工具（比如Visio、AxureRP、Flash 或者 OmniGraffle 等）制作出静态稿或者原型来表达设计思想。这些工具是各有各的优势，当然也各有各的缺点啦。那么腾讯 CDC 是如何设计软件原型的呢？这里向大家介绍我们正在研发的原型设计利器 UIDesigner。审Pu-L：iJSt_t_J二尸x1越gr.Jgj,常否旧片”；务工皿犀性住占:曾

12、SH1或H中.上亚llufeLT，丁7年%14钿匚EHa门上 疣）“MrtwCh+TiHCwwDfnlii回Fwfc罩IT】rrI_HU_IMJKMrPencil余罔址http:/www.evolus.vn/Pencil/Home.html摘要WiththepoweroftheunderlyingMozillaGeckoengine,PencilturnsyourexcellentFirefox3browserintoasketchingtoolwithjusta400-kilobyteinstallationpackage.Pencilwillalwaysbefreeandcanrunonv

13、irtuallyallplatformsthatFirefox3supports.摘要Firefox的插件(Add-ons)工具，槽案只有400K,免费使用!功能弓金大，但使用禊亲隹度高小妻3二 T版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明http:/ 和 SerenaComposer,记下试用口既感觉：A 产品据说国内很多大型 IT 公司都在用，为了不免费卖广告，所以不说他们的名称了，用起来还是比较适合开发人员的风格，该有的东西基本上都有，常用的页面转向、鼠标事件等都有，还可以定制模版，在不同的地方套用， 如果 header 和 footer 之类的东西， 比较方便，

14、而且界面正规， 可以生成 HTML 代码，适合拿去给正规客户演示。不过入门时需要稍为看看教程，否则还是会有点问题的。B 产品，界面很 Q,有点涂雅的感觉，事实上在创意阶段就是应该这样子，控件很多，用起来很简单方便，例如创建一个 Tab 面板，只需要拉一下控件，再写向个Tab 名称就行了，非常简单，而且找控件时很方便，直接在搜索栏中输入，还可自动添加控件。缺点是比较简单，不够规范，如果要拿去政府、金融、保险等单位，就可能会出问题了，还有就是不支持中文，在中国，这就麻烦大了。S 产品，貌似很专业，安装后，已经迷失在界面当中了，谁学会了，就教我吧。比较结果，还是觉得 Axure 比较合适，在简用、实

15、用中找到平衡的感觉应用软件设计需要原型设计工具依据 ICONIX 过程与 AMDD 方法，敏捷设计的过程可以大致总结为以下的几个步骤：1 .进行用例分析（或者用户故事），同时设计初步的域（domain）模型。输出：初步用例、领域模型2 .同时参照用例和领域模型进行系统健壮性分析（robust）。输出：健壮性分析图、更新的用例、初步细化的系统类图（由领域模型而来）。3 .参照健壮性分析图，进行系统详细设计一一画出 UML 顺序图。输出：顺序图（针对每一个用例至少一个顺序图）、最终细化的系统类图。以上过程比较清晰，其中 robust 分析过程是为了弥补用例分析用顺序图之间的 GAP而加入的过程。不

16、过，在第二步与第三步之间，如果能够加入原型分析（界面草图与页面流程），则其输出文档显然比系统顺序图更加直观。系统原型分析的结果能够更加有助于编程人员对与系统需求的理解，而这一步也是 AMDD 方法建议的步骤。所以建议加入一步：2.5.依据用例分析文档，健壮性分析进行系统原型设计输出：原型分析文档（页面流程图、系统界面草稿）你现在在使用什么工具进行系统原型设计？MSVisio,Powerpoint,yEd,Dreamwaver,Flash 还是纸和笔？（SparxEA 中虽然集成了界面设计工具，但是毕竟太过简单了）其实现在已经有很多专业的原型设计工具了，主要的有以下几种：1. AxureRP2. CarettaGUIDesignStudio3. iRiseStudio4. EleganceLucidSpec5. MockupScreens6. OmniGraffle（onlyforMAC）7. BalsamiqMockups有免费版本，但是有功能限制（不能保存，只能其他工