《原型设计大师：Axure RP网站与APP设计从入门到精通》

《原型设计大师：Axure RP网站与APP设计从入门到精通》 内容介绍：

Axure RP 是一款专业的快速原型设计工具，广泛应用于互联网行业，能够帮助我们进行构思、可视化设计、沟通、协作，注释和创建规范文档，是产品经理、商业分析师、信息架构师、用户体验设计师、交互设计师等不可缺少的“神兵利器”。 《原型设计大师：Axure RP网站与APP设计从入门到精通》内容丰富且实用，由浅入深地传授了Axure 原型设计工具在网站和APP设计中的应用与技巧，并在文中贯穿了众多精彩实战案例。书中完整展现了多个鲜活生动的综合项目案例，涉及门户网站高保真原型设计、电商网站高保真原型设计、移动APP 应用高保真原型设计、国外网站高保真原型设计……通过学习《原型设计大师：Axure RP网站与APP设计从入门到精通》，可以全面、深入、透彻地理解Axure 原型设计应用，显著提高产品设计能力，让你的项目开发事半功倍。 《原型设计大师：Axure RP网站与APP设计从入门到精通》既适合设计新手及对Axure 感兴趣的爱好者学习，也适合有一定Axure 基础、需要进行产品原型设计的专业人士阅读和参考。来吧，让你的每一个奇思妙想快速、顺畅且完美地展现出来吧！

作者介绍：

资深产品经理、软件工程师，一直从事互联网相关的工作，曾主导或参与过众多软件项目，涉及邮政、 金融、行政等多个领域，并为众多网站与APP的开发提供咨询服务，积累了丰富的开发经验，并对互联网行业的产品、技术、营销等方面有着持续的热情。

《原型设计大师：Axure RP网站与APP设计从入门到精通》 目录大纲：

第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