01原型设计的基本知识 11
1.1 Axure RP介绍 12
1.1.1当前版本 12
1.1.2主要功能 12
1.1.3其他原型设计工具 13
1.2原型设计的概念 14
1.3原型设计的重要性 16
1.4我该如何着手学习 16
1.5组件化的设计思路 17
1.6学习路径 17
1.7小结 18
02 Axure工作空间介绍 19
2.1概述 20
2.2 工具栏 20
2.2.1选择、连接和画笔 20
2.2.2排列顺序 21
2.2.3编组与打散 22
2.2.4对齐与分布 22
2.2.5锁定与解锁 23
2.2.6样式工具栏 23
2.3左侧面板 24
2.3.1站点地图 24
2.3.2元件库 24
2.3.3母版库 25
2.4右侧面板 26
2.4.1属性和样式 26
2.4.2页面元素大纲 26
2.5设计区域 27
2.5.1右键菜单 27
2.5.2用例编辑 28
2.5.3变量与函数编辑 30
2.6小结 30
03 Axure原型设计的操作技巧与解析 31
3.1关于元件命名 32
3.2怎样让内容屏幕居中 33
3.3背景适应宽度 33
3.4交互样式设置 34
3.5矩形的基本样式设置 34
3.5.1选择形状 34
3.5.2背景颜色 35
3.5.3文字颜色 35
3.5.4边框大小、颜色和线段类型 35
3.5.5圆角 36
3.5.6边距 36
3.5.7阴影 36
3.6吸管工具的使用 36
3.7自定义元件的设置 38
3.8动态面板的特性 39
3.8.1容器性 39
3.8.2多状态性 40
3.8.3整体性 40
3.8.4固定到浏览器 40
3.9如何设置选项组 40
3.10选中属性的应用 42
3.11母版的使用 43
3.12响应式页面设计 43
3.13图片Scale-9属性的应用 46
3.14如何显示草图效果 48
3.15发布到移动终端 48
3.16小结 50
04预览与发布 51
4.1关于预览 52
4.2关于发布 52
4.2.1导出HTML文件 53
4.2.2发布到AxShare 53
4.3查看原型 54
4.3.1安装Chrome插件 54
4.3.2从home.html开始 55
4.4综合实例:Hello Axure! 55
4.5小结 60
05变量与函数的设置 61
5.1概述 62
5.2变量和函数的常用类型 62
5.3插入变量或函数 63
实例:转换输入内容为大写 63
5.4全局变量的添加与使用 64
5.4.1添加方法 64
5.4.2如何使用 64
实例:通过变量给按钮标签赋值 66
5.5局部变量的添加与使用 67
5.5.1添加方法 67
5.5.2如何使用 68
实例:给按钮设置标签 69
5.6综合实例:手机拨号盘 70
5.7小结 74
06事件处理 75
6.1概述 76
6.2普通元件 76
实例:普通事件 77
6.3动态面板 79
实例:动态面板事件 79
6.4文本 82
实例:文本事件 82
6.5页面 86
实例:页面事件 86
6.6事件分支 91
6.6.1事件分支的产生 91
6.6.2事件分支的命名 91
实例:事件分支与事件命名 92
6.7事件动作介绍 94
6.7.1链接动作 94
实例:不同的链接打开方式 95
6.7.2元件动作 98
实例:显示/隐藏弹出窗口 98
实例:自动水平幻灯片 101
实例:文本设置 103
实例:设置图片按钮 105
实例:性别选择 108
实例:用户注册 110
实例:滑动验证码 111
实例:幸运大转盘 114
实例:动态进度条 116
实例:图片透明度调整 117
6.7.3全局变量动作 119
实例:转换输入内容为大写 119
6.7.4中继器动作 121
实例:dribbble网站的作品显示与过滤 124
6.7.5其他动作 131
实例:设置等待时间 132
6.8小结 134
07动画效果的设置 135
7.1动画效果的应用范围 136
7.2显示/隐藏元件 136
实例:显示/隐藏按钮气泡提示信息 137
7.3设置动态面板状态 139
实例:自动垂直幻灯片 139
7.4移动元件 141
实例:显示/隐藏动态浮动气泡 141
7.5旋转元件 142
实例:制作旋转的风车 143
7.6设置尺寸 146
实例:设置图片缩放效果 146
7.7小结 148
08动态面板的设置 149
8.1概述 150
8.2动态面板的属性 150
实例:自动调整为内容尺寸 150
实例:固定到浏览器 152
8.3动态面板事件 154
8.3.1载入事件 154
8.3.2拖动开始时 154
8.3.3拖动进行时 155
8.3.4拖动结束时 155
实例:移动滑块,实时显示当前滑块位置 155
8.4综合实例:“人人都是产品经理”之动态面板的应用 159
8.5小结 166
09中继器的操作 167
9.1概述 168
9.2中继器的基本操作方法 168
9.2.1添加排序 168
9.2.2移除排序 169
9.2.3添加筛选 169
9.2.4移除筛选 169
9.2.5设置当前显示页面 170
9.2.6设置每页显示项目数量 170
9.2.7添加行 170
9.2.8标记行、取消标记 170
9.2.9更新行 171
9.2.10删除行 171
实例:中继器样式设置 171
9.3综合实例:用户列表的数据操作 173
9.4小结 182
10元件库的设计与应用 183
10.1概述 184
10.2元件库设计的作用和意义 185
10.2.1提高原型设计效率 185
10.2.2保持原型设计的一致性 185
10.3综合实例:Android元件库的设计 186
10.4小结 190
11综合实例的操作与应用 191
11.1综合实例:“淘宝网”首页自动幻灯片 192
11.2综合实例:“网易云音乐”分享弹出窗口 195
11.3综合实例:“美团网”导航菜单 199
11.4综合实例:“人人都是产品经理”网站导航菜单 205
11.5综合实例:“新浪微博”下拉刷新 210
11.6综合实例:“雷锋网”浮动菜单栏 217
11.7综合实例:“京东网”手机品牌的选择 222
11.8综合实例:“UC浏览器”文件下载处理 225
11.9综合实例:“淘宝网”商品搜索结果 235
11.10综合实例:“创业邦”登录和注册界面 243
11.11小结 252
12微信Android客户端原型设计 253
12.1概述 254
12.2准备工作 255
12.2.1截图功能的应用 255
12.2.2吸管工具的应用 256
12.2.3客户端截图准备 256
12.3设计公共元件库 257
12.3.1 新建元件库 257
12.3.2设计元件库内容 258
实例:制作绿色按钮 258
实例:制作浅灰色按钮 259
实例:制作返回箭头图标 260
实例:制作输入框 261
实例:制作标题栏 264
实例:制作白色/绿色文字气泡背景 265
实例:制作提示信息弹出框 267
实例:制作输入法键盘 268
实例:制作照片选择列表 272
实例:设置“开关”选项 275
实例:设置“扫一扫”功能 277
12.3.3加载元件库 281
12.4综合实例:微信登录和首页设计 282
12.4.1设置启动界面 282
12.4.2设置登录界面 283
12.4.3首页布局 286
12.4.4制作主导航 287
12.4.5设置“搜索”功能 289
12.4.6设置微信菜单 290
12.4.7设置“添加朋友”功能 292
12.4.8“扫一扫”功能的应用 293
12.4.9设置消息列表 295
12.4.10设置“好友聊天”功能 299
12.4.11预览 304
12.5小结 306
附录:函数与属性 307
元件属性 307
窗口属性 307
光标属性 308
数字函数 308
数学函数 308
字符串函数和属性 308
日期函数 309