款交互原型设计工具评测

《款交互原型设计工具评测》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、4款原型设计工具介绍原文地址：http://www.evget.com/zh-CN/info/catalog/18107.html做原型设计应该用什么工具？这是一个令人感兴趣的话题，也是一个值得思考的问题。从最基本的纸笔，到Visio再到AxureRPPro，也许您在不断的尝试和比较中，依然没有一个明确的答案。其实，我们如果脱离了目的，而在这里单纯地讨论工具是没有价值的，所以，在这里我们简单介绍一些关于原型设计的工具，以帮助您更好的认识它。首先，我们要弄懂什么是原型（prototype）？原型是在项目前期阶段，以发现新想法和检验设计为主要目的的设计行为

2、，其基本要求在于体现产品主要的功能、提供基本的界面风格、展示比较模糊的部分，以便于确认或进一步明确，防患于未然。当然，原型最好是可运行的，如果不能运行，至少在各主要功能模块之间要能够建立相互连接。接下来，我们就介绍四款比较常用的原型设计工具：AxureRPPro、PrototypeComposer、BalsamiqMockups和GUIDesignStudio。AxureRPProAxureRPPro是目前最受关注的交互原型设计工具。它是Web产品前期设计的首选，能通过组件的方式帮助网站策划人员和网站功能界面设计师，快速、简易地建立WebAP和Webs

3、ite的线框图、流程图、网站架构图、示意图和HTML模版等。AxureRPPro特点：·快速创建带有注释的示意图文件，并可根据所设置的时间周期，软件自动保存文档，确保文件安全。其中，示意图内建了许多会经常使用到的Widget元件，例如：按钮、图片、文字面板、选择钮、下拉式菜单。·自动输出Word格式规格文件，规格文件包含目录、网页清单、网页和附有注解的Master、Annotation、Interaction和Widget特定的资讯，以及结尾文件（例如：附录），规格的内容与格式也可以依据不同的阅读对象来变更。·在不写任何一条Html与Javascrip

4、t语句的情况下，通过创建的文档以及相关条件和注释，可以一键生成HTMLprototype演示。·拥有丰富的脚本模式，通过点击和选择能够快速完成界面元素的交互，如链接、State切换、动态变化等效果。·大多数的Widget可以对一个或多个事件产生动作，包括OnClick、OnMouseOver和OnMouseLeave等。·拥有低保真、高保真界面和界面上下文功能。·支持流程图，但流程图不能直接点击跳转。PrototypeComposerPrototypeComposer是一款能够让非技术型的用户进行原型设计的免费软件，同时它还包括商业过程、活动、用户界面

5、、需求和数据，不但可以制作界面原型，还可以用来做项目管理，包括需求管理，数据管理。PrototypeComposer特点：·PrototypeComposer提供了完整的集成环境，可轻松的进行设计、建模，在进行开发之前使得商业应用软件合理化。·以可视化的形式描述软件的工作模型。·提供可定制的MSWord规格说明书模板库，可自动组装上从模型中产生的数据，只要点击一个按钮，就能创建任何您所需要的需求、功能、技术规格说明。·让您在真实的代码编写之前就可以看到网站是如何运行的。BalsamiqMockupsBalsamiqMockups主要是做界面原型设计，这

6、是一款带有手绘涂鸦风格的原型设计软件，这也是它独特的地方——可以手绘。BalsamiqMockups结合Wacom软件使用，绘制出的原型图既能表现涂鸦风格，又能还原手绘效果，如果您喜欢Wacom，那您一定会喜欢BalsamiqMockups。同时，为了保证原型风格的一致性，BalsamiqMockups还能将图片转化为手绘风格。在原型阶段，手绘风格可以促进设计者和客户把注意力集中在程序的功能、布局和交互上，这样当您与客户交流的时候，您就不会听到客户说“我不太喜欢这个按钮的颜色……”。当然BalsamiqMockups也有丰富的控件元素，可以帮助您快速设

7、计桌面应用软件，Web2.0站点，RIA富网络应用程序，Web站点和Web应用软件。BalsamiqMockups特点：·预制了很多界面元素，从简单的输入框、下拉框、浏览器主要元素，到经常用得到的导航条、日历、表格，再到复杂的TagCloud、CoverFlow、地图和Wyswyg的格式工具栏等。·丰富的手绘风格的Web常用元件，包括常用的Html控件、以及一些组合控件，如多媒体控制器、标签页、列表、Iphone界面元件等。·使用Xml语言来记录和保存界面元素和布局。·每个设计都能被很好的放进SVN，Git，和CVS等工具中进行管理和跟踪。·跨平台使用

8、，BalsamiqMokups是用Flex和Air实现的，所以在MacOS，Linux和Win