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

Axure被誉为用户体验行业常用设计工具之一，广泛应用于互联网行业，能够帮助我们进行构思、可视化设计、沟通、协作，注释和创建规范文档，是产品经理、商业分析师、信息架构师、用户体验设计师、交互设计师等不可缺少的“神兵利器”。
* 高效：涵盖Axure RP各种原型设计，提高产品开发效率，降低沟通成本！
* 全面：涉及搜索网站、电商网站、移动应用、电子邮箱、桌面应用等众多领域！
* 深入：从概念、语法、示例、技巧和应用等多角度剖析各个知识点！
* 实用：收录众多实战案例以及大型综合案例，图文并茂，通俗易懂！

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

第1 篇 Axure 原型设计基础篇
第1 章走进Axure RP 7.0 ...2
1.1关于原型设计 .................. 3
1.1.1什么是原型设计 .......... 3
1.1.2一些原型设计工具 ....... 3
1.2Axure RP 是什么 ................. 4
1.2.1Axure RP 能干什么 ....... 4
1.2.2为什么使用Axure RP 进行设计 ................. 4
1.3Axure RP 7.0 使用第一步 ................... 5
1.3.1Axure RP 7.0 软件安装与汉化 ............ 5
1.3.2认识Axure RP 7.0 的软件界面 .......... 7
1.3.3Axure RP 7.0 常用的工具栏 ......... 8
1.3.4Axure RP 7.0 必须熟悉的快捷键 ....... 14
1.3.5Axure 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.4Axure 样式设置 ............... 191
6.5Axure 注释说明 ............ 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.4Axure 生成的原型文件自动隐藏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 RP 作为一个专业的快速原型设计工具，可以让设计师们根据需求快速创建应用软件的线框图、流程图、原型和规格说明文档，并且支持多人协作和版本控制管理。目前图书市场上关于Axure 方面的图书不多，而且真正从实际应用出发、通过各种典型模块和项目案例来指导读者提高应用开发水平的图书就更少了。本书以实战为主旨，每个章节都会贯穿一个实战，并且提供6 个完整的项目案例，项目案例原型涉及面广泛，有门户网站高保真原型设计、电商网站高保真原型设计、移动APP 应用高保真原型设计、国外网站高保真原型设计以及两个低保真原型设计，项目案例基本覆盖了原型设计的各种类型。通过介绍Axure 基础和项目案例，读者能够全面、深入、透彻地理解Axure 原型设计工具的使用，显著提高产品设计能力和项目实战能力。
本书有何特色
图文结合方式，逐步讲解
为了便于读者理解本书内容，提高学习效率，作者通过图文结合的方式进行讲解，让读者学习起来轻松高效。
由浅入深、理论与实战相结合
本书主要分为基础篇和实战篇。基础篇介绍工具的使用，先讲述简单操作，然后逐步过渡到复杂操作、高级交互效果。实战篇介绍了不同类型的原型设计，帮助读者拓宽设计思路。
实战驱动，应用性强
本书每一章都会展示一个实战案例，通过讲解案例制作的过程，使读者强化对Axure使用方法的掌握以及了解Axure 在原型设计过程的应用思路。
项目案例典型，实战性强，有较高的实用价值
本书在高级篇解析了6 个项目实战案例。这些案例是在软件原型设计过程中经常会碰到的类型，具有很高的实用价值和参考价值。研究这些案例的原型制作过程，可以学习不同的设计思路。
案例素材齐全
本书配套提供各个章节实战案例用到的素材，包括案例的图片、生成的HTML 文件以及RP 文件，在学习过程中可以直接使用这些素材进行原型设计。
提供完善的技术支持和售后服务
本书提供专门的技术支持邮箱：yuan_kevin_525@126.com。读者在阅读本书过程中有任何疑问都可以通过该邮箱获得帮助。
本书内容及知识体系
基础篇 Axure 原型工具使用基础（第1 ～ 7 章）
本篇介绍了Axure 使用的基础知识。主要包括Axure 工具界面的介绍、Axure 站点地图介绍、了解Axure 的各个组件、学会Axure 母版的使用、掌握Axure 的交互操作，以及Axure 如何支持多人协作。在讲解的基础上，每一章都会贯穿实战案例，深化原型工具的使用，使读者通过基础学习，学会原型工具的使用。
高级篇 项目案例实战（第8 ～ 13 章）
本篇介绍了6 个项目案例的设计过程。主要包括“关于百度”门户网站高保真原型设计、“天猫商城”电商网站高保真原型设计、“微信”移动APP 高保真原型设计、“费利克斯航空网站”国外网站高保真原型设计、“QQ 邮箱”低保真原型设计、“图书管理系统”低保真原型设计。通过深入研究6 个项目案例的原型设计过程，使读者深入掌握Axure 原型工具的使用，拓宽原型设计的思路。
适合阅读本书的读者
1．互联网相关产品经理
2．交互设计师、用户体验设计师等设计人员
3．希望提高原型设计水平的专业人员
4．需要进行原型制作的商业分析师、信息架构师、程序开发工程师等专业人员
5．相关培训机构的学员
阅读本书的建议
y 没有使用过Axure 原型工具的读者，建议从第 1 章顺次阅读并演练每一个实战案例。
y 有一定 Axure 基础的读者，可以根据个人情况和需求有重点地选择阅读各个模块和项目案例。
y 对于每一个模块和项目案例，建议读者先自己思考一下实现的思路，然后再阅读，这样学习效果更好。