Axure RP 原型设计实践（Web+APP）

《Axure RP 原型设计实践（Web+APP）》是一本通过大量案例介绍Axure RP原型设计的教程。全书分为三篇，分别为Axure RP基础、Axure RP高级功能和Axure RP原型设计实践。包括产品原型设计、Axure RP概述、基础元件、高级元件、元件交互、母版、Axure Share共享原型、团队项目、输出文档、Web原型设计实践、App原型设计实践、菜单原型设计实践、整站原型设计——温馨小居共13章内容，附录部分对原型设计中的众多常见问题专门进行了解答。
《Axure RP 原型设计实践（Web+APP）》主要面向产品经理、需求分析师、架构师、用户体验设计师、网站策划师、交互设计师、产品助理等，以及高校计算机及相关专业师生。

前言

岁月如白驹过隙，大学毕业后，在IT领域摸爬滚打已有十余年，从事过开发、项目管理、架构设计、产品设计和售前等方面的工作，这几年则主要专注于产品设计和软件架构设计。在产品设计方面接触过很多产品原型设计工具，而唯独Axure RP这款产品原型设计工具，让我感觉使用起来最为得心应手。
一、写作初衷
接触并开始使用Axure RP后，我就迅速成为一名“布道者”，不遗余力地把这个好用的原型设计工具介绍给大家，出版过Axure RP 7的图书，写过相关的博客，在51CTO学院（http://edu.51cto.com/lecturer/10087349.html）发布的Axure RP 7的线上课程，在不到3年的时间内，积累了接近4万的用户访问量，受到了大家的一致好评。
写作本书的初衷很简单。
? Axure RP对于产品原型设计来说有更多有趣、有用的“玩儿”法。
? 通过这几年的培训和工作积累，我又有了很多想讲解给大家看的案例，而且，通过这几年来对培训学员的了解，针对大家在哪些方面存在疑问有了更深刻的了解。
二、Axure RP——产品原型设计利器
我钟爱Axure RP并不是平白无故的，因为它是一款当之无愧的产品原型设计利器。“利器在手，天下我有”。虽然，产品原型设计工具五花八门，但是，Axure RP却在业界深受大家的喜爱，个人觉得主要有以下四个方面的原因。
? 酷炫设计不费吹灰之力：结合基础元件，以及高级元件如动态面板元件、内联框架元件和中继器元件等，利用事件交互，可以很容易地实现看似复杂、酷炫的动态设计效果。
? 高级功能锦上添花：Axure RP提供了诸多高级功能，如母版、Axure Share共享原型、团队项目支持和输出多种格式文档等，切合实际设计场景，更让其变得不可替代。
? 为App原型设计提供良好支持：在移动互联网飞速发展的今天，Axure RP对基于移动互联网的App原型设计的良好支持也是大家喜爱它的一大原因。Axure RP可以很轻松地进行场景模拟和真实模拟，并允许用户定义自适应视图，以适应不同的屏幕大小。
? 原型十分逼真：使用Axure RP设计出来的产品高保真原型十分逼真，甚至可以达到“以假乱真”的程度，视觉的元素和逼真的效果能很快抓住大家的眼球，让用户的原型脱颖而出。
三、本书主要内容
本书分为三篇，分别为：Axure RP基础、Axure RP高级功能和Axure RP原型设计实践。
? Axure RP基础：本篇首先简要介绍产品原型设计的概念和常用的工具，然后详细讲解Axure RP的基础知识，如安装和汉化、工作界面介绍、基础元件、高级元件和元件交互等内容。
? Axure RP高级功能： 在基础篇基础上更上一层楼，详细讲解Axure RP的高级应用知识，如母版、Axure Share共享原型、团队项目和输出文档等内容。
? Axure RP原型设计实践：这部分内容为案例集锦篇，详细讲解百度、天猫商城、京东、网易、微信、QQ等知名网站或App的酷炫或实用案例，并通过一个整站综合案例将所有知识点融会贯通，将Axure RP的知识点应用到实践中去。
四、本书特色
? 专家导学：知识全面，覆盖Axure RP的各个知识点，如基础元件、高级元件、页面事件、元件事件、用例、函数、动作和变量等知识，以及母版、Axure Share共享原型、团队合作开发和输出文档等高级应用知识。
? 注重实践：数十个Web和App案例精讲，覆盖各大知名互联网公司案例，注重工程实践，满足Web和App产品原型设计的不同读者的需求。
五、读者对象
本书主要面向产品经理、需求分析师、架构师、用户体验设计师、网站策划师、交互设计师、产品助理等，以及高校计算机及相关专业师生。
阅读本书，读者不但能掌握Axure RP的用法，更重要的是能通过诸多Web和App原型设计实践案例将各知识点用于实际产品设计过程，让你快速上手，火速深入，打造成产品原型设计高手指日可待。
六、前路漫漫长相伴
产品设计是一条曲折的蜿蜒小道，首先不说光Axure RP的高级使用就难有止境，而且，产品原型设计工具的使用也只是产品设计领域中的一小部分，所以，产品设计人员成长的道路，路漫漫其修远兮，不过值得庆幸的是，有那么多小伙伴一路同行！
希望有更多的小伙伴们，能成为优秀的产品经理，在当今的移动互联网时代取得成功！
七、勘误和支持
由于作者的水平有限，编写的时间也很仓促，书中难免会出现一些错误或不准确的地方，不妥之处恳请读者批评指正。
本书的修订信息会发布在笔者的技术博客中，地址为http://www.blogjava.net/amigoxie。该博客会不定期更新书中的遗漏之处，当然，也欢迎读者将遇到疑惑或书中的错误在博客留言中提出。如果您有更多的宝贵意见，也欢迎发送邮件至笔者的邮箱（xiexingxing1121 @126.com），期待得到您的真挚反馈。
本书基于Axure RP 8，它是Axure RP迄今为止最成功的版本。Axure RP 9测试版即将面世，但是，Axure RP发展到现在，产品已基本成型，版本并不重要，重要的是学习思路和方法，让工具发挥其应有的作用。
八、致谢
首先要感谢我的家人，感谢他们不断给我信心和力量，是他们的鼓励和背后默默的支持，让我坚持写完了这本书。

目录
前言
第一篇 Axure RP基础
第1章 产品原型设计2
1.1 什么是原型设计2
1.2 原型设计工具一览3
1.2.1 Axure RP3
1.2.2 墨刀4
1.2.3 Mockplus6
1.2.4 Justinmind6
1.2.5 Balsamiq Mockups8
1.3 本章小结9
第2章 Axure RP概述11
2.1 Axure RP 8介绍11
2.2 Axure RP 8安装和汉化12
2.2.1 Windows操作系统下汉化版安装12
2.2.2 Mac操作系统下汉化版安装12
2.3 Axure RP 8工作界面12
2.3.1 菜单栏和工具栏12
2.3.2 页面面板16
2.3.3 元件库面板17
2.3.4 母版面板17
2.3.5 页面设计面板17
2.3.6 检视面板20
2.3.7 概要面板20
2.4 Axure RP 9预览22
2.5 本章小结24
第3章 基础元件25
3.1 常用基础元件25
3.2 表单元件29
3.3 水平/垂直菜单元件32
3.4 树状菜单元件34
3.5 表格元件35
3.6 标记元件35
3.7 流程图元件36
3.8 组合元件36
3.9 自定义元件形状37
3.10 元件操作40
3.11 本章小结41
第4章 高级元件42
4.1 动态面板元件42
4.2 内联框架元件44
4.3 中继器元件45
4.4 第三方元件库48
4.5 本章小结50
第5章 元件交互52
5.1 页面事件52
5.1.1 打开用例编辑器52
5.1.2 选择页面事件的触发条件52
5.1.3 选择页面事件的动作54
5.1.4 页面事件列表54
5.2 元件事件55
5.3 用例和动作56
5.3.1 用例56
5.3.2 动作57
5.4 变量61
5.4.1 全局变量61
5.4.2 局部变量62
5.4.3 变量应用场合63
5.5 函数63
5.5.1 常用函数63
5.5.2 中继器/数据集函数64
5.5.3 元件函数65
5.5.4 页面函数65
5.5.5 窗口函数66
5.5.6 鼠标指针函数66
5.5.7 数字函数66
5.5.8 字符串函数67
5.5.9 日期函数67
5.5.10 布尔函数69
5.6 交互案例——简易时钟69
5.6.1 案例要求69
5.6.2 案例实现69
5.6.3 案例演示效果73
5.7 本章小结73
第二篇 Axure RP高级功能
第6章 母版76
6.1 母版概述76
6.1.1 创建母版76
6.1.2 母版常用操作77
6.1.3 设置母版自定义事件78
6.2 母版应用案例80
6.2.1 创建母版80
6.2.2 在母版加载时事件中设置自定义事件80
6.2.3 在首页引入母版80
6.2.4 在其余页面引入母版81
6.2.5 首页预览效果81
6.2.6 其余页面预览效果81
6.3 本章小结82
第7章 Axure Share共享原型83
7.1 Axure Share的共享原型概述83
7.2 Axure Share的应用83
7.2.1 创建Axure Share用户83
7.2.2 登录Axure Share84
7.2.3 将项目发布到Axure Share84
7.2.4 管理Axure Share项目86
7.3 本章小结87
第8章 团队项目88
8.1 团队项目概述88
8.2 创建团队项目88
8.3 使用团队项目90
8.4 本章小结94
第9章 输出文档96
9.1 生成HTML文件96
9.1.1 生成整个项目的HTML文件96
9.1.2 在HTML文件中重新生成当前页面97
9.2 生成Word说明书98
9.2.1 生成Word说明书的操作98
9.2.2 生成Word说明书的注意事项98
9.3 更多生成器和配置文件100
9.4 本章小结100
第三篇 Axure RP原型设计实践
第10章 Web原型设计实践103
10.1 淘宝网的用户注册效果103
10.2 淘宝的用户登录效果115
10.3 百度的搜索提示效果121
10.4 百度搜索页签切换效果128
10.5 百度云的上传进度条效果133
10.6 京东秒杀倒计时效果136
10.7 京东商品详情页商品介绍快速导航效果138
10.8 模拟优酷的视频播放效果145
10.9 天猫商城首页图片幻灯效果152
10.10 京东商品详情页图片放大效果155
10.11 美丽说的产品搜索结果页159
10.12 实现充值模拟效果164
10.13 图片翻转效果169
10.14 本章小结172
第11章 App原型设计实践173
11.1 微信图标形状绘制173
11.2 网易云音乐听歌识曲的波纹扩散效果176
11.3 幕布添加思维导图效果180
11.4 微信发朋友圈动态效果186
11.5 OnmiFocus清除任务效果192
11.6 QQ会员活动抽奖大转盘195
11.7 网易云音乐更新动态的下滑效果199
11.8 印象笔记添加多媒体效果202
11.9 航旅纵横飞行统计效果206
11.10 墨迹天气显示效果213
11.11 移动建模场景模拟效果220
11.12 移动建模真实模拟效果223
11.13 自适应视图效果227
11.14 本章小结229
第12章 菜单原型设计实践230
12.1 标签式菜单230
12.2 顶部菜单233
12.3 九宫格菜单239
12.4 抽屉式菜单241
12.5 分级菜单244
12.6 下拉列表式菜单247
12.7 多级导航菜单251
12.8 特色菜单254
12.9 本章小结258
第13章 整站原型设计——温馨小居259
13.1 需求分析259
13.2 App高保真线框图261
13.3 网站高保真线框图281
13.4 本章小结309
附录A 答疑解惑310
问题1：Axure RP 8专业版、团队版和企业版之间的区别是什么？310
问题2：Axure“已停止工作”闪退频繁发生，如何解决？310
问题3：全局变量和局部变量的差异是什么？311
问题4：如何制作出页面自适应的元件？311
问题5：如何引入多样化报表？312
问题6：无法在浏览器预览生成的HTML文件怎么办？317
问题7：生成的HTML文件可以进行部署，提供给用户