本书内容浅显易懂，简明扼要，从交互设计动画制作的基础知识出发，详细讲述了如何使用AxureRP 10制作交互设计动画，大部分知识点配有实例操作，使得学习过程不再枯燥乏味。本书内容章节安排如下。第1章 熟悉Axure RP 10。第2章 Axure RP 10的基本操作。第3章 页面的管理。第4章 使用元件。第5章 元件的属性和样式。第6章 母版与第三方元件库。第7章 简单交互设计。第8章 高级交互设计。第9章 团队合作。第10章 发布与输出。第11章 设计制作PC端网页原型。第12章 设计制作移动端网页原型。

第1章 熟悉Axure RP 10
1.1 关于Axure RP 10\t1
1.2 Axure RP 10的主要功能\t3
1.2.1 绘制网站构架图\t3
1.2.2 绘制示意图\t3
1.2.3 绘制流程图\t4
1.2.4 实现交互设计\t4
1.2.5 输出网站原型\t4
1.2.6 输出Word 格式的规格文件\t4
1.3 软件的下载、安装、汉化与启动\t4
1.3.1 下载并安装Axure RP 10\t4
应用案例――安装Axure RP 10\t5
1.3.2 汉化与启动Axure RP 10\t7
1.4 Axure RP 10的工作界面\t7
1.4.1 菜单栏\t8
1.4.2 工具栏\t10
1.4.3 面板\t12
1.4.4 工作区\t15
1.5 自定义工作界面\t16
1.5.1 自定义工具栏\t16
1.5.2 自定义工作面板\t17
1.5.3 使用单键快捷键\t18
1.6 使用Axure RP 10的帮助资源\t19
1.7 查看视图\t20
应用案例――查看视图\t20
1.8 使用标尺\t21
1.9 参考线\t22
1.9.1 参考线的分类\t22
1.9.2 编辑参考线\t23
1.9.3 添加参考线\t24
应用案例――添加参考线\t24
1.9.4 设置参考线\t25
1.10 显示栅格\t25
1.10.1 显示栅格的方法\t26
1.10.2 栅格设置\t26
1.11 设置遮罩\t27
1.12 对齐/分布对象\t27
1.12.1 对齐对象\t27
1.12.2 分布对象\t28
1.13 答疑解惑\t29
1.13.1 什么是产品原型\t29
1.13.2 Axure 在产品原型中主要应用在哪些方面\t29
1.14 总结扩展\t30
1.14.1 本章小结\t30
1.14.2 举一反三――卸载Axure RP 10\t30

第2章 Axure RP 10的基本操作
2.1 新建文件\t32
2.1.1 新建文件的方法\t32
应用案例――新建iPhone 11 Pro 尺寸的原型文件\t32
2.1.2 纸张尺寸与设置\t33
2.1.3 新建团队项目文件\t34
2.2 存储文件\t35
2.2.1 保存文件\t35
2.2.2 另存文件\t35
2.2.3 存储格式\t35
2.3 自动备份\t36
2.3.1 启动自动备份\t36
2.3.2 从备份中恢复\t37
2.4 打开文件\t37
2.4.1 打开文件的方法\t37
2.4.2 打开团队项目\t38
2.5 从RP文件导入\t39
应用案例――导入RP 文件素材\t39
2.6 对象的操作\t40
2.6.1 选择对象\t40
2.6.2 移动和缩放对象\t40
2.6.3 旋转对象\t41
2.6.4 复制对象\t42
2.6.5 剪切和删除对象\t43
2.7 还原与恢复\t44
2.7.1 撤销\t44
2.7.2 重做\t44
2.8 答疑解惑\t44
2.8.1 欢迎界面的链接入口\t44
2.8.2 示例文件和最近编辑文件\t45
2.9 总结扩展\t45
2.9.1 本章小结\t45
2.9.2 举一反三――通过复制的方法制作水平导航\t46

第3章 页面的管理
3.1 了解站点\t47
3.2 管理页面\t47
3.2.1 添加和删除页面\t47
应用案例――新建网站页面\t49
3.2.2 重命名页面\t50
3.2.3 移动页面\t50
3.2.4 搜索页面\t51
3.2.5 剪切、复制和粘贴页面\t51
3.2.6 重复页面\t52
3.3 编辑页面\t52
3.3.1 使用页面编辑区\t52
3.3.2 页面样式\t53
3.3.3 页面注释\t57
3.4 自适应视图\t59
应用案例――设置自适应视图\t61
3.5 图表类型\t63
3.6 创建流程图\t63
应用案例――创建流程图\t64
3.7 组合对象\t65
3.7.1 组合对象的方法\t65
3.7.2 取消组合\t65
3.8 锁定对象\t66
3.9 隐藏对象\t67
3.10 答疑解惑\t67
3.10.1 保留页面文本的旧版本\t67
3.10.2 如何处理原型中的文字在不同浏览器上效果不一样的情况\t68
3.11 总结扩展\t69
3.11.1 本章小结\t69
3.11.2 举一反三――使用元件制作一个标签面板\t69

第4章 使用元件
4.1 “元件库”面板\t71
4.2 基本元件\t72
4.2.1 常用元件\t72
应用案例――制作商品购买页\t80
4.2.2 互动元件\t82
应用案例――使用动态面板隐藏对象\t87
应用案例――为中继器数据集添加行和列\t91
应用案例――使用中继器制作产品页面\t94
4.2.3 表单元件\t96
应用案例――制作淘宝会员登录页\t101
4.2.4 菜单和表格\t102
应用案例――美化树状菜单的图标\t105
4.2.5 标记元件\t108
4.3 Flow（流程图）元件\t110
4.3.1 矩形和矩形组\t111
应用案例――制作手机产业流程图\t111
4.3.2 圆角矩形和圆角矩形组\t113
4.3.3 斜角矩形和菱形\t113
4.3.4 文件和文件组\t114
4.3.5 括号\t114
4.3.6 半圆\t114
4.3.7 三角形\t114
4.3.8 梯形\t115
4.3.9 椭圆\t115
4.3.10 六边形\t115
4.3.11 平行四边形\t115
4.3.12 角色\t116
4.3.13 数据库\t116
4.3.14 快照\t116
4.3.15 图片\t116
4.3.16 新增流程图元件\t117
4.4 Icons（图标）元件\t117
4.5 Sample UI Patterns\t118
应用案例――制作幻灯片效果\t118
4.6 Sample Form Patterns\t120
4.7 使用“钢笔工具”\t120
应用案例――使用“钢笔工具”绘制图形\t122
4.8 答疑解惑\t124
4.8.1 如何制作树状菜单元件的图标\t124
4.8.2 尽量用一个元件完成功能\t124
4.9 总结扩展\t125
4.9.1 本章小结\t125
4.9.2 举一反三――制作一个手机展示原型\t125

第5章 元件的属性和样式
5.1 转换元件\t126
5.1.1 转换为形状\t126
5.1.2 转换为图片\t127
5.2 元件的属性\t127
5.2.1 元件说明\t128
5.2.2 编辑元件\t128
5.2.3 元件的运算\t130
应用案例――制作iOS系统功能图标\t131
5.2.4 元件提示\t132
5.3 使用“样式”面板\t132
5.3.1 元件命名\t133
5.3.2 显示/隐藏元件\t133
5.3.3 对齐与分布\t133
5.3.4 位置和尺寸\t134
5.3.5 圆角\t134
5.3.6 适应文本宽度/适应文本高度\t135
5.3.7 不透明度\t135
5.3.8 排版\t136
5.3.9 填充\t139
5.3.10 边框\t142
5.3.11 阴影\t143
5.3.12 边距\t144
应用案例――为商品列表添加样式\t145
5.3.13 数据集\t146
5.4 创建和管理样式\t148
5.4.1 创建元件样式\t148
应用案例――创建并应用元件样式\t149
5.4.2 样式的编辑与修改\t150
5.5 格式刷\t151
应用案例――使用格式刷为表格添加样式\t152
5.6 “大纲”面板\t152
5.7 答疑解惑\t153
5.7.1 制作页面前的准备工作\t153
5.7.2 使用字体图标而不是图片\t153
5.8 总结扩展\t154
5.8.1 本章小结\t154
5.8.2 举一反三――制作热门车型列表页\t154

第6章 母版与第三方元件库
6.1 母版的概念\t156
6.1.1 母版的应用\t156
6.1.2 使用母版的好处\t157
6.2 “母版”面板\t157
6.2.1 添加母版\t157
6.2.2 添加文件夹\t158
6.2.3 查找母版\t159
6.3 创建与编辑母版\t159
6.3.1 创建母版\t159
应用案例――制作iOS 系统母版\t160
6.3.2 创建子母版\t161
应用案例――新建iOS 系统布局母版\t161
6.3.3 删除母版\t163
6.4 转换为母版\t163
6.5 母版的使用情况\t163
6.5.1 拖放行为\t164
6.5.2 添加到页面\t167
6.5.3 从页面移除\t168
6.5.4 使用报告\t169
6.6 使用第三方元件库\t169
6.6.1 下载元件库\t169
6.6.2 载入元件库\t170
6.6.3 移除元件库\t170
6.7 创建元件库\t171
6.7.1 新建元件库\t171
应用案例――创建图标元件库\t172
6.7.2 元件库的图标样式\t173
6.7.3 编辑元件库\t174
6.7.4 导入图片文件夹\t175
6.8 答疑解惑\t175
6.8.1 不要复制对象，而是转换为母版\t175
6.8.2 如何将较大的组合转换为母版\t176
6.9 总结扩展\t176
6.9.1 本章小结\t176
6.9.2 举一反三――创建图标组元件库\t176

第7章 简单交互设计
7.1 了解“交互”面板\t178
7.2 页面交互基础\t179
7.2.1 页面交互事件\t179
7.2.2 打开链接\t180
应用案例――打开页面链接\t182
7.2.3 关闭窗口\t183
7.2.4 在框架内打开链接\t184
7.2.5 滚动到元件（锚链接\t184
7.3 元件交互基础\t185
7.3.1 元件交互事件\t185
7.3.2 显示/隐藏\t186
应用案例――元件的显示/隐藏\t188
7.3.3 设置动态面板状态\t189
应用案例――使用动态面板制作轮播图\t190
7.3.4 设置文本\t192
7.3.5 设置图片\t193
应用案例――制作按钮交互状态\t193
7.3.6 设置选中\t194
7.3.7 设置选中下拉列表选项\t194
7.3.8 设置错误状态\t194
应用案例――制作用户名输入错误提示\t194
7.3.9 启用/禁用\t196
7.3.10 移动\t197
应用案例――设计制作切换案例\t197
7.3.11 旋转\t198
应用案例――制作抽奖幸运转盘\t199
7.3.12 设置尺寸\t200
7.3.13 置顶/置底\t200
7.3.14 设置不透明度\t200
7.3.15 获取焦点\t201
设置交互样式效果\t202
应用案例――制作动态按钮\t202
7.5 答疑解惑\t204
7.5.1 如何通过“动态面板”元件实现焦点图片效果\t205
7.5.2 使用“设置尺寸”动作完成进度条的制作\t205
7.6 总结扩展\t206
7.6.1 本章小结\t206
7.6.2 举一反三――设计制作按钮交互样式\t206

第8章 高级交互设计
8.1 变量\t208
8.1.1 全局变量\t208
应用案例――使用全局变量\t209
8.1.2 局部变量\t211
8.1.3 添加条件\t213
应用案例――设计制作用户登录页面\t216
8.2 使用表达式\t219
8.2.1 运算符的类型\t219
8.2.2 表达式的格式\t219
应用案例――制作滑动解锁页面\t220
应用案例――为滑动解锁设置情形\t221
应用案例――查看滑动解锁的效果\t222
8.3 中继器的组成\t224
8.3.1 项目交互\t224
8.3.2 中继器元件动作\t224
8.4 中继器动作\t225
8.4.1 设置分页与数量\t225
应用案例――使用中继器添加分页\t226
8.4.2 添加和移除排序\t227
应用案例――使用中继器设置排序\t228
8.4.3 添加和移除筛选\t229
8.4.4 添加和删除项目\t229
应用案例――使用中继器实现自增\t229
8.4.5 项目列表操作\t231
应用案例――使用中继器显示页码\t231
8.5 其他动作\t234
8.6 函数\t235
8.6.1 了解函数\t235
应用案例――使用时间函数\t235
8.6.2 中继器/数据集函数\t237
8.6.3 元件函数\t237
应用案例――设计制作商品详情页\t238
8.6.4 页面函数\t240
8.6.5 窗口函数\t240
8.6.6 鼠标指针函数\t240
应用案例――设计制作产品局部放大效果\t241
8.6.7 数字函数\t244
8.6.8 字符串函数\t244
8.6.9 数学函数\t245
应用案例――设计制作计算器效果\t246
8.6.10 日期函数\t247
应用案例――使用日期函数\t249
8.7 答疑解惑\t251
8.7.1 尽量使用简洁的交互效果\t251
8.7.2 什么情况下会使用全局变量\t252
8.8 总结扩展\t252
8.8.1 本章小结\t252
8.8.2 举一反三――设计制作商品购买页面\t252

第9章 团队合作
9.1 使用团队项目\t254
9.1.1 创建团队项目\t254
9.1.2 打开团队项目\t256
9.1.3 加入团队项目\t257
9.1.4 编辑团队项目\t259
9.1.5“ 团队”菜单\t261
9.2 Axure Cloud\t263
9.2.1 创建Axure Cloud 账号\t263
9.2.2 发布到Axure Cloud\t264
9.3 答疑解惑\t267
9.3.1 团队协作和使用版本管理工具的作用\t267
9.3.2 Axure RP 10 共享项目的两种页面状态\t267
9.4 总结扩展\t267
9.4.1 本章小结\t267
9.4.2 举一反三――完成团队项目的检出与检入\t267

第10章 发布于输出
10.1 发布与输出\t269
10.2 使用生成器\t270
10.2.1 HTML 生成器\t270
10.2.2 Word 生成器\t272
10.2.3 更多生成器\t274
10.3 答疑解惑\t276
10.3.1 制作的App 原型如何在手机上演示\t276
10.3.2 如何将原型导出为图片\t277
10.4 总结扩展\t277
10.4.1 本章小结\t277
10.4.2 举一反三――发布生成一个HTML文件\t278

第11章 设计制作PC端网页原型
11.1 设计制作QQ邮箱加载页面\t279
11.1.1 案例分析\t279
11.1.2 制作步骤\t280
11.2 设计制作微博用户评论页面\t284
11.2.1 案例分析\t285
11.2.2 制作步骤\t285
11.3 设计制作商品分类页面\t288
11.3.1 案例分析\t288
11.3.2 制作步骤\t289
11.4 设计制作课程购买页面\t291
11.4.1 案例分析\t291
11.4.2 制作步骤\t292
11.5 设计制作课程选择页面\t294
11.5.1 案例分析\t294
11.5.2 制作步骤\t294
11.6 设计制作重置密码页面\t297
11.6.1 案例分析\t297
11.6.2 制作步骤\t298

第12章 设计制作移动端网页原型
12.1 设计制作App启动页面原型\t303
12.1.1 案例分析\t304
12.1.2 制作步骤\t304
12.2 设计制作App会员系统页面原型\t307
12.2.1 案例分析\t307
12.2.2 制作步骤\t308
12.3 设计制作App首页原型\t310
12.3.1 案例分析\t310
12.3.2 制作步骤\t310
12.4 设计制作App设计师页面原型\t312
12.4.1 案例分析\t313
12.4.2 制作步骤\t313
12.5 设计制作App页面导航交互\t314
12.5.1 案例分析\t315
12.5.2 制作步骤\t315
12.6 设计制作App注册/登录页面交互\t319
12.6.1 案例分析\t320
12.6.2 制作步骤\t321
12.7 设计制作App主页面交互\t322
12.7.1 案例分析\t322
12.7.2 制作步骤\t323
附录A Axure RP 10常用快捷键\t327
附录B Axure RP 10与Photoshop\t328
附录C Axure RP 10与HyperSnap\t331