移动互联网之路——Axure RP 8.0网站与APP原型设计从入门到精通

1.1　　 了解 Axure RP
Axure RP 是一个专业的快速原型设计工具。 Axure(Ack-sure) 代表美国 Axure 公司； RP
则是 Rapid Prototyping( 快速原型 ) 的缩写，最新版本为 Axure RP 8.0，其软件启动界面 如图 1-1

所示。

图 1-1
Axure RP 的第一个版本在 2003 年诞生。它是第一个专门被用来设计与制作基于浏览器三维网
站原型的软件。9 年后，Axure RP 被公认为是网页原型工具中的标准，并且被全世界众多的用户体
验专家、商业分析人员和产品经理使用着。
移动互联网之路——Axure RP 8.0 网站与 APP 原型设计从入门到精通
2
　1.2　　 Axure RP 的安装和启动
在开始安装之前，要执行一些相关的步骤，以减少安装过程中遇到问题的可能性，例如确定运行
Axure RP 8.0 的计算机硬件要求，了解 Axure RP 8.0 版本与运行的操作系统等。具体系统要求如下。
操作系统： Windows 7/ Windows 8。
内存： 1GB。
CPU： 1GHz。
硬盘空间： 60MB。
产品的规格说明需要 Office 版本： Microsoft Office Word 2000/2003/2010。
实例分析：
该实例通过安装和启动软件，了
解软件的基本性能，熟悉软件的工作
界面。
Axure RP 8.0 的安装和启动
实例1 教学视频：视频 \ 第 1 章 \Axure RP 8.0 的安装和启动 .mp4　　源文件：无
制作步骤：
01 　将下载好的 Axure RP 安装包解压，如图 1-2 所示。解压完成后，双击打开 Axure_RP_
Pro 文件夹，如图 1-3 所示。

图 1-2

图 1-3

第 1 章　初识 Axure RP
3
02 　在 Axure_RP_Pro 文件夹中双击 AxureRP-Setup-Beta 选项，如图 1-4 所示。弹出安
装 Axure RP 软件界面，在界面上单击 Next（下一步） 按钮，完成下一步的安装，如图 1-5 所示。

图 1-4

图 1-5

03 　在 License Agreement( 许可协议 ) 下勾选 I Agree（我同意），单击 Next（下一步）按钮，
继续进行安装，如图 1-6 所示。选择软件的安装位置，单击 Next( 下一步 ) 按钮进行安装，如图 1-7 所示。

图 1-6

图 1-7

04 　继续单击 Next( 下一步 ) 按钮进行安装，如图 1-8 所示。继续单击 Next（下一步）按钮进
行安装，如图 1-9 所示。

图 1-8

图 1-9

移动互联网之路——Axure RP 8.0 网站与 APP 原型设计从入门到精通
4
05 　进入安装程序开始进行安装，如图 1-10 所示。完成软件的安装，如图 1-11 所示。

图 1-10

图 1-11

06 在“开始”菜单下可以看到 Axure RP 8.0 的启动图标，如图 1-12 所示。单击该选项即可
启动 Axure RP 8.0，启动界面如图 1-13 所示。

图 1-12

图 1-13

用户可以在软件界面中完成原型的设计与制作。执行“文件 > 退出”命令，即可退出 Axure RP
8.0 的工作界面。
　1.3　　 原型设计
原型设计概括来说是整个产品在上市之前的一个框架设计。以网站注册作为例子 , 完成前期交互
设计流程图的设计之后 , 就是原型开发的设计阶段 , 简单来说就是将页面的模块、元素、人机交互的
形式，利用线框描述的方法，更具体生动地表达出来，如图 1-14 所示。
第 1 章　初识 Axure RP
图 1-14
Axure RP 是一个专业的快速原型设计工具，让负责定义需求、规格、设计功能和界面的专家能
够快速创建应用软件或 Web 网站的线框图、流程图、原型和 Word 说明文档。作为专业的原型设计
工具，它能快速、高效地创建原型，同时支持多人协作设计和版本控制管理，如图 1-15 所示。

图 1-15
　1.4　　 Axure RP 中专业术语的区分
用户在使用 Axure RP 之前要将线框图、原型和视觉稿区分清楚，这对接下来的学习很有帮助。
1.4.1　线框图
线框图是低保真的设计图，通常以黑白线条来表达，并配以说明文字，其内容包括内容大纲 ( 什
么东西 )、信息结构 ( 在哪儿 )、用户的交互行为描述 ( 怎么操作 )。
移动互联网之路——Axure RP 8.0 网站与 APP 原型设计从入门到精通
6
除了使用笔和纸绘制线框图外，使用 Axure RP 也可以绘制线框图，其绘制线框图的最大优点
是“快”，绘制时不必在意细节，但必须表达出设计思想，不要漏掉重要部分。视觉上的审美效果应
该尽量简化，黑白灰是经典用色，也可以使用蓝色代表超链接，如图 1-16 所示。

图 1-16
好的线框图应该能够清晰、明确地表达出设计师的设计创意，在团队成员中准确传
达设计思想。在复杂项目的初始阶段，线框图是必不可少的，发挥着极其重要的作用。
提示
1.4.2　原型
原型是中 ( 低 ) 保真的产品设计图，代表最终的产品。原型 ( 指互联网产品原型 ) 的作用非常关键，
也非常丰富，有以下 4 种。
● 高效、准确地展示产品需求。
● 快速更新和迭代。
● 有效地测试不同的假设和想法。
● 将用户的需求可视化。
原型的设计应该尽可能与最终产品一致，在进入正式产品开发阶段之前，将产品原型发送给股东、
用户等进行测试，并根据他们的反馈意见进行调整，在原型中做这些工作要远远强过开发出应用程序
之后再做 , 如图 1-17 所示。

1.4.3　视觉设计稿
视觉设计稿是高保真原型的静态设计图。将视觉设计稿制作成可交互的原型就是高保真原型了。
通常来说，视觉设计稿就是视觉设计的草稿或终稿，帮助团队成员以视觉审美的角度审视产品。用优
秀的视觉设计稿制作高保真原型可以起到意想不到的作用，无论是拿去见投资人，还是收集用户反馈，
都是最佳选择，如图 1-18 所示。

第 1 章　初识 Axure RP
实例分析：
在 Axure RP 中新建项目文件的
方法有很多。本实例是通过执行新建
命令进行操作的，Axure RP 还有很
多新建项目文件的方法，详细内容将
在后面的章节中向用户讲解。
新建项目文档
实例2 教学视频：视频 \ 第 1 章 \ 新建项目文档 .mp4　　源文件&