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