设计必修课：Axure RP 9互联网产品原型设计（微课视频版）

本书由浅入深地介绍了以Axure RP 9为主要软件进行原型设计制作的方法。在讲解过程中，以知识点和实例的制作为主，同时配备了大量的Axure RP 9的基础知识，为原型设计的制作打下基础。

本书配套的多媒体教学资源包中不但提供了书中所有实例的源文件和素材，还提供了多媒体教学视频，以帮助读者迅速掌握使用Axure RP 9进行原型设计制作的精髓。

本书实例丰富、讲解细致，注重激发读者的学习兴趣和培养读者的动手能力，适合作为从事原型设计制作人员的参考手册。

卢斌，男，博士，云南美术家协会会员，云南艺术学院任教，致力于视觉艺术与设计、设计形态学领域的研究和探索，设计作品多次获得奖项。从事UI设计多年，有丰富的移动UI设计经验，熟练使用Axure RP和Adobe XD等设计软件，曾出版Indesing CS6完全自学一本通等图书。

适读人群 ：学生、职场人士、图形图像设计爱好者等。

本书由浅入深地介绍了以Axure RP 9为主要软件进行原型设计制作的方法。在讲解过程中，以知识点和实例的制作为主，同时配备了大量的Axure RP 9的基础知识，为原型设计的制作打下基础。

本书配套的多媒体教学资源包中不但提供了书中所有实例的源文件和素材，还提供了多媒体教学视频，以帮助读者迅速掌握使用Axure RP 9进行原型设计制作的精髓。

Axure RP 9原型设计软件功能强大，应用范围非常广泛。使用Axure RP 9可以创建应用软件或Web网站的线框图、流程图、原型和Word说明文档。同时，Axure RP 9在目前流行的交互动画设计与制作中的应用也越来越广泛。

作为专业的原型设计工具，Axure RP 9能快速、高效地创建原型，同时支持多人协作设计和版本控制管理，能够很好地表达出交互设计师想要表现的效果，并能很好地将这种效果展现给研发人员，使团队合作更加完美。

本书章节及内容安排

本书内容浅显易懂、简明扼要，由浅入深地讲述了如何使用Axure RP 9设计、制作交互动画，并配有实例解析，使学习过程不再枯燥乏味。本书的章节安排如下。

第1章 熟悉Axure RP 9。本章主要介绍Axure RP 9的主要功能、Axure RP 9的安装与启动、Axure RP 9的操作界面、Axure RP 9的帮助资源、查看视图、设置遮罩和对齐/分布对象等内容，帮助读者快速熟悉Axure RP 9软件。

第2章 Axure RP 9的基本操作。本章主要针对Axure RP 9的基本操作进行讲解，从文件的新建和存储到文件的打开与导入都进行详细的介绍，并针对操作中常常用到的自动备份、还原与恢复操作等内容也进行讲解。

第3章 页面管理。本章主要针对Axure RP 9中页面的管理进行学习，包括了解站点、管理页面、编辑页面、自适应视图、图表类型、生成流程图、绘画工具、组合对象、锁定对象和隐藏对象等内容。

第4章 使用元件。本章主要讲解Axure RP 9中的元件的使用方法，详细介绍每种元件的使用方法和技巧，还对其在实际原型设计中的应用技巧进行研究。

第5章 元件的属性与样式。本章主要介绍Axure RP 9中元件的属性和样式，同时还详细介绍设置元件样式的方法，包括填充、阴影、不透明度和圆角等。

第6章 母版与第三方元件库。本章主要介绍母版的创建和使用方法，以及第三方元件库的创建和使用方法。

第7章 简单交互设计。本章主要介绍向元件添加各种交互效果的方法和技巧，并详细介绍各种参数的设置，同时还对交互样式的设置方法和技巧进行讲解。

第8章 高级交互设计。本章针对Axure RP 9中难度较高的“全局变量”动作进行介绍，分别针对全局变量、局部变量和设置条件等知识点进行案例讲解。

第9章 团队合作。本章主要讲解团队项目合作原型存储的公共位置，团队项目的制作、获取、发布，以及团队项目中的签入和签出等内容。

第10章 发布与输出。本章主要讲解Axure RP 9中的4种生成器，运用它们可以生成4种不同格式的原型设计方案供客户查看。

第11章 设计制作PC端网页原型。本章主要讲解如何运用Axure RP 9设计与制作PC端网页原型，通过完成实例的绘制来巩固学习成果，使读者更多地了解Axure RP 9软件。

第12章 设计制作移动端网页原型。本章主要讲解如何运用Axure RP 9设计与制作移动端网页原型，通过完成实例的绘制来巩固学习成果，使读者更多地了解Axure RP 9软件。

第1章 熟悉 Axure RP 9
1．1 关于Axure RP 9 1
1．2 Axure 的主要功能 3
1．3 Axure RP 9的安装与启动 5
1．3．1 下载Axure RP 9 5
1．3．2 应用案例――安装Axure RP 9 5
1．3．3 汉化与启动Axure RP 9 6
1．4 Axure RP 9的操作界面 7
1．4．1 菜单栏 7
1．4．2 工具栏 9
1．4．3 功能区 11
1．4．4 工作区 14
1．5 Axure RP 9的帮助资源 14
1．6 查看视图 15
应用案例――查看视图 15
1．7 标尺 16
1．8 辅助线 16
1．8．1 辅助线的分类 16
1．8．2 编辑辅助线 17
1．8．3 创建辅助线 19
1．8．4 应用案例――创建辅助线 19
1．8．5 设置辅助线 20
1．9 网格 21
1．9．1 显示网格 21
1．9．2 网格设置 21
1．10 设置遮罩 21
1．11 对齐/分布对象 22
1．11．1 对齐对象 22
1．11．2 分布对象 23
1．12 答疑解惑 23
1．12．1 产品原型设计 24
1．12．2 Axure在产品原型制作中的主要应用 24
1．13 总结扩展 24
1．13．1 本章小结 24
1．13．2 扩展练习――卸载Axure RP 9 25

第2章 Axure RP 9的基本操作
2．1 新建文件 26
2．1．1 新建Axure文件 26
2．1．2 应用案例――新建iPhone 11 Pro尺寸的原型文件 26
2．1．3 纸张尺寸与设置 27
2．1．4 新建团队项目文件 28
2．2 存储文件 28
2．2．1 保存文件 29
2．2．2 另存文件 29
2．2．3 存储格式 29
2．3 自动备份 30
2．3．1 启动自动备份 30
2．3．2 从备份中恢复 30
2．4 打开文件 31
2．4．1 打开文件的方法 31
2．4．2 打开团队项目 32
2．5 从RP文件导入 32
2．5．1 使用“从RP文件导入”命令 32
2．5．2 应用案例――导入RP文件素材 32
2．6 对象的操作 33
2．6．1 选择对象 33
2．6．2 移动和缩放对象 34
2．6．3 旋转对象 35
2．6．4 复制对象 35
2．6．5 剪切和删除对象 37
2．7 还原与恢复 37
2．7．1 撤销 37
2．7．2 重做 37
2．8 答疑解惑 38
2．8．1 欢迎界面中的链接入口 38
2．8．2 导览文件和最近编辑文件 38
2．9 总结扩展 39
2．9．1 本章小结 39
2．9．2 扩展练习――通过复制的方法制作水平导航 39

第3章 页面管理
3．2 管理页面 40
3．2．1 添加页面 40
3．2．2 重命名页面 42
3．2．3 移动页面 43
3．2．4 查找页面 43
3．3 编辑页面 43
3．3．1 使用页面编辑区 44
3．3．2 页面样式 44
3．3．3 页面说明 48
3．4 自适应视图 50
3．4．1 设置自适应视图 51
3．4．2 应用案例――添加自适应视图 52
3．5 图表类型 53
3．6 生成流程图 53
3．6．1 生成流程图的方法 53
3．6．2 应用案例――生成流程图 54
3．7 绘画工具 54
3．7．1 绘制图形 54
3．7．2 转换锚点类型 55
3．7．3 编辑绘画工具 56
3．7．4 应用案例――使用绘画工具绘制图形 57
3．8 组合对象 58
3．8．1 组合对象的方法 58
3．8．2 取消组合 59
3．9 锁定对象 59
3．10 隐藏对象 60
3．11 答疑解惑 61
3．11．1 保留页面文件的旧版本 61
3．11．2 如何处理原型中的文字在不同浏览器上效果不一样的情况？ 62
3．12 总结扩展 62
3．12．1 本章小结 62
3．12．2 扩展练习――使用元件制作一个标签面板 63

第4章 使用元件
4．1 “元件”面板 64
4．2 基本元件 65
4．2．1 矩形 65
4．2．2 图片 66
4．2．3 占位符 68
4．2．4 按钮 68
4．2．5 标题 68
4．2．6 文本标签和文本段落 69
4．2．7 应用案例――制作商品购买页 69
4．2．8 水平线和垂直线 70
4．2．9 热区 70
4．2．10 动态面板 71
4．2．11 应用案例――使用动态面板显示隐藏对象 73
4．2．12 内联框架 74
4．2．13 中继器 75
4．2．14 应用案例――使用中继器制作活动列表页 75
4．3 表单元件 76
4．3．1 文本框 76
4．3．2 文本域 77
4．3．3 下拉列表 78
4．3．4 列表框 79
4．3．5 复选框 79
4．3．6 单选按钮 80
4．3．7 应用案例――制作淘宝会员登录页 80
4．4 菜单|表格元件 81
4．4．1 树 81
4．4．2 应用案例――美化树状菜单的图标 82
4．4．3 表格 83
4．4．4 水平菜单 84
4．4．5 垂直菜单 85
4．5 标记元件 86
4．5．1 快照 86
4．5．2 水平箭头和垂直箭头 87
4．5．3 便签 87
4．5．4 圆形标记和水滴标记 88
4．6 流程图 88
4．6．1 矩形和矩形组 89
4．6．2 应用案例――设计制作手机产业流程图 89
4．6．3 圆角矩形和圆角矩形组 90
4．6．4 斜角矩形和菱形 90
4．6．5 文件和文件组 90
4．6．6 括弧 91
4．6．7 半圆形 91
4．6．8 三角形 91
4．6．9 梯形 91
4．6．10 椭圆形 92
4．6．11 六边形 92
4．6．12 平行四边形 92
4．6．13 角色 92
4．6．14 数据库 92
4．6．15 快照 92
4．6．16 图片 92
4．6．17 新增流程图元件 93
4．7 图标元件 93
4．8 Sample UI Patterns 94
4．8．1 按功能分组 94
4．8．2 应用案例――制作手风琴效果的展示图片 95
4．9 答疑解惑 96
4．9．1 如何制作树状菜单元件的图标 96
4．9．2 尽量用一个元件完成功能 96
4．10 总结扩展 96
4．10．1 本章小结 96
4．10．2 扩展练习――设计制作注册页原型 97

第5章 元件的属性与样式
5．1 元件的转换 98
5．1．1 转换为形状 98
5．1．2 转换为图片 99
5．2 元件的属性 99
5．2．1 元件说明 100
5．2．2 编辑元件 100
5．2．3 元件的运算 101
5．2．4 应用案例――制作八卦图形 102
5．2．5 元件提示 103
5．3 元件的样式 104
5．3．1 位置和尺寸 104
5．3．2 不透明性 104
5．3．3 排版 105
5．3．4 填充 108
5．3．5 线段 111
5．3．6 阴影 113
5．3．7 圆角 113
5．3．8 边距 114
5．3．9 应用案例――为商品列表添加样式 114
5．3．10 数据集 115
5．4 创建和管理样式 116
5．4．1 创建元件样式 116
5．4．2 应用案例――创建元件样式 117
5．4．3 应用案例――应用元件样式 118
5．4．4 样式的编辑与修改 119
5．5 格式刷 120
5．5．1 使用“格式刷”命令 120
5．5．2 应用案例――使用格式刷为表格添加样式 121
5．6 元件的管理 121
5．7 答疑解惑 122
5．7．1 制作页面前的准备工作 122
5．7．2 使用字体图标而不是图片 123
5．8 总结扩展 123
5．8．1 本章小结 123
5．8．2 扩展练习――制作热门车型列表页 123

第6章 母版与第三方元件库
6．1 母版的概念 125
6．1．1 母版的应用 125
6．1．2 使用母版的好处 126
6．2 “母版”面板 126
6．2．1 添加母版 126
6．2．2 添加文件夹 127
6．2．3 查找母版 127
6．3 创建与编辑母版 128
6．3．1 创建母版 128
6．3．2 应用案例――新建iOS系统母版 128
6．3．3 创建子母版 129
6．3．4 应用案例――新建iOS系统布局母版 129
6．3．5 删除母版 130
6．4 转换为母版 130
6．5 母版的使用情况 131
6．5．1 拖放行为 131
6．5．2 添加到页面中 134
6．5．3 从页面中移除 135
6．5．4 使用情况报告 135
6．6 使用第三方元件库 135
6．6．1 下载元件库 135
6．6．2 载入元件库 136
6．6．3 移除元件库 137
6．7 创建元件库 137
6．7．1 了解元件库界面 137
6．7．2 应用案例――创建图标元件库 138
6．7．3 元件库的图标样式 139
6．7．4 编辑元件库 139
6．7．5 添加图片文件夹 140
6．8 答疑解惑 140
6．8．1 不要复制对象，而是转换为母版 140
6．8．2 如何将较大的组合转换为母版 141
6．9 总结扩展 141
6．9．1 本章小结 141
6．9．2 扩展练习――创建微信元件库 141

第7章 简单交互设计
7．1 了解“交互”面板 142
7．2 页面交互基础 143
7．2．1 页面交互事件 143
7．2．2 打开链接 144
7．2．3 应用案例―― 打开页面链接 145
7．2．4 关闭窗口 146
7．2．5 在框架中打开链接 146
7．2．6 滚动到元件 147
7．3 元件交互基础 147
7．3．1 元件交互事件 147
7．3．2 显示/隐藏 148
7．3．3 应用案例――设计制作显示/隐藏图片 150
7．3．4 应用案例――为“动态面板”元件添加样式 151
7．3．5 应用案例――制作轮播图 152
7．3．6 设置文本 152
7．3．7 设置面板状态 153
7．3．8 应用案例――为元件添加文本 154
7．3．9 应用案例―― 制作按钮交互状态 154
7．3．10 设置选中 155
7．3．11 启用/禁用 156
7．3．12 移动 156
7．3．13 应用案例――设计制作切换案例 156
7．3．14 旋转 157
7．3．15 应用案例――制作抽奖幸运转盘 157
7．3．16 设置尺寸 158
7．3．17 置于顶层/底层 158
7．3．18 设置不透明 158
7．3．19 获取焦点 159
7．3．20 展开/收起树节点 159
7．4 设置交互样式 159
7．4．1 为元件设置交互样式 159
7．4．2 应用案例――为元件设置交互样式 160
7．4．3 应用案例――制作动态按钮 161
7．5 答疑解惑 161
7．5．1 如何通过“动态面板”实现焦点图片效果 161
7．5．2 使用“设置尺寸”动作完成进度条的制作 162
7．6 总结扩展 163
7．6．1 本章小结 163
7．6．2 扩展练习―― 设计与制作按钮交互样式 163

第8章 高级交互设计
8．1 变量 164
8．1．1 全局变量 164
8．1．2 应用案例――使用全局变量 165
8．1．3 局部变量 166
8．1．4 添加条件 168
8．1．5 应用案例――设计与制作用户登录界面 171
8．1．6 使用表达式 172
8．1．7 应用案例――使用变量完成加法运算 172
8．1．8 应用案例――制作滑动解锁页面 173
8．1．9 应用案例――为滑动解锁设置情形 174
8．1．10 应用案例――查看滑动解锁的效果 175
8．2 中继器的组成 175
8．2．1 数据集 175
8．2．2 项目交互 175
8．2．3 中继器元件动作 176
8．3 中继器动作 176
8．3．1 设置分页与数量 176
8．3．2 应用案例――使用中继器添加分页 177
8．3．3 添加和移除排序 178
8．3．4 应用案例――使用中继器设置排序 179
8．3．5 添加和移除筛选 179
8．3．6 添加和移除项目 180
8．3．7 应用案例――使用中继器实现自增 180
8．3．8 项目列表操作 181
8．3．9 应用案例――使用中继器显示页码1 181
8．3．10 应用案例――使用中继器显示页码2 182
8．4 其他动作 182
8．5 函数 183
8．5．1 了解函数 183
8．5．2 应用案例――使用时间函数 184
8．5．3 中继器/数据集 184
8．5．4 元件函数 185
8．5．5 应用案例――设计与制作宝贝详情页1 185
8．5．6 应用案例――设计与制作宝贝详情页2 186
8．5．7 页面函数 186
8．5．8 窗口函数 187
8．5．9 鼠标指针函数 187
8．5．10 应用案例――制作产品局部放大草图 187
8．5．11 应用案例――为产品局部放大原型添加交互1 188
8．5．12 应用案例――为产品局部放大原型添加交互2 189
8．5．13 数字函数 189
8．5．14 字符串函数 190
8．5．15 数学函数 191
8．5．16 应用案例――设计制作计算器效果 192
8．5．17 日期函数 192
8．5．18 应用案例――使用日期函数1 194
8．5．19 应用案例――使用日期函数2 194
8．6 答疑解惑 195
8．6．1 尽量使用简洁的交互效果 195
8．6．2 什么情况下会使用全局变量 195
8．7 总结扩展 196
8．7．1 本章小结 196
8．7．2 扩展练习――设计制作商品购买页面 196


第9章 团队合作
9．1 使用团队项目 197
9．2 创建团队项目 197
9．3 打开团队项目 199
9．4 加入团队项目 200
9．5 编辑团队项目 201
9．6 “团队”菜单 203
9．7 Axure 云 205
9．7．1 创建Axure云账号 205
9．7．2 发布到Axure云 206
9．8 答疑解惑 208
9．8．1 团队协作和使用版本管理工具的作用 208
9．8．2 Axure RP 9共享项目的几种页面状态 208
9．9 总结扩展 208
9．9．1 本章小结 208
9．9．2 扩展练习――完成团队项目的签入与签出 209

第10章 发布与输出
10．1 预览原型 210
10．2 预览选项 211
10．3 生成器 211
10．3．1 HTML生成器 212
10．3．2 Word生成器 214
10．3．3 更多生成器 216
10．4 答疑解惑 217
10．4．1 制作的App原型如何在手机上演示 217
10．4．2 如何将原型导出为图片 217
10．5 总结扩展 218
10．5．1 本章小结 218
10．5．2 扩展练习―― 发布一个 HTML文件 218

第11章 设计与制作PC端网页原型
11．1 设计与制作QQ邮箱加载页面 220
11．1．1 案例描述 220
11．1．2 案例分析 221
11．1．3 制作步骤 222
11．2 设计与制作新浪微博评论页面 223
11．2．1 案例描述 224
11．2．2 案例分析 224
11．2．3 制作步骤 225
11．3 设计与制作宝贝分类页面 226
11．3．1 案例描述 226
11．3．2 案例分析 227
11．3．3 制作步骤 228
11．4 设计与制作课程购买页面 229
11．4．1 案例描述 229
11．4．2 案例分析 230
11．4．3 制作步骤 230
11．5 设计与制作手机号码输入页面 231
11．5．1 案例描述 232
11．5．2 案例分析 232
11．5．3 制作步骤 233
11．6 设计与制作课程选择页面 234
11．6．1 案例描述 234
11．6．2 案例分析 235
11．6．3 制作步骤 236
11．7 设计与制作浏览信息页面 237
11．7．1 案例描述 237
11．7．2 案例分析 238
11．7．3 制作步骤 239
11．8 设计与制作重置密码页面 240
11．8．1 案例描述 241
11．8．2 案例分析 241
11．8．3 制作步骤 244

第12章 设计与制作移动端网页原型
12．1 设计与制作App启动页面原型 247
12．1．1 案例描述 247
12．1．2 案例分析 248
12．1．3 制作步骤 250
12．2 设计与制作App会员系统页面原型 251
12．2．1 案例描述 251
12．2．2 案例分析 252
12．2．3 制作步骤 252
12．3 设计与制作App首页原型 253
12．3．1 案例描述 254
12．3．2 案例分析 254
12．3．3 制作步骤 255
12．4 设计与制作App设计师页面原型 256
12．4．1 案例描述 256
12．4．2 案例分析 256
12．4．3 制作步骤 256
12．5 设计与制作App页面导航交互 258
12．5．1 案例描述 258
12．5．2 案例分析 258
12．5．3 制作步骤 260
12．6 设计与制作App注册/登录页面交互 261
12．6．1 案例描述 262
12．6．2 案例分析 262
12．6．3 制作步骤 262
12．7 设计与制作App主页面交互 263
12．7．1 案例描述 264
12．7．2 案例分析 264
12．7．3 制作步骤 266
附录A Axure RP 9常用快捷键 268
附录B Axure RP 9与Photoshop 270
附录C Axure RP 9与HyperSnap 273