刘 鹏

(大庆油田试油试采分公司 作业大队,黑龙江 大庆 163514)

0 引言

油田进行软件开发时，往往是由软件开发人员进行前期调研，调研结束后根据用户需求开始项目的制作。在制作的过程中，由于软件开发人员与用户沟通过程中存在一些问题，在项目完成后期，用户会提出多处的更改意见，这就会增加软件开发人员的工作难度。而如果软件开发人员在调研结束后，制作出整个项目的原型，展示给用户看，那么不仅能够提高工组效率，而且避免了后期反复修改的麻烦，因此需要一款合适的原型设计工具。

1 Axure RP 技术概述

Axure RP 是美国Axure Software Solution 公司的旗舰产品，是一个专业的快速原型设计工具，具有让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web 网站的线框图、流程图、原型和规格说明文档的功能。作为专业的原型设计工具，它能快速、高效地创建原型，同时支持多人协作设计和版本控制管理。

Axure RP 能帮助网站需求设计者，快捷而简便的创建基于目录组织的原型文档、功能说明、交互带注释的Wireframe网页，并可自动生成用于演示的网页文件和Word 文档，以提供演示与开发。

Axure RP 的工作环境是可视化的，可以让你轻松快速的以鼠标拖拽的方式创建带有注释的线框图。不用进行编程，就可以在线框图上定义简单链接和高级交互。在线框图的基础上，可以自动生成HTML 原型和Word 格式的规格说明书。可快速创建带注释的Wireframe 文件，并可根据所设置的时间周期，使软件自动保存文档，确保文件安全。在不写任何一条HTML 与JavaScript 语句的情况下，通过创建的文档以及相关条件和注释，一键生成Prototype 演示。根据设计稿，一键生成一致而专业的Word 版本原型设计文档。

1.1 控件交互

Axure RP 具有很强大的交互功能，利用这个功能你无需熟悉JS 等编码技术就可以实现非常复杂的效果。例如：动画、页面跳转、TAB 页面、根据变量切换内容等。在新版本中增加了拖拽功能。

1.2 Axure RP 的事件

动作编辑器包含了21 个预定事件及1 个非预定事件。使用动作编辑器可以非常方便地添加交互事件，几乎不用手动写入一句代码就能完成相当复杂的交互效果。

1.3 模块的使用

模块是可以重复使用的特殊页面。一些常用模块如页首（Header）、页尾（Footer）与导航（Navigation）。模块可用在页面中或是其他模块中。只要修改模块，在所有页面中引用这个模块的模块实例就会随即全部跟着变化。模块的概念犹如PowerPoint 中母版、Dreamveawer 中模板的概念，熟练掌握模块可以大大提高原型设计的效率，并易于维护管理。如一些网站页头、页尾及通用的通知框都可以制作成模板形式。

1.4 生成HTML 原型

在Axure 中设计了带注释的线框图并定义了交互之后就可以产生一个可以互动的、基于浏览器的原型了。Axure 原型是一些HTML 和JavaScript 文件可以在IE6＋、Mozilla、Firefox浏览器中执行。通过配置和生成原型，使用HTML 原型以及发布原型来使用Axure。

2 原型设计工具比较

纸笔：简单易得，上手难度为零。有利于瞬间创意的产生与记录，有利于对文档即时的讨论与修改。使用度不高，难以表述页面流程，更难以表述交互信息与程序需求细节。

Word：上手难度低。可以画Wireframe，能够画页面流程，能够使用批注与文字说明。但是交互不好，也不利于演示。

PPT：上手难度低。易于画框架图，易于做批注，也可以表达交互流程，也擅长演示。但是不利于文档表达。

Visio：功能相对比较复杂。适合画流程图、框架图。不适合做批注与大篇幅的文字说明。同样不利于表达与演示。

hotshop／fireworks：操作难度相对较大，适合画框架图、流程图。不适合表达交互设计，不擅长文字说明与批注。

Dreamweave：操作难度大，需要基础的html 知识。适合画框架图、流程图，表达交互设计。不擅长文字说明与批注。

选择Axure 原型设计工具的原因：

①Axure 可快速绘制网站构架图，而且可以让构架图中的每一个页面节点，直接连接到对应网页。

②Axure 内设置了许多会经常使用到的Widget 元件，例如：按钮（Button）、图片（Image）、文字面板（Text Panel）、选择钮（Radio Button）、下拉式菜单（Droplist）。

③Axure 快速建立流程图就像建立Wireframe 一样容易，Flow Widget 中有设计流程图时会经常用到的形状，您可以轻松在流程之间加入连接线并设定连接的格式。

④其中大多数的Widget 元件可以对一个或多个事件产生动作，包括OnClick、OnMouseOver 和OnMouseLeave 等。

⑤Axure 可以将Wireframe 输出成符合InternetExplorer 或Firefox 等不同浏览器的HTML Prototype。

⑥Axure RP 可以输出Word 格式的文件，规格文件包含了目录、网页清单、网页和附有注解的Master、Annotation、Interaction 和Widget 特定的资讯，以及结尾文件，规格的内容与格式也可以依据不同的阅读对象来变更。

选择Axure 这一新兴原型设计工具，避开了Word、Visio、Dreamweave 等对交互表达不好、不利于演示、操作难度大、需要html 知识等劣势。它更利于各种交互功能的实现及用户体验。

3 Axure RP 在软件开发中的应用

在软件开发中，我们利用Axure 实现网站原型设计，以公司试用数据运维管理平台为例。

3.1 原型需求调查

先对软件主页进行需求调查，通过调查了解用户对主页面的设计内容有哪些要求，譬如使用者环境（开发Web 版的原型），我们都知道网页尺寸的设计与浏览器及操作系统的尺寸是息息相关的，我们需要知道一般情况下Windows XP 的任务栏高度为30px，而Windows 7 的任务栏高度为40px；我们需要知道一些主浏览器的界面参数（状态栏、菜单栏、滚动条高度等）以便更好地安排版块设计，进行内容的整体设计；然后对交互设计流程进行分析设计，画出流程图。对设计的每一个环节，都要考虑是否是按照用户需求进行的交互模式设计。

3.2 原型的总体规划

在进行正式的原型开发之前，结合实际需求做好原型的框架规划，包括原型整体风格、色调、布局、展现形式等。

①原型设计开发要有统一理念。这个统一主要是指要有统一的界面布局，如每一个子页面的风格都应该是相同或相近的，各类组件（例如文本框、下拉选择框、表格、消息提示框等）都应该是一致的。而且所有界面的重置按钮或关闭按钮的样式、事件等也应该是一致的。

②原型设计开发要有对称思想。这里关系到原型界面的布局问题，例如页面底部摆放的按钮应该是总体居中并向两边分散排列的。一个信息提示框的文字正常情况下应该是居中显示的。

③原型设计开发要注意细节。文字描述、控件展现、表格的高度及表头背景色是否一致等都要注意。此外，在原型开发时，要给每一个页面、每一个母版、每一个动态面板、每一个部件进行适当的命名，同时也有利于多人协作开发。

④原型设计开发要保持更新。这里有两层含义：一是项目开发过程中会存在需求变更的情形，此时涉及变更的原型也应随之更新；二是开发出来的原型应与对应的文档保持一致，特别是在数据项方面。

3.3 分类设计原型母版

为使原型开发真正达到快速构建的目的，在原型开发过程中尽可能地将公共部分提取并转换为母版，之后在设计开发每一个原型页面时就可以采用组装的方式，这样会大大提高开发效率，同时有利于后续一些基础数据的修改。

4 结论

快速开发原型易于客户理解，可以降低项目失败的风险，减少沟通时间。不用等到网页程序都开发好，Axure RP 产出的原型页面就可以让用户进行测试了。页面可直接连结，动线容易理解，直接体验原型，以清楚地网站原型来确认所有需求，不担心执行团队没搞懂等问题。对于决策层，能更加直观的理解系统行为，帮助决策；对于项目负责人，提高了各岗位间的沟通效率，降低沟通成本，保证项目进程；对于需求人员，更加有效的与用户沟通，减少误解，保证需求质量；对于设计开发人员，更加有效地协作沟通，降低了沟通成本，减少误解，避免返工；对于用户，能更加直观地感受系统，尽早反馈用户的需求与系统的不足。Axure RP 的使用将改变程序员的工作方式，提高工作效率。