跟小楼老师学用Axure RP 9 玩转产品原型设计

　　本书是一本Axure RP 9原型设计实用教程，面向实际应用，将Axure RP的知识内容融入一个完整的原型设计项目，由浅入深地引导新手了解产品原型的设计过程，并介绍多个独特的方法和技巧提升原型设计工作的效率与质量。全书共7章，包括：你好，Axure RP 9！、上手Axure RP——基于线框草图的原型设计、让用户看到我们的原型、Axure RP 交互原型的快速实现、用Axure RP 让产品文档更精彩、玩转Axure RP 中的变量与函数、通过中继器实现产品原型的数据交互。 本书在内容上采用小萌+小楼老师对话交流的方式呈现，比较轻松接地气，全书包含64个案例动画（通过扫描对应二维码观看），方便读者参照学习。随书附件包括本书案例所涉及的全套原型文件、素材等相关配套资源。 无论是新手还是有一定使用基础的读者，都能够通过本书对Axure RP 9的使用获取新的认知。

　　小楼老师（小楼一夜听春语），“会点儿编程的伪产品经理”，国内产品原型设计培训师，Axure RP 系列软件汉化作者，专注Axure RP应用培训与课程研发/AxureRP图书写作多年。自2015年起出版多部国内口碑销量卓著的Axure RP教程，自2013年起开展的Axure RP企业/个人培训线上线下累计培训人数近百万，小楼老师开设的个人网站：www.iaxure.com是国内*为专业的AuxreRP教学网站（另建有产品经理资源分享平台Chanpinban.com）。近来更致力于推动Python培训（Opython.com），以满足广大学习者的实际需求。

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

1.1 Axure RP是什么？/ 2
1.2 完成Axure RP 的安装 / 3
1.2.1 软件下载 / 3
1.2.2 软件安装 / 3
1.2.3 软件汉化 / 4
1.2.4 软件授权 / 5
1.3 熟悉Axure RP 的基本功能 / 6
1.3.1 快捷工具栏 / 6
1.3.2 页面功能面板 / 6
1.3.3 元件功能面板 / 6
1.3.4 母版功能面板 / 7
1.3.5 交互功能面板 / 7
1.3.6 样式功能面板 / 8
1.3.7 说明功能面板 / 9
1.3.8 概要功能面板 / 9
1.3.9 画布 / 9

1.4 画布的基本操作 / 11
1.4.1 元件的操作 / 11
1.4.2 画布的操作 / 12
1.4.3 辅助线的操作 / 13
1.4.4 页面标签的操作 / 13
1.5 让Axure RP更易用—设置基本
工作环境 / 14
1.5.1 偏好设置 / 14
1.5.2 视图设置 / 17
1.6 认识Axure RP 的文件类型 / 19

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

2.1 了解思维导图工具—Xmind / 22
2.1.1 关于Xmind / 22
2.1.2 Xmind下载与安装 / 22
2.1.3 设置图表类型 / 22
2.1.4 基本操作 / 23
2.2 使用Xmind建立产品结构 / 23
2.2.1 产品的页面组成 / 24
2.2.2 产品的功能组成 / 26
2.2.3 产品的元素组成 / 27
2.3 Axure RP 实现产品原型页面布局 / 30
2.3.1 产品页面组成 / 30
2.3.2 产品的功能组成 / 32
2.3.3 产品原型的尺寸 / 34
2.3.4 栅格化布局 / 36
2.3.5 绘制草图 / 39

2.4 别用错了那个元件—详解
Axure RP的元件库 / 41
2.4.1 图标元件库（Icons） / 41
2.4.2 流程元件库（Flow） / 46
2.4.3 默认元件库（Default） / 49
2.4.4 更多元件库 / 58
2.5 让原型变一个样子—设置样式 / 59
2.5.1 元件的样式设置 / 60
2.5.2 页面的样式设置 / 76
2.5.3 管理元件与页面的样式方案 / 78
2.6 拒绝重复工作—母版的使用 / 82
第3章 让用户看到我们的原型 / 89
原型设计文件是供产品设计师们和产品经理们讨论产品的一个沟通交流工具，如何把产品原型设计文件发布出来供大家使用是必须掌握的内容。本章将介绍把Axure RP 9 制作的原型文件以不同形式发布出来供用户使用的方法。

3.1 把原型页面导出为图片 / 90
3.2 实时预览查看原型设计效果 / 90
3.3 让用户通过链接查看原型 / 91
3.4 将原型生成为HTML文件 / 95
3.5 简洁实用的原型播放器 / 96
3.6 安装谷歌浏览器插件 / 99
第4章 Axure RP交互原型的快速实现 / 103
本章介绍交互的概念以及交互分析的方法，完成线框草图向交互原型的过渡。

4.1 了解交互的概念 / 104
4.2 元件的属性是重点 / 104
4.2.1 形状的属性 / 104
4.2.2 图片的属性 / 107
4.2.3 文本框的属性 / 107
4.2.4 文本域的属性 / 110
4.2.5 下拉列表的属性 / 110
4.2.6 列表框的属性 / 111
4.2.7 单选按钮的属性 / 111
4.2.8 复选框的属性 / 112
4.3 通过交互触发的样式 / 113
4.3.1 提示文本的样式 / 115
4.3.2 获取焦点时的样式 / 115
4.3.3 鼠标悬停时的样式 / 116
4.3.4 鼠标按下时的样式 / 117
4.3.5 选中时的样式 / 117
4.3.6 禁用时的样式 / 118
4.4 完成交互事件的固定套路 / 119
4.4.1 描述交互事件分析的关键
要素 / 119
4.4.2 交互事件设置的过程 / 121
4.4.3 交互事件的情形 / 125
4.4.4 情形的条件设置 / 128
4.4.5 交互事件操作小结 / 145

4.5 用元件组合实现交互 / 148
4.6 用内联框架嵌入内容实现交互 / 153
4.6.1 嵌入项目内页面 / 154
4.6.2 嵌入URL链接或文件 / 156
4.7 通过功能强大的动态面板实现
交互 / 162
4.7.1 动态面板的状态编辑 / 162
4.7.2 动态面板的多状态切换 / 165
4.7.3 动态面板状态的循环
切换 / 172
4.7.4 使动态面板适应页面
宽度 / 175
4.7.5 动态面板固定到浏览器的
功能 / 178
4.7.6 动态面板滚动时的交互 / 181
4.7.7 动态面板拖动时的交互 / 184
第5章 用Axure RP让产品文档更精彩 / 191
本章介绍如何通过Axure RP 9将产品原型更好地与产品文档相结合，以更加明确地通过产品原型体现产品需求，方便产品设计过程中的沟通与交流。

5.1 用标记元件实现产品结构图 / 192
5.2 用标记元件表达产品功能的使用
场景 / 194
5.3 形式多样的产品原型标注说明 / 197
5.3 形式多样的产品原型标注说明 / 223
第6章 玩转Axure RP中的变量与函数 / 201
本章介绍变量与函数在交互原型中的应用，体现如何通过变量与函数解决原型交互需求，提升原型制作效率，让原型有更好的扩展性与重用性。

6.1 Axure RP中的公式 / 202
6.2 使用局部变量参与值的运算 / 203
6.3 使用全局变量跨页面传递数据 / 206
6.4 使用系统变量获取各类属性值 / 213
6.5 使用函数参与值的运算 / 224
第7章 通过中继器实现产品原型的数据交互 / 233
本章介绍中继器元件的使用方法以及其在高保真原型中的应用。

7.1 了解中继器的结构和基本设置 / 234
7.2 为数据集添加数据 / 244
7.3 更新数据集的数据 / 250
7.4 删除数据集的数据 / 253
7.5 实现列表的筛选功能 / 260
7.6 实现列表的排序功能 / 274
7.7 实现列表的分页与翻页 / 278
7.8 使用系统变量完善列表功能 / 281
尾声 / 286