软件原型设计工具介绍

1、软件原型设计工具介绍GUI Design Studio工具介绍内容什么是软件原型几款常用的原型设计工具重点介绍GUI Design StudioGUI Design Studio例子演示 即把系统主要功能和接口通过快速开发制作为“软件样机”，以可视化的形式展现给用户，及时征求用户意见，从而明确无误地确定用户需求。同时，原型也可用于征求内部意见，作为分析和设计的接口之一，可方便于沟通。 整个前期的交互流程图设计完之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体生动的进行表达.原型设计是交互设计师与PD(项目主管)、PM

2、(项目经理)、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。原型的定义原型法主要价值是可视化，强化沟通，降低风险，节省后期变更成本，提高项目成功率。对于较大型的软件来说，原型系统可以成为开发团队的蓝图；另外，原型通过与客户交流，还可以提高客户满意度。原型的主要价值体现产品主要的功能；提供基本的界面风格；展示比较模糊的部分，以便于确认或进一步明确，防患于未然。原型最好是可运行的，至少在各主要功能模块之间能够建立相互连接。原型的基本要求 软件的根本目的是实现用户的需求，提供用

3、户日常使用，解决用户工作中有所不便的问题，提高其工作效率，改进质量，加强管理控制，最终直接或间接地提高其效益。因此软件开发本质上就是需求的处理和实现，而软件原型对需求确定来说具有非常重要的意义。 原型方法包括2个基本过程，即原型制作和原型评价。 如果从需求角度看软件过程，我们可以把软件过程这样划分：需求收集和分析搜集需求得到需求说明书，了解软件要做什么，做成什么样，解决用户什么问题。这时候软件公司以书面文档方式提出，例如需求问询表等。原型在软件过程的地位 提供原型并进行评价制定原型开发计划，根据用户需求及不确定的高风险部分进行原型开发，在内部进行原型评价，请客户进行原型评价，以保证确实反映了用

4、户的真正想法。实现需求当前的软件开发过程常常采用迭代方式进行开发，逐步求精，以降低风险和成本。对迭代的次数，每次迭代的里程碑，要实现的目标，及可提交的成果必须有可验证的清晰的计划。项目管理是一种艺术，迭代规划及里程碑定义都是一种挑战、一种艺术，但项目管理不在本文讨论范围。需求变更需求变更是正常的，也是难免的，应允许用户和开发团队自身对需求进行变更。变更处理的关键在于跟踪和控制，如何使产生的影响应得到控制，这属于配置管理的内容。原型在软件过程的地位 原型方法的一般过程 AxureRP-ProAxure（读音为Ack-Sure）无疑是目前最受关注的原型开发工具，其能通过组件的方式帮助网站或软件设计

5、师快速建立带有注释的原型（流程图、线框图），并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。Axure借鉴了office的界面，能够让用户快速上手，并且提供了丰富的组件样式修改，使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。然而最让人称道的是，Axure的丰富的脚本模式，可以通过点击和选择能够快速完成界面元素的交互，如链接、state切换、动态变化等效果，使得 Axure能够生成十分接近于真实产品的原型。另一方面，Axure能够导入其他人创建的元件库，使得Axure能够满足绝大多数类型产品的设计。几款软件原型设计工具AxureRP-

6、ProAxureRP-Pro的简介相较于利用PowerPoint或Visio软件，Axure RP 可以让应用网站策划人员或网站功能介面设计师，更快速且更简易的建立Web AP和Website的wireframe、流程图、prototype和规格。AxureRP-Pro不仅仅是一个原型设计工具，它可以做：网站构架图(Site Structure) AxureRP可以快速绘制树状的网站构架图，而且可以让构架图中的每一个页面节点，直接连接到对应网页。 示意图(Wireframe) Axure RP内建了许多会经常使用到的widget元件，例如：按钮(Button)、图片(Image)、文字面板(T

7、ext Panel)、选择钮(Radio Button)、下拉式菜单(Droplist)。 AxureRP-Pro的简介流程图(Flowchart)AxureRPFlowDiagram快速建立流程图就像建立wireframe一样容易，Flow Widget中有设计流程图时会经常用到的形状，您可以轻松在流程之间加入连接线并设定连接的格式。 交互设计(InteractionDesign) 大多数的widget可以对一个或多个事件产生动作，包括OnClick、OnMouseOver和OnMouseLeave等 原型设计(HTML Prototype): AxureRP可以将wireframe，输出成

8、符合InternetExplorer或Firefox等不同浏览器的HTML prototype。 自动输出word格式规格文件(Specification) Axure RP可以输出Word的格式的文件，规格文件包含了目录、网页清单、网页和附有注解的Master、Annotation、Interaction和Widget特定的资讯，以及结尾文件(例如：附录)，规格的内容与格式也可以依据不同的阅读对象来变更。AxureRP-Pro的特点快速创建带注释的示意图文件，并可根据所设置的时间周期，软件自动保存文档，确保文件安全。 在不写任何一条html与javascript语句的情况下，通过创建的文档以

9、及相关条件和注释，一键生成原型设计演示。 根据设计稿，一键生成一致而专业的word版本的原型设计文档。AxureRP-Pro的一些资源官方网站：在线教程：视频教程：英文官方下载站点：中文官方下载站点：Balsamiq mockup 主要是做界面原型设计，是一款免费的带有手绘涂鸦风格的原型设计软件，这也是他独特的地方可以手绘，当然也有丰富的各种控件元素，可以帮助你设计桌面应用软件，Web 2.0 站点，RIA富网络应用程序, Web站点和Web应用软件。 这个软件是由意大利人Peldi开发的，虽然是由个人设计的，但功能却一点不弱于其他大牌的原型设计工具：操作方面，拖拽，控件分组，甚至元素之间的对

10、齐都做得很贴心；预制了很多界面元素，从简单的输入框，下拉框，浏览器主要元素，到经常用得到的导航条，日历，表格，到复杂的Tag Cloud，Cover Flow, 地图，WYSWYG的格式工具栏等，有了这些不用从头画起，往往比用白板都快。几款软件原型设计工具Balsamiq MockupsBalsamiq Mockups的一些资源官方网站：下载地址： UIDesigner（只用于窗体原型设计）UIDesigner 是腾讯公司出的一款软件原型设计工具，类似一个IDE开发环境，它拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型。提供了32个WINDOWS客户端软件常用控件，满足使用者的

11、设计需求；提供了多个属性设置入口，分别实现最常用属性设置、一般属性设计和高级属性设计功能。 用UIDesigner制作出来的效果最终可以输出成可执行文件。双击运行后就会出现一个与最终实现效果完全一样的窗体。另外，它还是一个具有响应动作的真实原型。几款软件原型设计工具UIDesignerGUI Design Studio GUI Design Studio 是一个给应用软件设计图形用户界面（GUIs）的专业工具。 它是一个不需要软件开发和编码的完整的设计工具。屏幕上的一切都通过图形方式创建，你可以设计整个应用程序或单个窗体，对话框和组件。并组合它们来创建更多的设计，和典型界面。我们也可以将它们链

12、接在一起做为一个故事板，然后通过模拟器来运行，形成交互原型。 GUI Design Studio 将会支持所有基于微软 Windows 平台的软件环境。这个意味着，你可以先自由的设计，设计完后再选择实现工具。 按照这种方法，你可以快速聚焦到应用程序设计中，而不会被实现细节干扰。GUI Design Studio 可以被用于任何你需要画程序界面，或着想展示这些界面是如何流转和配合的时候几款软件原型设计工具GUI Design StudioGUI Design Studio特征综述快速简单的创建用户界面原型 无论你是想要在你的界面上显示应用窗口，Web页面，子面板抑或是自定义控件，该功能全面的界面

13、设计器均能帮助你快速且轻松的完成创建。 设计元素的拖曳与摆放 边缘处理以及专业化的抓取，以实现点击即 结合好设计元素 使用鼠标即可实现顺利的翻动与缩放（还支 持滚动与纵横滚轮） 可无限的进行撤销/还原操作 剪切，复制，粘贴命令 自动进行元素的父处理 校正以及间隔处理工具 GUI Design Pro特征综述多达120余种可用的内置设计元素 使用标准的Windows控件，Web元素以及其他的泛型元素创建窗体。此外，还提供很多不同情况下的变型以加快构建速度。还能组合不同设计元素以创建自定义控件以及变型。 框窗体以及对话框 工具条，菜单栏以及弹出菜单 文本框，编辑框以及组合框 按钮，单选框以及复选框

14、 滚动条，滑动条，列表，树以及表 标签，标签栏以及面板，进度条与标尺 功能条，标签面板，菜单，按钮以及其他元素 Web页面，面板，按钮以及文本列表 GUI Design Pro特征综述以不同的视图风格查看您的设计 以最合适的视图风格将之呈现给您的观众。有时，你可能需要高保真度以及认同，而有时，你可能需要相对低保真以获得反馈。GUI Design Studio允许您无需修改自己的设计即可改变您的演示效果。 从设置中选择您的视图类型 以您喜好的方式打开设计，如果需要，可以以 另一种不同的视图方式演示您的设计原型 以下视觉效果可选：Windows Vista，Windows XP Windows N

15、T/2000 (Windows Classic) 大纲/缩略图 Widows风格下有多达20余种基本颜色搭配可选 （大纲时4种可选），此外还能创建自定义搭配 GUI Design Pro特征综述生成规格说明文档 演示运行可浏览的设计原型是获取对应用程序的体验以及反馈的最佳途径，但是，有时我们也需要生成相对更传统一点的静态说明文档，以与同事或用户分享。自动生成完整的规格说明文档 包括所有的设计细节，设计中的界面， 以及所有的注释与说明 创建完整的文档或者仅包括最新的修改， 以节省空间与阅读时间 可选的格式包括： HTML，PDF ，RTF满足用户所需规格的完整HTML模板样式 HTML也提供可引用的设计组件（或材料） 用法的超链接 使用GUI Design Studio的优势 这是一款非常强大的原型制作工具，相对于Axure之类软件多是基于页面的原型设计，对于WEB网站尽管很实用，但是对于软件界面的流程设计却略显繁琐。而GUI Design Studio 却另辟蹊径，直接以