01 原型设计的基本知识 17
1.1 Axure RP介绍 18
1.1.1 当前版本 18
1.1.2 主要功能 18
1.1.3 其他原型设计工具 19
1.2 原型设计的概念 20
1.3 原型设计的重要性 22
1.4 我如何才能开始 22
1.5 组件化的设计思路 23
1.6 学习路径 23
1.7 小结 24
02 Axure工作空间的介绍 25
2.1 概述 26
2.2 工具栏 26
2.2.1 选择、连接和画笔 26
2.2.2 排列顺序 27
2.2.3 编组与打散 28
2.2.4 对齐与分布 28
2.2.5 锁定与解锁 29
2.2.6 样式工具栏 29
2.3 左侧面板 30
2.3.1 站点地图 30
2.3.2 元件库 30
2.3.3 母版库 31
2.4 右侧面板 32
2.4.1 属性和样式 32
2.4.2 页面元素大纲 32
2.5 设计区域 33
2.5.1 右键菜单 33
2.5.2 用例编辑 34
2.5.3 变量与函数编辑 36
2.6 小结 36
03 Axure原型设计的操作技巧与解析 37
3.1 关于元件命名 38
3.2 怎样让内容屏幕居中 39
3.3 背景适应宽度 39
3.4 交互样式设置 40
3.5 矩形的基本样式设置 40
3.5.1 选择形状 40
3.5.2 背景颜色 41
3.5.3 文字颜色 41
3.5.4 边框大小、颜色和线段类型 41
3.5.5 圆角 42
3.5.6 边距 42
3.5.7 阴影 42
3.6 吸管工具的使用 42
3.7 自定义元件的设置 44
3.8 动态面板的特性 45
3.8.1 容器性 45
3.8.2 多状态性 46
3.8.3 整体性 46
3.8.4 固定到浏览器 46
3.9 如何设置选项组 46
3.10 选中属性的应用 48
3.11 母版的使用 49
3.12 响应式页面设计 49
3.13 图片Scale-9属性的应用 52
3.14 如何显示草图效果 54
3.15 发布到移动终端 54
3.16 小结 56
04 预览与发布 57
4.1 关于预览 58
4.2 关于发布 58
4.2.1 导出HTML文件 59
4.2.2 发布到AxShare 59
4.3 查看原型 60
4.3.1 安装chrome插件 60
4.3.2 从home.html开始 61
4.4 综合实例：Hello Axure！ 61
4.5 小结 66
05 变量与函数的设置 67
5.1 概述 68
5.2 变量和函数的常用类型 68
5.3 插入变量或函数 69
实例：转换输入内容为大写 69
5.4 全局变量的添加与使用 70
5.4.1 添加方法 70
5.4.2 如何使用 70
实例：通过变量给按钮标签赋值 72
5.5 局部变量的添加与使用 73
5.5.1 添加方法 73
5.5.2 如何使用 74
实例：给按钮设置标签 75
5.6 综合实例：手机拨号盘 76
5.7 小结 80
06 事件处理 81
6.1 概述 82
6.2 普通元件 82
实例：普通事件 83
6.3 动态面板 85
实例：动态面板事件 85
6.4 文本 88
实例：文本事件 88
6.5 页面 92
实例：页面事件 92
6.6 事件分支 97
6.6.1 事件分支的产生 97
6.6.2 事件分支的命名 97
实例：事件分支与事件命名 98
6.7 事件动作介绍 100
6.7.1 链接动作 100
实例：不同的链接打开方式 101
6.7.2 元件动作 104
实例：显示／隐藏弹出窗口 104
实例：自动水平幻灯片 107
实例：文本设置 109
实例：设置图片按钮 111
实例：性别选择 114
实例：用户注册 116
实例：滑动验证码 117
实例：幸运大转盘 120
实例：动态进度条 122
实例：图片透明度调整 123
6.7.3 全局变量动作 125
实例：转换输入内容为大写 125
6.7.4 中继器动作 127
实例：dribbble网站的作品显示与过滤 130
6.7.5 其他动作 137
实例：设置等待时间 138
6.8 小结 140
07 动画效果的设置 141
7.1 动画效果的应用范围 142
7.2 显示／隐藏元件 142
实例：显示／隐藏按钮气泡提示信息 143
7.3 设置动态面板状态 145
实例：自动垂直幻灯片 145
7.4 移动元件 147
实例：显示／隐藏动态浮动气泡 147
7.5 旋转元件 148
实例：制作旋转的风车 149
7.6 设置尺寸 152
实例：设置图片缩放效果 152
7.7 小结 154
08 动态面板的设置 155
8.1 概述 156
8.2 动态面板的属性 156
实例：自动调整为内容尺寸 156
实例：固定到浏览器 158
8.3 动态面板事件 160
8.3.1 载入事件 160
8.3.2 拖动开始时 160
8.3.3 拖动进行时 161
8.3.4 拖动结束时 161
实例：移动滑块，实时显示当前滑块位置 161
8.4 综合实例：“人人都是产品经理”之动态面板的应用 165
8.5 小结 172
09 中继器的操作 173
9.1 概述 174
9.2 中继器的基本操作方法 174
9.2.1 添加排序 174
9.2.2 移除排序 175
9.2.3 添加筛选 175
9.2.4 移除筛选 175
9.2.5 设置当前显示页面 176
9.2.6 设置每页显示数量 176
9.2.7 添加行 176
9.2.8 标记行、取消标记 176
9.2.9 更新行 177
9.2.10 删除行 177
实例：中继器样式设置 177
9.3 综合实例：用户列表的数据操作 179
9.4 小结 188
10 元件库的设计与应用 189
10.1 概述 190
10.2 元件库设计的作用和意义 191
10.2.1 提高原型设计效率 191
10.2.2 保持原型设计的一致性 191
10.3 综合实例：Android元件库的设计 192
10.4 小结 196
11 综合实例的操作与应用 197
11.1 综合实例：“淘宝网”首页自动幻灯片 198
11.2 综合实例：“网易云音乐”分享弹出窗口 201
11.3 综合实例：“美团网”导航菜单的制作 205
11.4 综合实例：“人人都是产品经理”网站导航菜单 211
11.5 综合实例：“新浪微博”下拉刷新 216
11.6 综合实例：“雷锋网”浮动菜单栏 223
11.7 综合实例：“京东网”手机品牌的选择 228
11.8 综合实例：“UC浏览器”文件下载处理 231
11.9 综合实例：“淘宝网”商品搜索结果 241
11.10 综合实例：“创业邦”登录和注册界面 249
11.11 小结 258
12 微信Android客户端原型设计 259
12.1 概述 260
12.2 准备工作 261
12.2.1 截图功能的应用 261
12.2.2 吸管工具的应用 262
12.2.3 客户端截图准备 262
12.3 设计公共元件库 263
12.3.1 新建元件库 263
12.3.2 设计元件库内容 264
实例：制作绿色按钮 264
实例：制作浅灰色按钮 265
实例：制作返回箭头图标 266
实例：制作输入框 267
实例：制作标题栏 270
实例：制作白色／绿色文字气泡背景 271
实例：制作提示信息弹出框 273
实例：制作输入法键盘 274
实例：制作照片选择列表 278
实例：设置“开关”选项 281
实例：设置“扫一扫”功能 283
12.3.3 加载元件库 287
12.4 综合实例：微信登录和首页设计 288
12.4.1 设置启动界面 288
12.4.2 设置登录界面 289
12.4.3 首页布局 292
12.4.4 制作主导航 293
12.4.5 设置“搜索”功能 295
12.4.6 设置微信菜单 296
12.4.7 设置“添加朋友”功能 298
12.4.8 “扫一扫”功能的应用 299
12.4.9 设置消息列表 301
12.4.10 设置“好友聊天”功能 305
12.4.11 预览 310
12.5 小结 312
附录：函数与属性 313
元件属性 313
窗口属性 313
光标属性 314
数字函数 314
数学函数 314
字符串函数和属性 314
日期函数 315