设计必修课:Axure RP 9互联网产品原型设计(微课视频版)

第1章 熟悉 Axure RP 9
1．1 关于Axure RP 9 1
1．2 Axure 的主要功能 3
1．3 Axure RP 9的安装与启动 5
1．3．1 下载Axure RP 9 5
1．3．2 应用案例――安装Axure RP 9 5
1．3．3 汉化与启动Axure RP 9 6
1．4 Axure RP 9的操作界面 7
1．4．1 菜单栏 7
1．4．2 工具栏 9
1．4．3 功能区 11
1．4．4 工作区 14
1．5 Axure RP 9的帮助资源 14
1．6 查看视图 15
应用案例――查看视图 15
1．7 标尺 16
1．8 辅助线 16
1．8．1 辅助线的分类 16
1．8．2 编辑辅助线 17
1．8．3 创建辅助线 19
1．8．4 应用案例――创建辅助线 19
1．8．5 设置辅助线 20
1．9 网格 21
1．9．1 显示网格 21
1．9．2 网格设置 21
1．10 设置遮罩 21
1．11 对齐/分布对象 22
1．11．1 对齐对象 22
1．11．2 分布对象 23
1．12 答疑解惑 23
1．12．1 产品原型设计 24
1．12．2 Axure在产品原型制作中的主要应用 24
1．13 总结扩展 24
1．13．1 本章小结 24
1．13．2 扩展练习――卸载Axure RP 9 25

第2章 Axure RP 9的基本操作
2．1 新建文件 26
2．1．1 新建Axure文件 26
2．1．2 应用案例――新建iPhone 11 Pro尺寸的原型文件 26
2．1．3 纸张尺寸与设置 27
2．1．4 新建团队项目文件 28
2．2 存储文件 28
2．2．1 保存文件 29
2．2．2 另存文件 29
2．2．3 存储格式 29
2．3 自动备份 30
2．3．1 启动自动备份 30
2．3．2 从备份中恢复 30
2．4 打开文件 31
2．4．1 打开文件的方法 31
2．4．2 打开团队项目 32
2．5 从RP文件导入 32
2．5．1 使用“从RP文件导入”命令 32
2．5．2 应用案例――导入RP文件素材 32
2．6 对象的操作 33
2．6．1 选择对象 33
2．6．2 移动和缩放对象 34
2．6．3 旋转对象 35
2．6．4 复制对象 35
2．6．5 剪切和删除对象 37
2．7 还原与恢复 37
2．7．1 撤销 37
2．7．2 重做 37
2．8 答疑解惑 38
2．8．1 欢迎界面中的链接入口 38
2．8．2 导览文件和*近编辑文件 38
2．9 总结扩展 39
2．9．1 本章小结 39
2．9．2 扩展练习――通过复制的方法制作水平导航 39

第3章 页面管理
3．2 管理页面 40
3．2．1 添加页面 40
3．2．2 重命名页面 42
3．2．3 移动页面 43
3．2．4 查找页面 43
3．3 编辑页面 43
3．3．1 使用页面编辑区 44
3．3．2 页面样式 44
3．3．3 页面说明 48
3．4 自适应视图 50
3．4．1 设置自适应视图 51
3．4．2 应用案例――添加自适应视图 52
3．5 图表类型 53
3．6 生成流程图 53
3．6．1 生成流程图的方法 53
3．6．2 应用案例――生成流程图 54
3．7 绘画工具 54
3．7．1 绘制图形 54
3．7．2 转换锚点类型 55
3．7．3 编辑绘画工具 56
3．7．4 应用案例――使用绘画工具绘制图形 57
3．8 组合对象 58
3．8．1 组合对象的方法 58
3．8．2 取消组合 59
3．9 锁定对象 59
3．10 隐藏对象 60
3．11 答疑解惑 61
3．11．1 保留页面文件的旧版本 61
3．11．2 如何处理原型中的文字在不同浏览器上效果不一样的情况？ 62
3．12 总结扩展 62
3．12．1 本章小结 62
3．12．2 扩展练习――使用元件制作一个标签面板 63

第4章 使用元件
4．1 “元件”面板 64
4．2 基本元件 65
4．2．1 矩形 65
4．2．2 图片 66
4．2．3 占位符 68
4．2．4 按钮 68
4．2．5 标题 68
4．2．6 文本标签和文本段落 69
4．2．7 应用案例――制作商品购买页 69
4．2．8 水平线和垂直线 70
4．2．9 热区 70
4．2．10 动态面板 71
4．2．11 应用案例――使用动态面板显示隐藏对象 73
4．2．12 内联框架 74
4．2．13 中继器 75
4．2．14 应用案例――使用中继器制作活动列表页 75
4．3 表单元件 76
4．3．1 文本框 76
4．3．2 文本域 77
4．3．3 下拉列表 78
4．3．4 列表框 79
4．3．5 复选框 79
4．3．6 单选按钮 80
4．3．7 应用案例――制作淘宝会员登录页 80
4．4 菜单|表格元件 81
4．4．1 树 81
4．4．2 应用案例――美化树状菜单的图标 82
4．4．3 表格 83
4．4．4 水平菜单 84
4．4．5 垂直菜单 85
4．5 标记元件 86
4．5．1 快照 86
4．5．2 水平箭头和垂直箭头 87
4．5．3 便签 87
4．5．4 圆形标记和水滴标记 88
4．6 流程图 88
4．6．1 矩形和矩形组 89
4．6．2 应用案例――设计制作手机产业流程图 89
4．6．3 圆角矩形和圆角矩形组 90
4．6．4 斜角矩形和菱形 90
4．6．5 文件和文件组 90
4．6．6 括弧 91
4．6．7 半圆形 91
4．6．8 三角形 91
4．6．9 梯形 91
4．6．10 椭圆形 92
4．6．11 六边形 92
4．6．12 平行四边形 92
4．6．13 角色 92
4．6．14 数据库 92
4．6．15 快照 92
4．6．16 图片 92
4．6．17 新增流程图元件 93
4．7 图标元件 93
4．8 Sample UI Patterns 94
4．8．1 按功能分组 94
4．8．2 应用案例――制作手风琴效果的展示图片 95
4．9 答疑解惑 96
4．9．1 如何制作树状菜单元件的图标 96
4．9．2 尽量用一个元件完成功能 96
4．10 总结扩展 96
4．10．1 本章小结 96
4．10．2 扩展练习――设计制作注册页原型 97

第5章 元件的属性与样式
5．1 元件的转换 98
5．1．1 转换为形状 98
5．1．2 转换为图片 99
5．2 元件的属性 99
5．2．1 元件说明 100
5．2．2 编辑元件 100
5．2．3 元件的运算 101
5．2．4 应用案例――制作八卦图形 102
5．2．5 元件提示 103
5．3 元件的样式 104
5．3．1 位置和尺寸 104
5．3．2 不透明性 104
5．3．3 排版 105
5．3．4 填充 108
5．3．5 线段 111
5．3．6 阴影 113
5．3．7 圆角 113
5．3．8 边距 114
5．3．9 应用案例――为商品列表添加样式 114
5．3．10 数据集 115
5．4 创建和管理样式 116
5．4．1 创建元件样式 116
5．4．2 应用案例――创建元件样式 117
5．4．3 应用案例――应用元件样式 118
5．4．4 样式的编辑与修改 119
5．5 格式刷 120
5．5．1 使用“格式刷”命令 120
5．5．2 应用案例――使用格式刷为表格添加样式 121
5．6 元件的管理 121
5．7 答疑解惑 122
5．7．1 制作页面前的准备工作 122
5．7．2 使用字体图标而不是图片 123
5．8 总结扩展 123
5．8．1 本章小结 123
5．8．2 扩展练习――制作热门车型列表页 123

第6章 母版与第三方元件库
6．1 母版的概念 125
6．1．1 母版的应用 125
6．1．2 使用母版的好处 126
6．2 “母版”面板 126
6．2．1 添加母版 126
6．2．2 添加文件夹 127
6．2．3 查找母版 127
6．3 创建与编辑母版 128
6．3．1 创建母版 128
6．3．2 应用案例――新建iOS系统母版 128
6．3．3 创建子母版 129
6．3．4 应用案例――新建iOS系统布局母版 129
6．3．5 删除母版 130
6．4 转换为母版 130
6．5 母版的使用情况 131
6．5．1 拖放行为 131
6．5．2 添加到页面中 134
6．5．3 从页面中移除 135
6．5．4 使用情况报告 135
6．6 使用第三方元件库 135
6．6．1 下载元件库 135
6．6．2 载入元件库 136
6．6．3 移除元件库 137
6．7 创建元件库 137
6．7．1 了解元件库界面 137
6．7．2 应用案例――创建图标元件库 138
6．7．3 元件库的图标样式 139
6．7．4 编辑元件库 139
6．7．5 添加图片文件夹 140
6．8 答疑解惑 140
6．8．1 不要复制对象，而是转换为母版 140
6．8．2 如何将较大的组合转换为母版 141
6．9 总结扩展 141
6．9．1 本章小结 141
6．9．2 扩展练习――创建微信元件库 141

第7章 简单交互设计
7．1 了解“交互”面板 142
7．2 页面交互基础 143
7．2．1 页面交互事件 143
7．2．2 打开链接 144
7．2．3 应用案例―― 打开页面链接 145
7．2．4 关闭窗口 146
7．2．5 在框架中打开链接 146
7．2．6 滚动到元件 147
7．3 元件交互基础 147
7．3．1 元件交互事件 147
7．3．2 显示/隐藏 148
7．3．3 应用案例――设计制作显示/隐藏图片 150
7．3．4 应用案例――为“动态面板”元件添加样式 151
7．3．5 应用案例――制作轮播图 152
7．3．6 设置文本 152
7．3．7 设置面板状态 153
7．3．8 应用案例――为元件添加文本 154
7．3．9 应用案例―― 制作按钮交互状态 154
7．3．10 设置选中 155
7．3．11 启用/禁用 156
7．3．12 移动 156
7．3．13 应用案例――设计制作切换案例 156
7．3．14 旋转 157
7．3．15 应用案例――制作抽奖幸运转盘 157
7．3．16 设置尺寸 158
7．3．17 置于顶层/底层 158
7．3．18 设置不透明 158
7．3．19 获取焦点 159
7．3．20 展开/收起树节点 159
7．4 设置交互样式 159
7．4．1 为元件设置交互样式 159
7．4．2 应用案例――为元件设置交互样式 160
7．4．3 应用案例――制作动态按钮 161
7．5 答疑解惑 161
7．5．1 如何通过“动态面板”实现焦点图片效果 161
7．5．2 使用“设置尺寸”动作完成进度条的制作 162
7．6 总结扩展 163
7．6．1 本章小结 163
7．6．2 扩展练习―― 设计与制作按钮交互样式 163

第8章 高级交互设计
8．1 变量 164
8．1．1 全局变量 164
8．1．2 应用案例――使用全局变量 165
8．1．3 局部变量 166
8．1．4 添加条件 168
8．1．5 应用案例――设计与制作用户登录界面 171
8．1．6 使用表达式 172
8．1．7 应用案例――使用变量完成加法运算 172
8．1．8 应用案例――制作滑动解锁页面 173
8．1．9 应用案例――为滑动解锁设置情形 174
8．1．10 应用案例――查看滑动解锁的效果 175
8．2 中继器的组成 175
8．2．1 数据集 175
8．2．2 项目交互 175
8．2．3 中继器元件动作 176
8．3 中继器动作 176
8．3．1 设置分页与数量 176
8．3．2 应用案例――使用中继器添加分页 177
8．3．3 添加和移除排序 178
8．3．4 应用案例――使用中继器设置排序 179
8．3．5 添加和移除筛选 179
8．3．6 添加和移除项目 180
8．3．7 应用案例――使用中继器实现自增 180
8．3．8 项目列表操作 181
8．3．9 应用案例――使用中继器显示页码1 181
8．3．10 应用案例――使用中继器显示页码2 182
8．4 其他动作 182
8．5 函数 183
8．5．1 了解函数 183
8．5．2 应用案例――使用时间函数 184
8．5．3 中继器/数据集 184
8．5．4 元件函数 185
8．5．5 应用案例――设计与制作宝贝详情页1 185
8．5．6 应用案例――设计与制作宝贝详情页2 186
8．5．7 页面函数 186
8．5．8 窗口函数 187
8．5．9 鼠标指针函数 187
8．5．10 应用案例――制作产品局部放大草图 187
8．5．11 应用案例――为产品局部放大原型添加交互1 188
8．5．12 应用案例――为产品局部放大原型添加交互2 189
8．5．13 数字函数 189
8．5．14 字符串函数 190
8．5．15 数学函数 191
8．5．16 应用案例――设计制作计算器效果 192
8．5．17 日期函数 192
8．5．18 应用案例――使用日期函数1 194
8．5．19 应用案例――使用日期函数2 194
8．6 答疑解惑 195
8．6．1 尽量使用简洁的交互效果 195
8．6．2 什么情况下会使用全局变量 195
8．7 总结扩展 196
8．7．1 本章小结 196
8．7．2 扩展练习――设计制作商品购买页面 196


第9章 团队合作
9．1 使用团队项目 197
9．2 创建团队项目 197
9．3 打开团队项目 199
9．4 加入团队项目 200
9．5 编辑团队项目 201
9．6 “团队”菜单 203
9．7 Axure 云 205
9．7．1 创建Axure云账号 205
9．7．2 发布到Axure云 206
9．8 答疑解惑 208
9．8．1 团队协作和使用版本管理工具的作用 208
9．8．2 Axure RP 9共享项目的几种页面状态 208
9．9 总结扩展 208
9．9．1 本章小结 208
9．9．2 扩展练习――完成团队项目的签入与签出 209

第10章 发布与输出
10．1 预览原型 210
10．2 预览选项 211
10．3 生成器 211
10．3．1 HTML生成器 212
10．3．2 Word生成器 214
10．3．3 更多生成器 216
10．4 答疑解惑 217
10．4．1 制作的App原型如何在手机上演示 217
10．4．2 如何将原型导出为图片 217
10．5 总结扩展 218
10．5．1 本章小结 218
10．5．2 扩展练习―― 发布一个 HTML文件 218

第11章 设计与制作PC端网页原型
11．1 设计与制作QQ邮箱加载页面 220
11．1．1 案例描述 220
11．1．2 案例分析 221
11．1．3 制作步骤 222
11．2 设计与制作新浪微博评论页面 223
11．2．1 案例描述 224
11．2．2 案例分析 224
11．2．3 制作步骤 225
11．3 设计与制作宝贝分类页面 226
11．3．1 案例描述 226
11．3．2 案例分析 227
11．3．3 制作步骤 228
11．4 设计与制作课程购买页面 229
11．4．1 案例描述 229
11．4．2 案例分析 230
11．4．3 制作步骤 230
11．5 设计与制作手机号码输入页面 231
11．5．1 案例描述 232
11．5．2 案例分析 232
11．5．3 制作步骤 233
11．6 设计与制作课程选择页面 234
11．6．1 案例描述 234
11．6．2 案例分析 235
11．6．3 制作步骤 236
11．7 设计与制作浏览信息页面 237
11．7．1 案例描述 237
11．7．2 案例分析 238
11．7．3 制作步骤 239
11．8 设计与制作重置密码页面 240
11．8．1 案例描述 241
11．8．2 案例分析 241
11．8．3 制作步骤 244

第12章 设计与制作移动端网页原型
12．1 设计与制作App启动页面原型 247
12．1．1 案例描述 247
12．1．2 案例分析 248
12．1．3 制作步骤 250
12．2 设计与制作App会员系统页面原型 251
12．2．1 案例描述 251
12．2．2 案例分析 252
12．2．3 制作步骤 252
12．3 设计与制作App首页原型 253
12．3．1 案例描述 254
12．3．2 案例分析 254
12．3．3 制作步骤 255
12．4 设计与制作App设计师页面原型 256
12．4．1 案例描述 256
12．4．2 案例分析 256
12．4．3 制作步骤 256
12．5 设计与制作App页面导航交互 258
12．5．1 案例描述 258
12．5．2 案例分析 258
12．5．3 制作步骤 260
12．6 设计与制作App注册/登录页面交互 261
12．6．1 案例描述 262
12．6．2 案例分析 262
12．6．3 制作步骤 262
12．7 设计与制作App主页面交互 263
12．7．1 案例描述 264
12．7．2 案例分析 264
12．7．3 制作步骤 266
附录A Axure RP 9常用快捷键 268
附录B Axure RP 9与Photoshop 270
附录C Axure RP 9与HyperSnap 273