本书配合大量案例,全面介绍了Axure RP 8.0的使用方法及原型设计的各种经验和技巧。本书采用“基础知识点+实战操作”的形式编写,并免费提供大量的超值学习资源——同步配套教学视频、书中的案例源文件、作者积累的各种原型模板和原型库。
本书共12章,通过介绍样式设置、交互动画、数据操作、母版、元件库、团队协作等内容,让读者全面而深入地了解Axure RP的运行原理和各项功能;通过介绍原型设计准则、复杂原型的规划、带地图的原型、响应式原型设计、手机上可访问的原型等内容,让读者掌握原型设计的整体思路和高级技巧。书中的所有案均来源于真实的使用场景,读者不仅可以掌握原型制作的技巧,还可以获得真实的产品设计经验。
封面图
目录
- 配套学习资源
- 前言
- 第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