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

推荐2
收藏3
浏览2.6K

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

书　　号：978-7-121-27359-9
出版日期：2015-11-09
页　　数：400
开　　本：16(185*260)
出版状态：上市销售
维护人：n-y

纸质版￥98.00

产品经理和设计师们利用Axure RP工具根据用户需求快速制作出产品原型，可以提高工作效率和降低沟通成本。当今国内很多大型互联网公司正在使用与推广，也是产品经理和设计师们必备的原型设计工具。本书分为基础篇和实战篇。基础篇主要介绍Axure RP 7.0原型设计工具的使用，包括安装使用、母版的制作、高级交互效果的使用。实战篇主要从搜索网站、电商网站、移动应用、电子邮箱、桌面应用五个方面进行实战。本书内容丰富，既可以作为初学者的入门指南，也可以帮助中高级读者进一步扩展产品设计思路，提高产品设计水平。

从无到有梳理产品脉络，严谨有序完成产品架构！互联网设计师及产品经理必读！快速制作网站与APP产品高保真原型！轻松实现设计需求与客户心愿！

前言
为什么要写这本书
在信息化高速发展的今天，用户的需求激增，但是用户并不明确自己到底想要什么样的产品。而产品原型能快速地挖掘出用户的需求，因此，原型设计就显得至关重要。设计师们根据项目的规模、项目的类型、项目的工期以及用户的需求来制作原型。Axure RP 作为一个专业的快速原型设计工具，可以让设计师们根据需求快速创建应用软件的线框图、流程图、原型和规格说明文档，并且支持多人协作和版本控制管理。
目前图书市场上关于Axure 方面的图书不多，而且真正从实际应用出发、通过各种典型模块和项目案例来指导读者提高应用开发水平的图书就更少了。本书以实战为主旨，每个章节都会贯穿一个实战，并且提供6 个完整的项目案例，项目案例原型涉及面广泛，有门户网站高保真原型设计、电商网站高保真原型设计、移动APP 应用高保真原型设计、国外网站高保真原型设计以及两个低保真原型设计，项目案例基本覆盖了原型设计的各种类型。通过介绍Axure 基础和项目案例，读者能够全面、深入、透彻地理解Axure 原型设计工具的使用，显著提高产品设计能力和项目实战能力。

本书有何特色
·图文结合方式，逐步讲解
为了便于读者理解本书内容，提高学习效率，作者通过图文结合的方式进行讲解，让读者学习起来轻松高效。
·由浅入深、理论与实战相结合
本书主要分为基础篇和实战篇。基础篇介绍工具的使用，先讲述简单操作，然后逐步过渡到复杂操作、高级交互效果。实战篇介绍了不同类型的原型设计，帮助读者拓宽设计思路。
·实战驱动，应用性强
本书每一章都会展示一个实战案例，通过讲解案例制作的过程，使读者强化对Axure使用方法的掌握以及了解Axure 在原型设计过程的应用思路。
·项目案例典型，实战性强，有较高的实用价值
本书在高级篇解析了6 个项目实战案例。这些案例是在软件原型设计过程中经常会碰到的类型，具有很高的实用价值和参考价值。研究这些案例的原型制作过程，可以学习不同的设计思路。
·案例素材齐全
本书配套提供各个章节实战案例用到的素材，包括案例的图片、生成的HTML 文件以及RP 文件，在学习过程中可以直接使用这些素材进行原型设计。配套文件下载地址：www.broadview.com.cn/27359。
·提供完善的技术支持和售后服务
本书提供专门的技术支持邮箱：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．相关培训机构的学员

阅读本书的建议
* 没有使用过Axure 原型工具的读者，建议从第 1 章顺次阅读并演练每一个实战案例。
* 有一定 Axure 基础的读者，可以根据个人情况和需求有重点地选择阅读各个模块和项目案例。
* 对于每一个模块和项目案例，建议读者先自己思考一下实现的思路，然后再阅读，这样学习效果更好。

目录
第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
原型设计大师 Axure RP网站与APP设计从入门到精通XII
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