AxureRP9高保真原型设计实例教程

本书使用Axure RP 9版本软件，从0开始系统教学，帮助小白轻松掌握Axure原型设计技术

全书386页，内容超多超厚，全面详细讲解了Axure RP 9的各个模块的知识点

全书大量使用工作中的真实案例为引，帮助读者在实战中学习，在实战中提高

本书实际上是一套关于Axure“从入门到精通、从理论到实践、从传统静态线框原型到动态交互高保真原型”的整体解决方案。作者想通过本书传达给读者的是，想要在“自个儿的圈子里”做得更好，掌握高保真原型的设计思路、方法以及制作、设计技巧，不失为一种聪明的做法。

本书共分为4章。第1章，作者对线框图和高保真图做了简单介绍，并总结了制作产品原型的设计思路；第2章，较详细地介绍了Axure RP 9的基础操作；第3章，App端实战练习，介绍了14个移动客户端的案例；第4章，Web端实战练习，共有16个Web端的案例。

通过本书的历练，读者不仅能收获高保真原型的快速建模能力，还能提高App端和Web端产品的界面及交互设计能力。一次学习，终身受用！

管俊睿，产品人、独立讲师、原创作者。MBA，持有NPDP®、CSP®、PMP®等专业认证。《产品经理游戏化设计70计》一书作者。网易云课堂、51CTO学院、腾讯课堂等平台资深签约讲师。企业内训师、企业内部岗位认证考试出题人，Axure官方推荐Trainer。

10+年IT行业产品管理经验、培训经验，曾服务于通信、游戏、互联网、金融、电商、广告、公共资源交易、国际贸易等行业。个人成果涵盖互联网产品管理、需求管理、互联网产品原型设计、互联网产品游戏化设计、IT产品生命周期管理、IT项目管理等专业领域。重视用户体验、用户心理学以及产品、服务的商业价值。

第1章　Axure RP与产品原型设计 1
1．1　关于Axure RP 1
1．1．1　概述 1
1．1．2　安装、汉化和授权 2
1．2　产品原型设计 4
1．2．1　线框图 4
1．2．2　高保真原型 4
1．3　产品原型设计思路 4
第2章　Axure RP 9基础操作 6
2．1　菜单栏和工具栏 6
2．1．1　新建、保存、导出和备份
文件 6
2．1．2　设置视图 7
2．1．3　设置项目 9
2．1．4　设置页面和元件的布局 13
2．1．5　预览、生成和发布原型 16
2．1．6　使用帮助 16
2．1．7　了解工具栏 17
2．2　页面和概要 20
2．3　元件和母版 23
2．3．1　基本元件的操作 24
2．3．2　表单元件的操作 27
2．3．3　菜单和表单元件的操作 29
2．3．4　标记元件的操作 30
2．3．5　流程元件的操作 30
2．3．6　icon元件的操作 33
2．3．7　母版的使用 33
2．4　编辑区域 35
2．5　样式、交互和说明 36
2．6　交互设置 39
2．6．1　事件 39
2．6．2　交互样式 41
2．7　动作设置 43
2．7．1　链接动作 43
2．7．2　元件动作 43
2．7．3　中继器动作 44
2．7．4　其他动作 44
2．8　条件设置 45
2．9　函数设置 48
2．9．1　变量 49
2．9．2　中继器/数据集函数 50
2．9．3　元件函数 50
2．9．4　页面函数 50
2．9．5　窗口函数 50
2．9．6　鼠标指针函数 50
2．9．7　数字函数 50
2．9．8　字符串函数 50
2．9．9　数学函数 51
2．9．10　日期函数 52
2．9．11　布尔函数 53
第3章　高保真App产品实战案例 54
3．1　跳板式导航（携程） 54
3．1．1　案例分析 55
3．1．2　案例制作思路 55
3．1．3　案例操作 57
3．2　列表式导航（微信） 72
3．2．1　案例分析 72
3．2．2　案例制作思路 73
3．2．3　案例操作 74
3．3　选项卡式导航（百合网） 101
3．3．1　案例分析 101
3．3．2　案例制作思路 102
3．3．3　案例操作 102
3．4　陈列馆式导航（优酷） 126
3．4．1　案例分析 126
3．4．2　案例制作思路 127
3．4．3　案例操作 127
3．5　表盘式导航（随手记） 138
3．5．1　案例分析 139
3．5．2　案例制作思路 139
3．5．3　案例操作 140
3．6　暗喻式导航（节气） 162
3．6．1　案例分析 162
3．6．2　案例制作思路 162
3．6．3　案例操作 163
3．7　多选项式导航（当当） 178
3．7．1　案例分析 179
3．7．2　案例制作思路 179
3．7．3　案例操作 179
3．8　抽屉式导航（QQ） 192
3．8．1　案例分析 193
3．8．2　案例制作思路 193
3．8．3　案例操作 193
3．9　点聚式导航（Path） 209
3．9．1　案例分析 210
3．9．2　案例制作思路 210
3．9．3　案例操作 210
3．10　瀑布式导航（Nice） 226
3．10．1　案例分析 226
3．10．2　案例制作思路 227
3．10．3　案例操作 227
3．11　页面轮盘式导航（Flink） 240
3．11．1　案例分析 240
3．11．2　案例制作思路 240
3．11．3　案例操作 241
3．12　图片轮盘式导航（猫眼） 245
3．12．1　案例分析 245
3．12．2　案例制作思路 246
3．12．3　案例操作 246
3．13　扩展列表式导航（千牛） 253
3．13．1　案例分析 254
3．13．2　案例制作思路 254
3．13．3　案例操作 254
3．14　舵式导航（有道云笔记） 259
3．14．1　案例分析 259
3．14．2　案例制作思路 259
3．14．3　案例操作 260
第4章　高保真Web产品实战案例 263
4．1　结构性导航 263
4．1．1　全局导航 263
4．1．2　局部导航 283
4．2　关联性导航 286
4．2．1　上下文导航 286
4．2．2　适应性导航 295
4．2．3　面包屑导航 306
4．2．4　步骤导航 310
4．2．5　辅助导航 319
4．2．6　页脚导航 323
4．2．7　页码导航 325
4．2．8　快速链接 328
4．2．9　友情链接 329
4．2．10　锚点链接 330
4．2．11　标签 333
4．3　实用性导航 334
4．3．1　标志链接 334
4．3．2　搜索引擎 335
4．3．3　网站地图 339

随着资本寒冬的侵袭，IT企业放慢了扩张的脚步，有些业内企业甚至出现大面积的业务收紧。与此同时，经过多年的“用户教育”，当前用户对于产品的使用习惯已经基本养成，包括互联网在内的IT行业的用户红利逐渐减少，用户对于产品的要求越来越高，用户体验也越来越挑剔。基于上述因素，想要做出一款优秀的产品实在是困难重重，但即便如此，仍然不影响新产品的前仆后继。

我们都明白，从0到1开发一款产品，从概念形成到上线运营，期间所投入的成本太多、耗费的精力太大。所以，比较理想的方式是通过MVP（最小价值产品）的方法快速形成核心业务闭环的商用产品，快速获得市场的反馈以确定产品的下一步走向。

当然，在实际工作中，有更多的产品处于增量迭代期，即在原有的产品框架下，一步步迭代以实现产品的价值。

不过话说回来，无论产品处于哪个阶段，面对什么局面，只要存在界面交互，就与原型设计脱不了干系。

那么制作原型的好处是什么？

第一，便于沟通理解。无论是客户、投资人、领导，还是项目组成员，优秀的原型会使人眼前一亮，更利于进行需求沟通。

第二，节省成本，提高工作效率。首先，通过MVP明确了产品方向，避免了错误方向带来的高成本。其次，通过原型沟通，规避了不必要的误解和返工。

第三，有据可循。作为组织过程资产留存下来。

……

自从事产品经理的工作以来，一直使用Axure制作原型。这源于个人的成长经历，平时较少制作线框图，制作更多的还是高保真原型。因为拿着高保真原型，与项目干系人沟通时，首先，能够使非专业人士认为本人比较专业；其次，各种场景突出，便于需求方理解和肯定。

随着原型越画越多，工作经验越来越丰富，便萌生了将高保真原型的制作方法分享出来的想法。接着录制了Axure的基础课程、Axure的App课程、Axure的Web课程等。本书的主体结构和主要内容，也是根据上述3门课程来进行编排的。本书分享的不仅仅是高保真原型设计，还有App、Web产品的主流导航设计方式。虽然这是一本书，却涵盖了两套内容。

恰逢Axure 9正式版推出，该版本比Axure 8更加人性化，正好借此机会完成本书的撰写。

本书的重点不在于讲解基本操作，而在于App与Web产品实际案例的制作。这也与本人长期的学习与应用的理念有关：快速掌握基础知识—不断试错以理解并纠正错误操作—通过实际案例对知识进行巩固和探索。

本书在撰写过程中，难免有些细节设置存在出入，读者可根据实际情况自行调整。

最后，要感谢电子工业出版社给予本书面世的机会，更要感谢我的策划，没有她的时时鞭策、辛苦对接，便没有这本书的存在。还要感谢为本书默默做出修改、排版、编辑等工作的小伙伴们，谢谢你们的努力付出！再次感谢！