Axure RP绘制原型

Axure RP绘制原型

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

Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等，另外，架构师、程序开发工程师也在使用Axure。

1．安装、配置Axure RP Pro

1.1 安装Axure RP Pro

（1）双击安装包中的“rj_tv1876.exe”文件，开始安装Axure RP Pro软件，打开“准备安装”对话框，如图1所示。

图1 准备安装Axure RP Pro

（2）单击“准备安装”对话框中的“开始安装”按钮，打开“安装向导”对话框，如图2所示。

图2 安装向导

（3）单击“Next”按钮，进入“接受许可协议”对话框，勾选“I Agree”（我接受）复选框，接受软件许可协议，如图3所示。如果不接受许可协议，安装过程将结束。

图3 接受许可协议

（4）单击“Next”按钮，进入“选择安装位置”对话框，单击“Browse”按钮，选择软件的安

装位置，如图4所示。

图4 选择安装位置

（5）单击“Next”按钮，进入“设置快捷方式”对话框，设置在“开始”菜单中显示的快捷菜单名称，如图5所示。此处选择默认的快捷方式名称“Axure”即可。

图5 设置快捷方式

（6）单击“Next”按钮，完成所有安装设置，打开“完成安装向导”对话框，如图6所示。

图6 完成安装向导

（7）单击“Next”按钮，开始复制文件到安装位置，如图7所示。

图7 复制文件

（8）复制结束后，安装过程全部结束，Axure RP将被成功安装在系统中，显示如图8所示的

“成功安装”对话框。

图8 成功安装

（9）选择默认的“Run Axure RP Pro”复选框，单击“Finish”按钮，进入Axure RP主界面，如图9所示。

图9 Axure RP主界面

1.2 破解Axure RP Pro

打开Axure RP的主界面后，依次选择“Help”、“Manage License Key”菜单项，打开管理注册码对话框，如图10所示。

图10 管理注册码

输入正确的许可持有人名称（Licensee）和注册码（Key），单击“Submit”按钮，完成注册。一个可用的Licensee和Key分别是“axureuser”和

“8wFfIX7a8hHq6yAy6T8zCz5R0NBKeVxo9IKu+kgKh79FL6IyPD6lK7G6+tqEV4LG”。

1.3 导入Android原型库

（1）安装Axure RP后，还需要导入Android原型库才可以从事Android移动应用原型设计。单

击“Widgets”面板区域的“”下拉列表框，选择“Load Library”（导入库）项，如图11所示。

图11 选择“Load Library”菜单项

（2）从打开的对话框中选择库文件，如“Android 4.0 – Holo Dark.rplib”和“Android 4.0 – Holo Light.rplib”，如图12所示。

图12 选择原型库文件

（3）单击“打开”按钮，在“Widgets”面板区域将出现Android原型库组件，如图13所示。

图13 显示导入原型库中的组件

2．绘制原型

2.1 熟悉Axure RP Pro 7.0操作界面

Axure RP Pro 7.0是Axure RP的专业版，一个典型的Axure RP Pro 7.0操作界面如图14所示，它通常包括主菜单/工具栏、Sitmap面板、组件面板、Master面板、主设计区、页面交互面板、交互设置面板、组件属性面板和组件管理面板等区域。

Sitemap面板区域显示了一个项目中的各种界面原型，如“Home”表示项目名称，“Page1”表示Home项目中的一个界面原型（称之一页）。一个项目由若干个页组成，每页包含若干个组件。

组件面板区域显示了可供使用的各种原型组件，如手机面板、按钮、文件框、单选钮等。如果需要使用某组件，直接将其从组件面板区域拖动到主设计区即可。

主设计区显示了一个页的界面原型，它由界面原型的各种组件组成，如一个登录界面原型可以由标签、文本框、按钮等组件组成。

交互设置面板区域提供了页与页之间、组件之间进行相互切换（转换）的交互式功能，如“单击”事件处理、鼠标“按下”事件处理、键盘“按下”事件处理等。

组件属性面板区域提供了设置界面中的组件的属性的功能，如设置组件的形状、位置、字体、对齐方式等。

图14 Axure RP Pro7.0的操作界面

2.2 设计用户登录界面

2.2.1 重命名项目和页

（1）打开Axure RP Pro 7.0主界面，选择Sitemap面板区域的“Home”项目，打开右侧的“”图标，从展开的下拉列表项中选择“Rename”（重命名）项，如图15所示。此时项目名称进入可编辑状态，设置项目名称，如“送水帮手”。

图15 重命名项目

（2）按类似的方法，重命名Page1和Page2分别为“用户登录”、“主界面”。选择Page3页，打开右侧的“”图标，从展开的下拉列表项中选择“Delete”（删除）项，将Page3从项目中删除。最终项目结构如图16所示。

图16 重命名后的项目及页

（3）依次选择Axure RP Pro主界面中的“File”、“Save”菜单项，打开保存对话框，选择保存位置和文件名，如图17所示，将当前项目保存到系统中。

图17 保存项目

下次继续编辑该项目时，从该位置打开该项目文件即可。

2.2.2 添加组件到“用户登录”页

（1）选择原型库

双击Sitemap面板中的“用户登录”页，切换到用户登录界面设计视图。第一次使用Android 原型之前，需要选择原型库。从组件面板区域中单击“Select Library”右侧的“”图标，从展开的下拉列表中选择“Android 4.0 – Holo Light”项，即可以打开该Android原型库，如图18所示。

“Android 4.0 – Holo Light”与“Android 4.0 – Holo Light”这两个原型库的区别是，前者的组件背景是明亮的，后者的组件背景是较暗的。