第1 篇 Axure 原型设计基础篇
第1 章 走进Axure RP 7.0 ...2
1.1 关于原型设计 .................. 3
1.1.1 什么是原型设计 .......... 3
1.1.2 一些原型设计工具 ....... 3
1.2 Axure RP 是什么 ................. 4
1.2.1 Axure RP 能干什么 ....... 4
1.2.2 为什么使用Axure RP 进行设计 ................. 4
1.3 Axure RP 7.0 使用第一步 ................... 5
1.3.1 Axure RP 7.0 软件安装与汉化 ............ 5
1.3.2 认识Axure RP 7.0 的软件界面 .......... 7
1.3.3 Axure RP 7.0 常用的工具栏 ......... 8
1.3.4 Axure RP 7.0 必须熟悉的快捷键 ....... 14
1.3.5 Axure RP 7.0 与Axure RP 6.5 的比较 ................... 14
1.4 实战:登录低保真原型制作 ........................... 17
1.5 小结 .................................................... 18
第2 章 Axure 站点地图 ....................19
2.1 关于站点地图 ..................... 20
2.1.1 什么是站点地图 .................. 20
2.1.2 站点地图的功能条 ......... 21
原型设计大师 Axure RP网站与APP设计从入门到精通VIII
2.1.3 站点地图的页面管理 .......... 21
2.2 实战:一起动手来做一个“百度”的原型UI ................... 22
2.2.1 “百度”的页面规划 ................. 22
2.2.2 增加页面 .......... 23
2.2.3 移动页面 ........... 25
2.2.4 删除页面 ................... 26
2.2.5 生成流程图 ........ 27
2.3 小结 ..................... 28
第3 章 Axure 部件区域 .........29
3.1 线框图组件 ................... 30
3.1.1 图片组件 .......... 30
3.1.2 标题1 和标题2 组件 ........... 33
3.1.3 标签组件和文本组件 .......... 33
3.1.4 矩形组件和占位符组件 ...... 34
3.1.5 自定义形状组件.............. 36
3.1.6 水平线组件和垂直线组件............. 38
3.1.7 图像热区组件 .............................. 38
3.1.8 动态面板组件 ........................... 40
3.1.9 内部框架组件 ............ 49
3.1.10 中继器组件 ................................. 53
3.1.11 文本框(单行)和文本框(多行)组件 .............. 58
3.1.12 下拉列表框和列表选择框组件 ................................. 61
3.1.13 复选框、单选框和HTML 按钮组件 .................. 62
3.1.14 树、表格、菜单组件 .................................. 63
3.2 流程图组件 ........................................... 64
3.2.1 流程图组件介绍 ..................... 65
3.2.2 绘制流程图 ....................................... 65
3.2.3 输出流程图 .............................. 67
3.3 装载Axure 组件.......................................... 68
3.3.1 载入部件库 .................................... 68
3.3.2 制作自己的部件库 .................................. 69
3.4 实战:“百度”登录的原型设计 ....................................... 70
3.4.1 分析“百度”登录界面 ................. 70
3.4.2 制作“百度”登录原型 ............. 71
3.5 小结 ................................................ 78
第4 章 Axure 母版区域 ............................79
4.1 关于母版区域 ........................................ 80
4.1.1 什么是母版区域 ................................ 80
4.1.2 母版的功能条 ................ 81
4.1.3 母版的使用 ...................... 82
4.2 实战:“12306 火车购票网站”母版原型设计 .................. 86
4.2.1 建立站点地图 .............. 86
4.2.2 建立母版页面 ............... 86
4.3 小结 ................................ 93
第5 章 Axure 中的变量 ....................94
5.1 全局、局部变量的使用 ................ 95
5.2 内置变量介绍 ................... 100
5.3 变量值在页面间传递 ..................... 104
5.4 变量的使用场景 ....................108
5.5 实战:加减乘除运算 .......108
5.6 小结 ..................................................... 113
第6 章 Axure 交互、样式、注释 .........114
6.1 触发事件 .............................. 115
6.2 交互条件 .................................. 116
6.2.1 新建、删除条件和条件之间关系 ............. 117
6.2.2 条件设置 .............. 117
6.2.3 交互条件应用 ........ 118
6.3 交互行为 .................. 122
6.3.1 链接:切换用户UI ........................ 122
6.3.2 部件:部件效果介绍 ........ 136
6.3.3 动态面板深入使用 ..................... 155
6.3.4 中继器:动态操作数据 ....... 160
6.4 Axure 样式设置 ............... 191
6.5 Axure 注释说明 ............ 192
6.6 实战:“百度”登录的交互设计 ........... 193
6.7 小结 .................................... 205
第7 章 项目共享协作及Axure 使用技巧 ........................206
7.1 项目如何共享协作 ............ 207
7.2 获取共享项目 .............................208
7.3 编辑共享项目 .......................... 209
7.4 使用技巧 ............................... 210
7.4.1 定时备份与恢复 ................ 210
7.4.2 制作按钮图标 ........................ 211
7.4.3 解决chrome 浏览器生成原型的问题 ........................... 211
7.4.4 Axure 生成的原型文件自动隐藏Sitemap 和Page Notes ...................... 211
7.5 小结 ................... 212
第2 篇 Axure 原型设计实战篇
第8 章 门户原型设计:“关于百度”高保真原型 ....................214
8.1 需求描述 ................... 215
8.2 设计思路 ...........215
8.3 准备工作 .................. 215
8.4 实现原型制作 ....................... 216
8.4.1 建立合适的网站结构地图 ........ 216
8.4.2 制作导航菜单母版效果 .................... 217
8.4.3 制作网站Logo 和尾部信息母版 .. 235
8.4.4 制作搜索框母版 ......... 236
8.4.5 将母版信息引用到页面上 ..... 238
8.4.6 插入页面内容 ............... 241
8.4.7 设置导航菜单的背景图 ................. 244
8.4.8 发布原型 .................. 248
8.5 关键技术讲解 ............... 249
8.6 小结 .................................... 249
第9 章 电商原型设计:“天猫商城” 高保真原型 .................................250
9.1 需求描述 ..................... 251
9.2 设计思路 .............. 251
9.3 准备工作 ...................... 252
9.4 实现原型制作 ..................... 252
9.4.1 登录功能实现 .................. 252
9.4.2 首页基本布局 ..................... 257
9.4.3 制作菜单手风琴效果 ............ 258
9.4.4 制作幻灯片轮播效果 ............. 262
9.4.5 制作搜索栏随滚动条上下滚动效果 ........ 268
9.5 关键技术讲解 ................. 271
9.6 小结 ................ 271
第10 章 APP 原型设计:“微信”高保真原型 .....272
10.1 需求描述 ....... 273
10.2 设计思路 ........ 273
10.3 准备工作 ................ 273
10.4 实现原型制作 ................... 274
10.4.1 微信登录功能 .............. 274
10.4.2 软件进入动画效果 ............ 278
10.4.3 导航菜单切换效果 .......... 281
10.4.4 给好友发送聊天内容 ......................... 288
10.4.5 上下拖动微信页面内容 ................... 294
10.4.6 显示/ 隐藏“+”按钮的下拉菜单 ............ 297
10.5 关键技术讲解 ........... 299
10.6 小结 ............ 300
第11 章 国外网站原型设计:“费利克斯航空网站”高保真原型 .........301
11.1 需求描述 ........... 302
11.2 设计思路 .............. 302
11.3 准备工作 ........... 302
11.4 实现原型制作 ............. 303
11.5 关键技术讲解 ......... 331
11.6 小结 ............. 332
第12 章 邮箱原型设计:“QQ 邮箱”低保真原型 333
12.1 需求描述 ............. 334
12.2 设计思路 ............. 334
12.3 实现原型制作 ............. 334
12.4 关键技术讲解 ............. 356
12.5 小结 ............. 356
第13 章 原创原型设计:“图书管理系统”低保真原型............. 357
13.1 需求描述 ............. 358
13.2 设计思路 ............. 358
13.3 准备工作 ............. 358
13.4 实现用户界面功能 ............. 359
13.5 关键技术讲解 ............. 387
13.6 小结............. 388
近年来,移动互联网的产品越来越丰富,而用于制作产品原型的Axure成为产品经理必备的“神器”,但是专门针对Axure原型工具的使用进行深入剖析的文章却相对很少,原型实战的书籍就更少了,缺少既能全面掌握Axure原型工具的使用,又能通过实战提高产品原型设计能力的参考资料。这本《原型设计大师》恰如其时地出现,弥补了这个空白。产品经理小白们值得入手!
——创新工场客户端研发工程师 黄东
在这个软件产品竞争激烈的时代,谁掌握了用户的需求,谁抓住了用户的痛点,也就掌握了软件产品的命脉。怎么捕捉用户的需求?这本书通过Axure的原型设计一点点讲解出来了。书中的例子也很流行,使用的技术也很新颖,值得推荐。
——阿里巴巴资深工程师 刘俊杰
用好Axure重要的是产品经理的逻辑思维加上不断的练习,刘刚这本书每章都贯穿着实战,这很关键,对于锻炼产品经理的业务能力有很大帮助。书中所讲的这些流行案例,对于想进入软件产品行业的读者来说,都是必须亲自上手操练的。
——用友网络用户体验设计师 张春峰