第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
原型设计大师 Axure RP网站与APP设计从入门到精通X
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.4.1 页面布局 ................................................................................................. 303
11.4.2 导航菜单制作 ......................................................................................... 307
11.4.3 订票区域设计 ......................................................................................... 313
11.4.4 跑马灯效果制作 ..................................................................................... 319
11.4.5 幻灯片轮播效果制作 ............................................................................. 323
11.5 关键技术讲解 ..................................................................................................... 331
11.6 小结 ..................................................................................................................... 332
第12 章 邮箱原型设计:“QQ 邮箱”低保真原型 ...............................333
12.1 需求描述 ............................................................................................................. 334
12.2 设计思路 ............................................................................................................. 334
12.3 实现原型制作 ..................................................................................................... 334
12.3.1 首页页面布局 ......................................................................................... 334
12.3.2 首页顶部信息设计 ................................................................................. 336
12.3.3 导航菜单设计 ......................................................................................... 343
12.3.4 未读邮件提示区域 ................................................................................. 347
12.3.5 写信插入地图区域 ................................................................................. 348
12.3.6 邮箱推荐区域 ......................................................................................... 349
12.3.7 消息区域 ................................................................................................. 351
12.3.8 邮箱版本及版权区域 ............................................................................. 355
12.4 关键技术讲解 ..................................................................................................... 356
12.5 小结 ..................................................................................................................... 356
第13 章 原创原型设计:“图书管理系统”低保真原型 .......................357
13.1 需求描述 ............................................................................................................. 358
13.2 设计思路 ............................................................................................................. 358
13.3 准备工作 ............................................................................................................. 358
13.4 实现用户界面功能 ............................................................................................. 359
13.4.1 建立站点地图栏目结构 ......................................................................... 359
13.4.2 登录界面设计 ......................................................................................... 359
13.4.3 制作导航菜单母版 ................................................................................. 362
13.4.4 首页模块设计 ......................................................................................... 370
13.4.5 用户管理模块设计 ................................................................................. 373
13.4.6 借书管理模块设计 ................................................................................. 377
13.4.7 图书管理模块设计 ................................................................................. 381
13.4.8 统计分析模块设计 ................................................................................. 383
13.5 关键技术讲解 ..................................................................................................... 387
13.6 小结 ..................................................................................................................... 388
· · · · · · (
收起)