速学AXURE RP——产品原型设计从入门到进阶

前言
第1章 你好，Axure RP / 1
本章将介绍Axure RP软件的安装，软件的功能模块，完成基本设置，并介绍软件的基本操作。

1.1 什么是Axure RP / 2
1.2 完成Axure RP的安装 / 2
1.2.1 软件下载 / 2
1.2.2 软件安装 / 2
1.2.3 软件汉化 / 3
1.2.4 软件授权 / 4
1.3 熟悉Axure RP的基本功能 / 5
1.3.1 快捷工具栏 / 5
1.3.2 页面功能面板 / 5
1.3.3 元件功能面板 / 5
1.3.4 母版功能面板 / 6
1.3.5 交互功能面板 / 6
1.3.6 样式功能面板 / 7
1.3.7 说明功能面板 / 7
1.3.8 概要功能面板 / 8
1.3.9 画布 / 9
1.4 画布中的操作技巧 / 10
1.4.1 元件的操作 / 10
1.4.2 画布的操作 / 11
1.4.3 辅助线的操作 / 12
1.4.4 页面标签的操作 / 12
1.5 让Axure RP更易用——设置基本
工作环境 / 13
1.5.1 偏好设置 / 13
1.5.2 视图设置 / 15
1.6 认识Axure RP的文件类型 / 17

第2章 上手Axure RP—基于线框草图的原型设计 / 18
通过一个完整的Web产品设计案例——产品班网站的设计，分析并梳理产品结构，通过产品结构完成产品原型结构搭建，并进一步完善页面布局和功能组成，*终形成能够体现产品需求的线框草图。在这一章中，还对元件与母版的用途进行了详细介绍，让读者能够灵活地使用元件，提升原型制作的效率。

2.1 了解思维导图工具——Xmind / 19
2.1.1 关于Xmind / 19
2.1.2 Xmind下载与安装 / 19
2.1.3 设置图表类型 / 19
2.1.4 基本操作 / 19
2.2 使用Xmind建立产品结构 / 20
2.2.1 产品的页面组成 / 20
2.2.2 产品的功能组成 / 22
2.2.3 产品的元素组成 / 23
2.3 Axure RP实现产品原型页面布局 / 25
2.3.1 产品的页面组成 / 26
2.3.2 产品的功能组成 / 27
2.3.3 设置产品原型的尺寸 / 29
2.3.4 栅格化布局 / 31
2.3.5 绘制草图 / 34
2.4 别用错了那个元件——详解
Axure RP的元件库 / 36
2.4.1 图标元件库（Icons） / 36
2.4.2 流程元件库（Flow） / 40
2.4.3 默认元件库（Default） / 43
2.4.4 更多元件库 / 51
2.4.5 图标字体 / 52
2.5 让原型变一个样子——设置样式 / 57
2.5.1 元件的样式设置 / 57
2.5.2 页面的样式设置 / 73
2.5.3 管理元件与页面的样式方案 / 75
2.6 拒绝重复工作——母版的使用 / 79

第3章 让用户看到我们的原型 / 86
原型设计文件是供产品设计师们和产品经理们讨论产品的一个沟通交流工具，如何把产品原型设计文件发布出来供大家使用是必须掌握的内容。本章将介绍把Axure RP制作的原型文件发布出来供用户使用的几种方法。

3.1 把原型页面导出图片 / 87
3.2 实时预览查看原型设计效果 / 87
3.3 让用户通过链接查看原型 / 88
3.4 将原型生成HTML文件 / 91
3.5 简洁实用的原型播放器 / 92
3.6 安装插件谷歌浏览器 / 95

第4章 Axure RP交互原型的快速实现 / 98
介绍交互的概念以及交互分析的方法，完成线框草图向交互原型的过渡。

4.1 了解交互的概念 / 99
4.2 元件的属性 / 99
4.2.1 形状的属性 / 99
4.2.2 图片的属性 / 102
4.2.3 文本框的属性 / 102
4.2.4 文本域的属性 / 105
4.2.5 下拉列表的属性 / 105
4.2.6 列表框的属性 / 106
4.2.7 单选按钮的属性 / 107
4.2.8 复选框的属性 / 107
4.3 通过交互触发的样式 / 108
4.3.1 提示文字的样式 / 110
4.3.2 获取焦点时的样式 / 110
4.3.3 鼠标悬停时的样式 / 110
4.3.4 鼠标按下时的样式 / 111
4.3.5 选中时的样式 / 111
4.3.6 禁用时的样式 / 112
4.4 完成交互事件的固定套路 / 114
4.4.1 交互事件分析的方法 / 114
4.4.2 交互事件设置的过程 / 115
4.4.3 交互事件的情形 / 120
4.4.4 情形的条件设置 / 122
4.4.5 交互事件操作小结 / 139
4.5 用元件组合实现交互 / 142
4.5.1 交互动作统一控制多个元件 / 142
4.5.2 多个元件添加同一交互事件 / 145
4.6 用内联框架嵌入内容实现交互 / 148
4.6.1 嵌入项目内页面 / 148
4.6.2 链接URL或文件 / 151
4.7 通过功能强大的动态面板实现
交互 / 156
4.7.1 动态面板的状态编辑 / 156
4.7.2 动态面板的多状态切换 / 159
4.7.3 动态面板状态的循环切换 / 165
4.7.4 使动态面板适应页面宽度 / 169
4.7.5 动态面板固定到浏览器的
功能 / 172
4.7.6 动态面板滚动时的交互 / 174
4.7.7 动态面板拖动时的交互 / 176

第5章 用Axure RP让产品文档更精彩 / 184
介绍如何通过Axure RP将产品原型更好地与产品文档相结合，以更加明确地通过产品原型设计文件体现产品需求，方便产品设计过程中的沟通与交流。

5.1 用标记元件实现产品结构图 / 185
5.2 用标记元件表达产品功能的使用场景 / 187
5.3 形式多样的产品原型标注说明 / 190

第6章 玩转Axure RP中的变量与函数 / 193
介绍变量与函数在交互原型中的应用，体现如何通过变量与函数解决原型交互需求，提升原型制作效率，让原型有更好的扩展性与重用性。

6.1 Axure RP中的公式 / 194
6.2