Axure RP 9互联网产品原型设计:慕课版
作者:陈颖
出版时间:2021年版
内容简介
Axure RP 9是一款专业产品原型设计软件,它能够按照用户的需求快速创建应用软件、Web网页或App的线框图、流程图、原型和Word说明文档。同时它还支持多人协作设计和版本控制管理。本书详细介绍了互联网产品原型设计制作的方法,以Axure RP 9为主要工具,详细讲解互联网产品原型从创建到输出的过程。本书由浅入深地讲解互联网产品原型的创建方法,以知识点+实例+综合实战的讲解方式,帮助读者快速掌握Axure RP 9的使用方法和技巧。本书共12章,分别为了解互联网产品原型设计、了解Axure RP 9、页面管理与自适应视图、使用元件和元件库、元件的样式和交互、使用母版和动态面板、变量与表达式、函数的使用、使用中继器、团队合作与输出、设计制作网页原型和设计制作App原型。本书适合原型设计制作初学者以及原型设计制作爱好者阅读,可以作为UI设计师和UE设计师参考书,也可以作为学校相关课程的配套教材或互联网公司、高新科技企业新人培训的教程。
目录
第 1章 了解互联网产品原型设计
1.1 什么是原型设计 1
1.2 原型设计的参与者 2
1.3 如何体现原型设计 2
1.3.1 纸质 2
1.3.2 Word和Visio 3
1.3.3 原型设计软件 4
1.4 原型设计的必要性和作用 4
1.4.1 原型设计的必要性 4
1.4.2 原型设计的作用 5
1.4.3 原型设计的要点 5
1.5 原型设计中的用户体验 6
1.5.1 用户体验包含的内容 6
1.5.2 用户体验的生命周期 7
1.5.3 用户体验的需求层次 8
1.6 思维导图与原型设计 8
1.6.1 思维导图的作用 8
1.6.2 思维导图的基本类型 9
1.7 思维导图软件介绍 10
1.7.1 MindMeister 10
1.7.2 XMind 10
课堂操作——安装并使用XMind ZEN 11
1.7.3 MindManager 12
1.8 本章小结 13
1.9 课后练习——完成创意家居App
项目的思维导图 13
1.10 课后测试 14
1.10.1 选择题 14
1.10.2 填空题 14
1.10.3 操作题 14
第 2章 了解Axure RP 9
2.1 Axure RP 9简介 15
2.2 软件的下载、安装、汉化与启动 17
2.2.1 下载并安装Axure RP 9 17
课堂操作——安装Axure RP 9 17
2.2.2 汉化与启动Axure RP 9 18
2.3 Axure RP 9的主要功能 19
2.3.1 绘制网站构架图 19
2.3.2 绘制示意图 19
2.3.3 绘制流程图 20
2.3.4 实现交互设计 20
2.3.5 输出网站原型 21
2.3.6 输出Word格式的规格文件 21
2.4 熟悉Axure RP 9的工作界面 21
2.4.1 菜单栏 21
2.4.2 工具栏 23
2.4.3 面板 24
2.4.4 工作区 27
2.5 自定义工作界面 28
2.5.1 自定义工具栏 28
课堂操作——自定义基本工具列表 28
2.5.2 自定义工作面板 29
2.5.3 使用单键快捷键 29
2.6 使用Axure RP 9的帮助资源 30
2.7 本章小结 31
2.8 课后练习——自定义草图工作区 31
2.9 课后测试 32
2.9.1 选择题 32
2.9.2 填空题 32
2.9.3 操作题 32
第3章 页面管理与自适应视图
3.1 使用欢迎界面 33
3.2 新建和设置Axure文件 35
3.2.1 纸张尺寸与设置 35
3.2.2 文件存储 36
3.2.3 存储格式 36
3.2.4 启动和恢复自动备份 37
课堂操作——设置自动备份 37
3.3 页面管理 38
3.3.1 添加和删除页面 38
3.3.2 移动页面 40
3.3.3 搜索页面 40
3.3.4 剪切、复制和粘贴页面 40
3.3.5 重复页面 41
3.4 页面设置 42
3.4.1 页面尺寸 42
3.4.2 页面排列 42
3.4.3 页面填充 43
3.4.4 低保真度 45
课堂操作——新建iOS系统页面 45
3.4.5 页面样式 46
课堂操作——创建并应用页面样式 46
3.4.6 页面说明 48
3.5 设置自适应视图 49
课堂操作——设置自适应视图 50
3.6 使用辅助线和网格 52
3.6.1 辅助线的分类 53
3.6.2 编辑辅助线 54
3.6.3 创建辅助线 54
课堂操作——创建辅助线 54
3.6.4 使用网格 55
3.7 设置遮罩 56
3.8 本章小结 57
3.9 课后练习——创建Android系统页面样式 57
3.10 课后测试 58
3.10.1 选择题 58
3.10.2 填空题 58
3.10.3 操作题 58
第4章 使用元件和元件库
4.1 了解元件面板 59
4.2 将元件添加到页面 60
4.2.1 基本元件 62
课堂操作——切割按钮图片 65
4.2.2 表单元件 69
课堂操作——创建文本框 70
4.2.3 菜单与表格 74
课堂操作——制作水平菜单 76
4.2.4 标记元件 77
课堂操作——制作便签说明 79
4.2.5 流程图元件 79
课堂操作——制作手机产业流程图 79
4.2.6 图标元件 81
4.2.7 使用绘画工具 81
4.3 元件的转换 82
4.3.1 转换为形状 82
4.3.2 转换为图片 83
4.4 元件的编辑 83
4.4.1 元件的组合和结合 83
4.4.2 编辑元件 84
4.4.3 元件的运算 84
课堂操作——制作iOS系统功能图标 85
4.5 创建元件库 86
4.5.1 新建元件库 86
课堂操作——创建图标元件库 87
4.5.2 编辑元件库 88
4.5.3 添加图片文件夹 89
4.6 使用外部元件库 89
4.6.1 下载元件库 89
4.6.2 载入元件库 89
4.7 使用概要面板 90
4.8 本章小结 91
4.9 课后练习——设计制作注册页原型 91
4.10 课后测试 92
4.10.1 选择题 92
4.10.2 填空题 92
4.10.3 操作题 92
第5章 元件的样式和交互
5.1 设置元件的属性 93
5.1.1 不透明性 94
5.1.2 填充 94
5.1.3 线段 97
课堂操作——实现下画线效果 98
5.1.4 阴影 98
5.1.5 圆角 99
5.1.6 边距 99
5.1.7 排版 99
5.2 创建和管理样式 101
5.2.1 创建页面样式 101
5.2.2 创建元件样式 102
课堂操作——创建并应用文本样式 103
5.2.3 编辑样式 104
5.3 了解交互面板 105
5.4 添加页面交互 106
5.4.1 打开链接 107
课堂操作——打开页面链接 108
5.4.2 关闭窗口 109
5.4.3 框架中打开链接 109
5.4.4 滚动到元件 110
5.5 添加元件交互 110
5.5.1 显示/隐藏 112
课堂操作——设计制作显示/隐藏图片 113
5.5.2 设置面板状态 114
5.5.3 设置文本 114
课堂操作——为元件添加文本 114
5.5.4 设置图片 116
课堂操作——制作按钮交互状态 116
5.5.5 设置选中 117
5.5.6 设置列表选中项 117
5.5.7 启用/禁用 117
5.5.8 移动 117
课堂操作——设计制作切换案例 117
5.5.9 旋转 118
5.5.10 设置尺寸 118
5.5.11 置于顶层/底层 119
5.5.12 设置不透明 119
5.5.13 获取焦点 119
5.5.14 展开/折叠树节点 120
5.6 交互样式设置 120
5.7 本章小结 120
5.8 课后练习——设计制作按钮交互样式 120
5.9 课后测试 121
5.9.1 选择题 121
5.9.2 填空题 122
5.9.3 操作题 122
第6章 使用母版和动态面板
6.1 母版的概念 123
6.2 新建和编辑母版 124
6.2.1 新建母版 125
课堂操作——新建iOS系统布局母版 126
6.2.2 编辑和转换母版 127
课堂操作——将卡片标签转换为母版 127
6.2.3 删除母版 128
6.3 使用母版 128
6.3.1 拖放方式 128
课堂操作——在任意位置使用母版 129
6.3.2 添加到页面中 131
6.3.3 从页面中移除 132
6.4 母版使用情况报告 132
6.5 应用动态面板 132
6.5.1 使用动态面板 133
课堂操作——创建动态面板 133
6.5.2 编辑动态面板状态 134
6.5.3 从首个状态脱离 135
课堂操作——设计制作标签选择页面 135
6.5.4 为动态面板添加交互 137
课堂操作——动态面板制作轮播图 137
6.6 转换为动态面板 139
6.7 本章小结 139
6.8 课后练习——设计制作动态按钮效果 139
6.9 课后测试 141
6.9.1 选择题 141
6.9.2 填空题 141
6.9.3 操作题 141
第7章 变量与表达式
7.1 使用变量 142
7.1.1 全局变量 142
课堂操作——使用全局变量 144
7.1.2 局部变量 145
7.2 设置条件 147
7.2.1 确定条件逻辑 147
7.2.2 用来进行逻辑判断的值 148
7.2.3 确定变量或元件名称 148
7.2.4 逻辑判断的运算符 148
7.2.5 用来选择被比较的值 149
7.2.6 文本框 149
课堂操作——设置制作用户登录界面 149
7.3 使用表达式 151
7.3.1 运算符类型 151
7.3.2 表达式的格式 152
课堂操作——设置制作滑动解锁 152
7.4 本章小结 155
7.5 课后练习——设计制作图片交互效果 155
7.6 课后测试 156
7.6.1 选择题 156
7.6.2 填空题 156
7.6.3 操作题 156
第8章 函数的使用
8.1 了解函数 157
课堂操作——使用时间函数 158
8.2 常见函数 159
8.2.1 中继器/数据集函数 159
8.2.2 元件函数 159
课堂操作——设计制作商品详情页 160
8.2.3 页面函数 162
8.2.4 窗口函数 162
8.2.5 鼠标指针函数 162
课堂操作——设计制作产品局部放大效果 163
8.2.6 数字函数 165
8.2.7 字符串函数 165
8.2.8 数学函数 166
课堂操作——设计制作计算器 168
8.2.9 日期函数 169
课堂操作——使用日期函数 170
8.3 本章小结 173
8.4 课后练习——设计制作商品购买页面 173
8.5 课后测试 173
8.5.1 选择题 174
8.5.2 填空题 174
8.5.3 操作题 174
第9章 使用中继器
9.1 中继器 175
9.1.1 数据集 176
9.1.2 项目交互 177
9.1.3 样式设置 177
课堂操作——使用中继器制作产品页面 178
9.2 数据集的操作 180
9.2.1 设置分页与数量 180
课堂操作——使用中继器添加分页 180
9.2.2 添加和移除排序 182
课堂操作——使用中继器设置排序 182
9.2.3 添加和移除筛选 183
9.2.4 添加和删除中继器的项目 183
课堂操作——使用中继器实现自增 184
9.3 项目列表的操作 185
课堂操作——使用中继器显示页码 185
9.4 本章小结 187
9.5 课后练习——设计制作模糊搜索 187
9.6 课后测试 188
9.6.1 选择题 188
9.6.2 填空题 188
9.6.3 操作题 188
第 10章 团队合作与输出
10.1 使用团队项目 189
10.1.1 创建团队项目 189
10.1.2 加入团队项目 191
10.1.3 打开团队项目 192
10.1.4 编辑项目文件 192
10.2 使用Axure云 194
10.2.1 创建Axure云账号 194
10.2.2 发布到Axure云 195
10.3 发布查看原型 196
10.4 使用生成器 197
10.4.1 HTML生成器 197
10.4.2 Word生成器 199
10.4.3 更多生成器 200
10.5 本章小结 202
10.6 课后练习——完成团队项目的签入与签出 202
10.7 课后测试 202
10.7.1 选择题 203
10.7.2 填空题 203
10.7.3 操作题 203
第 11章 设计制作网页原型
11.1 设计制作QQ邮箱加载页面 204
11.1.1 案例分析 204
11.1.2 案例效果 205
11.1.3 制作步骤 205
11.2 设计制作微博用户评论页面 209
11.2.1 案例分析 209
11.2.2 案例效果 209
11.2.3 制作步骤 209
11.3 设计制作课程购买页面 211
11.3.1 案例分析 211
11.3.2 案例效果 211
11.3.3 制作步骤 212
11.4 使用并设置链接类动作 213
11.4.1 案例分析 213
11.4.2 案例效果 213
11.4.3 制作步骤 214
11.5 设计制作商品分类页面 217
11.5.1 案例分析 217
11.5.2 案例效果 218
11.5.3 制作步骤 218
11.6 设计制作课程选择页面 219
11.6.1 案例分析 219
11.6.2 案例效果 219
11.6.3 制作步骤 220
11.7 本章小结 222
11.8 课后练习——设计制作抽奖活动页面原型 222
11.9 课后测试 222
第 12章 设计制作App原型
12.1 设计制作App页面原型 223
12.1.1 设计制作App启动页面 224
12.1.2 设计制作App会员系统页面 226
12.1.3 设计制作App太阳城官网
227
12.1.4 设计制作App设计师页面 228
12.2 设计制作App交互原型 229
12.2.1 设计制作App页面导航交互 229
12.2.2 设计制作App注册/登录页面交互 232
12.2.3 设计制作App主页面交互 233
12.3 本章小结 236
12.4 课后练习——设计制作App轮播图原型 236
12.5 课后测试 236