本书所有内容均采用Axure RP9版本进行编写。前5章按照“知识导入—软件功能详解—巩固练习—工作技巧—技能提升”的思路进行编排,系统地介绍软件的各项操作技能,并设置了“综合案例”一章,快速提升读者的实操能力。最后一章“产品经理职场秘诀”,能够帮助新人产品经理在实际工作中将Axure RP9运用得更加得心应手。
可以直接扫码查看书中案例的动态交互效果,本书配备在线教学视频,用通俗的语言解读产品制作思路,详细地介绍每个操作步骤。此外,本书还提供案例源文件和素材文件,并随书附赠后台管理系统通用元件库和移动端元件库,方便读者学习模仿,并应用到实际工作中,以提升工作效率。
本书面向的读者不仅仅是产品经理,还包括项目经理、信息架构师、交互设计师、用户体验师、可用性专家、运营专员、前端工程师和商务人员等。
1.内容翔实:按照“知识导入—软件功能详解—工作技巧—巩固练习—技能提升”的思路进行编排;
2.重视实战:在详细讲解软件功能和技巧后,设置了“综合案例”章节,快速提升读者的实操能力;
3.资源丰富:包括实例文件、素材文件、在线教学视频,后台管理系统通用元件库、移动端元件库;
3.就业指导:“产品经理职场秘诀”章节,让产品新人在实际工作中将Axure RP9运用得更加得心应手。
4.教学资源:提供教师专项资源,包括讲义大纲、PPT教学课件,可作为相关专业的教学参考书。
狄睿鑫,河北师范大学移动物联网研究院产品经理,科技公司产品经理,51CTO学院讲师,学员人数60余万人,先后为中国联通等企业提供线上产品设计培训。对教育、电商、企业应用等产品有独到的见解。2015巴塞罗那智慧城市博览会暨全球峰会上,参与设计的E?School数字教育平台获得“全球智慧城市项目大奖”。这是该会自2011年创建以来中国首次获得此大奖。
1 准备成为原型大师 9
1.1 界面原型与Axure RP9 10
1.1.1 知识导入:如何表述软件需求 10
1.1.2 认识界面原型 10
1.1.3 Axure RP9的更新内容 13
1.2 Axure RP9界面概览 13
1.2.1 知识导入:设置软件视图 13
1.2.2 软件功能区介绍 15
1.2.3 常规偏好设置 18
1.3 绘制第 一张原型图 18
1.3.1 知识导入:项目文件的操作 19
1.3.2 元件的使用 19
1.3.3 标尺 21
1.3.4 网格 21
1.3.5 辅助线 22
1.3.6 画布的使用技巧 23
1.4 巩固练习:搜索引擎首页原型 23
1.5 工作技巧 24
1.5.1 工作技巧:原型尺寸规范 24
1.5.2 工作技巧:规划页面和功能结构 25
1.6 技能提升:设计一份个人简历 26
2 正式开启原型设计之路 27
2.1 基本元件 28
2.1.1 知识导入:变形计 28
2.1.2 图形/按钮/文本 29
2.1.3 图片 30
2.1.4 占位符 31
2.1.5 水平线/垂直线 31
2.1.6 热区 32
2.1.7 工作技巧:巧妙设置元件尺寸和对齐方式 32
2.2 表单元件 33
2.2.1 知识导入:用户注册页面 33
2.2.2 文本框和文本域 34
2.2.3 下拉列表 36
2.2.4 列表框 36
2.2.5 复选框 37
2.2.6 单选按钮 38
2.2.7 工作技巧:选择合适的表单 38
2.3 菜单和表格 39
2.3.1 知识导入:模拟Windows资源管理器 39
2.3.2 树 41
2.3.3 水平菜单/垂直菜单 41
2.3.4 表格 41
2.3.5 工作技巧:巧用表格进行布局 42
2.4 元件的交互样式 43
2.4.1 知识导入:导航菜单鼠标指针悬停时效果 43
2.4.2 动态设置元件样式 44
2.4.3 巩固练习:文本框获取焦点时突出显示 45
2.4.4 工作技巧:巧用元件的预设样式库 46
2.5 内联框架 48
2.5.1 知识导入:高效搭建后台框架 48
2.5.2 内联框架简介 50
2.6 动态面板 52
2.6.1 知识导入:轮播图 52
2.6.2 动态面板的特性 53
2.6.3 巩固练习:自适应的网页头部 55
2.6.4 巩固练习:制作开关组件 57
2.6.5 工作技巧:把动态面板作为容器使用 57
2.7 原型的生成和分享 58
2.7.1 知识导入:原型预览工具 58
2.7.2 使用Axure云生成分享链接 59
2.7.3 生成本地HTML文件 63
2.8 技能提升 63
2.8.1 技能提升:循环滚动消息 63
2.8.2 技能提升:制作标签多选效果 64
2.8.3 技能提升:切换标签页 64
3 让原型距离真实产品更近一步 65
3.1 由事件引发的交互 66
3.1.1 知识导入:分析登录的交互逻辑 66
3.1.2 事件、情形、条件、动作 66
3.1.3 巩固练习:实现登录的交互效果 67
3.1.4 工作技巧:“如果”和“否则”的转换 70
3.2 变量 71
3.2.1 知识导入:显示用户信息 71
3.2.2 变量详解 73
3.2.3 数据传递 75
3.2.4 表达式与数据运算 76
3.2.5 巩固练习:制作App启动页倒计时 76
3.2.6 工作技巧:通过全局变量表示状态 79
3.3 函数 80
3.3.1 知识导入:制作电子时钟 80
3.3.2 函数详解 81
3.3.3 巩固练习:模拟手机数字键盘 82
3.3.4 工作技巧:函数与系统变量的区别 85
3.4 中继器 85
3.4.1 知识导入:制作商品管理列表 85
3.4.2 中继器的基本结构和原理 87
3.4.3 进行数据排序 90
3.4.4 进行数据筛选 91
3.4.5 进行数据分页 93
3.4.6 操作数据集 94
3.4.7 巩固练习:制作外卖App门店列表 100
3.4.8 工作技巧:利用中继器提升排版效率 104
3.5 自适应视图 105
3.5.1 知识导入:响应式布局 105
3.5.2 自适应视图的使用 105
3.6 技能提升 107
3.6.1 技能提升:手机号合法性校验 107
3.6.2 技能提升:滑块校验 107
3.6.3 技能提升:制作学生成绩单 108
4 让原型设计更加高效 109
4.1 母版 110
4.1.1 知识导入:如何避免重复工作 110
4.1.2 母版详解 110
4.1.3 母版视图与重写 112
4.1.4 母版引发的事件 113
4.1.5 巩固练习:App标题栏 115
4.2 自定义元件库 117
4.2.1 知识导入:导入外部元件库 117
4.2.2 自定义元件库的基本介绍 117
4.2.3 自定义元件库的制作和使用 118
4.2.4 工作技巧:自定义元件库的应用场景 120
4.3 团队项目 121
4.3.1 知识导入:团队项目合作 121
4.3.2 创建团队项目 121
4.3.3 获取团队项目 122
4.4 团队合作流程 123
4.4.1 知识导入:合作流程说明 123
4.4.2 签入和签出、获取和提交变更 124
4.4.3 工作技巧:通过团队项目文件实现版本管理 125
4.5 技能提升 125
4.5.1 技能提升:制作App底部标签栏 125
4.5.2 技能提升:把常用组件做成元件库 126
5 撰写产品文档 127
5.1 知识导入:辅助说明产品逻辑 128
5.2 流程图元件 128
5.2.1 流程图形状的含义 128
5.2.2 绘制流程图 129
5.3 标记元件 129
5.3.1 便签和标记元件 129
5.3.2 页面快照 130
5.4 说明功能区 131
5.5 巩固练习:撰写修改手机号的交互说明 132
5.6 工作技巧:如何撰写精彩的PRD 133
5.7 技能提升 134
5.7.1 技能提升:绘制外卖App核心业务流程图 134
5.7.2 技能提升:撰写外卖App下单功能产品说明文档 134
6 综合案例 135
6.1 综合案例:购物会 136
6.1.1 锚点标签 136
6.1.2 滚动展示商品购买记录 138
6.1.3 计算购物车商品价格 139
6.1.4 个人中心 142
6.2 综合案例:51CTO学堂 144
6.2.1 搜索联想 144
6.2.2 搜索历史记录 146
6.2.3 滑动分类导航 148
6.2.4 发表评价 149
6.3 综合案例:通用后台管理系统 153
6.3.1 手风琴菜单 153
6.3.2 联动下拉菜单 155
6.3.3 穿梭框 156
6.3.4 滑块计数器 158
7 产品经理职场秘诀 161
7.1 注重原型细节,尽显专业风范 162
7.1.1 浏览体验 162
7.1.2 模拟真实数据 162
7.2 设计规范让工作更高效,产品更完善 163
7.2.1 排版规范 163
7.2.2 统一规范 163
7.2.3 弹窗规范 164
7.3 Axure RP9不是产品经理的全部 164
7.3.1 产品新人的基础技能 164
7.3.2 项目各阶段产品经理的职能 166
7.4 优秀作品集助力面试成功 167
7.4.1 作品集准备时间 167
7.4.2 作品集包含的内容 167
7.4.3 其他说明 168
7.4.4 作品集载体 168
附录 169