第1章 Axure RP基础 1
1.1 Axure RP是干什么用的 2
1.1.1 Axure RP是原型设计软件 2
1.1.2 Axure RP原型案例 2
1.1.3 使用Axure RP原型 5
1.2 基础概念 5
1.2.1 软件界面概述 5
1.2.2 画布 7
1.2.3 坐标 8
1.2.4 元件库 8
1.2.5 站点地图 20
1.2.6 母版 21
1.2.7 属性 21
1.2.8 元件地图 22
1.2.9 发布原型 23
1.3 案例1：我的第1个Axure RP原型——注册页面 27
1.3.1 创建原型文件 27
1.3.2 添加元件 28
1.3.3 设置页面样式 30
1.3.4 预览原型效果 30
第2章 样式设置 31
2.1 颜色 32
2.1.1 认识颜色窗口 32
2.1.2 设置透明效果 33
2.1.3 设置渐变效果 33
2.2 阴影 35
2.3 文字格式 36
2.3.1 文字样式 37
2.3.2 调整文本的间距和填充 38
2.3.3 调整文本的宽度、高度 38
2.4 格式刷 39
2.5 “钢笔”和自定义图形 41
2.5.1 钢笔 41
2.5.2 自定义形状 42
2.6 处理图片的尺寸 43
2.6.1 分割图片 43
2.6.2 裁剪图片 43
2.7 设置按钮的交互样式 44
2.8 文本框样式 46
2.8.1 文本框类型 46
2.8.2 文本框提示 47
2.8.3 文本限制 48
2.8.4 “提交”按钮 48
2.9 改变形状 48
2.9.1 旋转 48
2.9.2 翻转 49
2.9.3 合并 50
2.10 布局 51
2.10.1 顺序 51
2.10.2 组合 52
2.10.3 对齐 53
2.10.4 分布 55
2.11 页面样式 55
2.11.1 页面排列 56
2.11.2 背景 56
2.11.3 草图 58
2.11.4 样式模板 59
2.12 案例2：给不同模块制作不同背景 60
2.13 案例3：绘制一个网站原型 63
2.13.1 绘制导航栏 63
2.13.2 绘制折线图 64
2.13.3 绘制统计数据模块 65
2.13.4 处理图标、图片 65
2.13.5 总体布局 66
2.13.6 设置页面样式 66
2.14 案例4：绘制一个APP原型 67
2.14.1 绘制手机框 67
2.14.2 添加遮罩 68
2.14.3 添加阴影 69
2.14.4 设置页面布局 70
第3章 原型设计准则 71
3.1 原型做成高保真还是低保真 72
3.1.1 什么是高保真和低保真 72
3.1.2 如何选择高保真与低保真 72
3.2 原型中要使用真实的数据 73
3.3 产品流程应该尽量完整 74
3.3.1 考虑用户出错的情况 74
3.3.2 考虑系统出错的情况 74
3.3.3 考虑没有数据的情况 75
3.3.4 考虑每一步的状态 75
3.3.5 添加适当的提示 76
3.4 原型需要快速迭代 76
3.4.1 沟通原型的技巧 76
3.4.2 修改原型的技巧 77
3.5 页面应该尽量简化 78
3.5.1 精简用户输入内容 78
3.5.2 精简页面上的元素 79
3.5.3 合并重复的功能 80
3.5.4 避免过多的分支流程 80
3.5.5 减少确认环节 81
3.6 页面布局要随时优化 81
3.6.1 用图形替代文字 82
3.6.2 突出重点信息 82
3.6.3 把握页面节奏 83
3.7 要保持原型的一致性 83
3.7.1 遵从惯例，保持外部一致 83
3.7.2 统一样式，保持内部一致 84
第4章 交互动画 87
4.1 基础概念 88
4.1.1 了解4个概念 88
4.1.2 举例说明4个概念 88
4.1.3 触发事件 89
4.1.4 用例 92
4.1.5 交互动作 93
4.1.6 条件 98
4.2 动态面板 102
4.2.1 创建动态面板 103
4.2.2 动态面板的状态 104
4.2.3 调整动态面板的尺寸 105
4.2.4 拖曳 107
4.3 常用交互案例 109
4.3.1 案例5：轮播图 109
4.3.2 案例6：切换标签页 112
4.3.3 案例7：侧边栏 115
4.3.4 案例8：通知 118
4.3.5 案例9：自动弹出键盘 120
4.4 复杂交互案例 121
4.4.1 案例10：优化的注册流程 121
4.4.2 案例11：锤子开机解锁 133
4.4.3 案例12：企业网站 139
第5章 数据操作 147
5.1 变量 148
5.1.1 使用变量 148
5.1.2 全局变量 149
5.1.3 元件变量 153
5.1.4 局部变量 157
5.1.5 页面、窗口和鼠标指针变量 159
5.2 函数 162
5.2.1 数字函数 162
5.2.2 字符串函数 162
5.2.3 数学函数 163
5.2.4 日期函数 163
5.2.5 布尔函数 165
5.3 中继器Repeater 165
5.3.1 复制 165
5.3.2 数据集 166
5.3.3 样式 167
5.3.4 触发事件 168
5.3.5 中继器变量 169
5.3.6 交互动作 170
5.4 数据操作案例 178
5.4.1 案例13：模拟制作“奇妙清单”APP 178
5.4.2 案例14：Layout图片编辑 191
5.4.3 案例15：雅虎天气 200
第6章 复杂原型的规划 209
6.1 可维护性 210
6.1.1 可理解性 210
6.1.2 可修改性 210
6.2 巧命名 211
6.2.1 使用有意义的名称 211
6.2.2 命名规范 212
6.2.3 页面的命名 212
6.3 善用“说明”功能 212
6.3.1 元件的“说明” 212
6.3.2 对整个原型的“说明” 213
6.3.3 结构图、流程图 214
6.4 结构规划 215
6.4.1 原型结构——选择“页面”或“动态面板” 215
6.4.2 减少重复的动作和数据 216
6.4.3 分割用例 217
6.5 案例16：Flappy Bird游戏案例 217
6.5.1 原型规划 218
6.5.2 开场 218
6.5.3 背景移动 219
6.5.4 飞行控制 221
6.5.5 碰撞检测 224
6.5.6 结束 225
6.5.7 得分 227
第7章 带地图的原型 231
7.1 地图开放平台 232
7.1.1 接口 232
7.1.2 示例 232
7.1.3 设置控件 234
7.1.4 地图风格 235
7.1.5 覆盖物 236
7.1.6 信息窗口 238
7.2 案例17：制作LBS应用“踩红包”的原型 239
7.2.1 初始化地图页面 239
7.2.2 在地图上添加红包 241
7.2.3 在地图上添加信息窗口 242
7.2.4 整合发布 244
第8章 响应式原型设计 247
8.1 响应式设计 248
8.1.1 响应式设计介绍 248
8.1.2 为什么做响应式设计 248
8.1.3 响应式设计思维 249
8.2 自适应视图 249
8.2.1 添加子视图 250
8.2.2 继承 251
8.3 案例18：响应式网站 256
8.3.1 自适应视图改变布局 257
8.3.2 窗口改变时调整元件宽度 259
第9章 手机上可访问的原型 263
9.1 让原型适应手机尺寸 264
9.1.1 设置适应手机的原型尺寸 264
9.1.2 通过视口标签，让原型自适应浏览器 264
9.2 生成分享链接 266
9.2.1 注册Axure Share账号并分享原型 266
9.2.2 利用“新浪云”自建原型服务器 268
9.3 案例19：H5小测试——色彩感觉心理测试 270
9.3.1 制作测试题 271
9.3.2 制作测试结果 272
9.3.3 设置视口标签 273
9.3.4 发布 274
第10章 母版 275
10.1 创建母版 276
10.1.1 在母版栏直接添加 276
10.1.2 将元件转换为母版 277
10.2 使用母版 277
10.2.1 拖放行为 277
10.2.2 使用情况 278
10.3 案例20：利用母版，解决“积分商城”的重复建设 278
10.3.1 导航栏 279
10.3.2 弹出菜单 280
10.3.3 底部栏 282
10.3.4 使用母版 282
第11章 元件库 285
11.1 使用元件库 286
11.1.1 下载元件库 286
11.1.2 加载元件库 286
11.1.3 切换元件库 287
11.1.4 元件库的其他操作 288
11.2 创建元件库 288
11.3 案例21：自定义元件库 290
11.3.1 手机外框 290
11.3.2 按钮 290
11.3.3 搜索框 291
11.3.4 饼状图 291
11.3.5 评论 292
11.3.6 查看元件库 293
第12章 团队协作 295
12.1 团队项目介绍 296
12.2 创建团队项目 296
12.3 获取团队项目文件 297
12.3.1 查看团队项目ID 297
12.3.2 获取团队项目 298
12.3.3 查看本地文件 299
12.4 修改团队项目 299
12.4.1 签出 299
12.4.2 提交变更 301
12.4.3 签入 301
12.4.4 历史记录 302