数字媒体交互设计（中级）——App产品交互设计方法与案例
￥79.90定价
作者： 威凤教育
出版时间：2021-04
出版社：人民邮电出版社
- 人民邮电出版社
- 9787115549952
- 371663
- 2021-04
- 208
作者简介
内容简介
《数字媒体交互设计（中级）—— App产品交互设计方法与案例》针对App产品交互设计新人，通过案例深入浅出地讲解了App产品交互设计的思维、方法和技巧。共10章，系统讲解了App产品交互设计的要素、规范、流程和工具，App项目管理和协作方法，App产品交互创意的梳理方法，App产品流程图、原型图的制作方法，以及组件设计、微交互设计、运营设计等内容，并辅以App项目实战案例，带领读者一步步加深对App产品交互设计的认知，提升自己的工作能力。本书重点章后附有同步强化模拟题和作业，以帮助读者检验知识掌握程度并学会灵活运用所学知识。
内容丰富、结构清晰、语言简练、图文并茂，具有较强的实用性和参考性，不仅可作为备考数字媒体交互设计“1+X”职业技能等级证书的教材，也可作为各院校及培训机构相关专业的辅导书。
内容丰富、结构清晰、语言简练、图文并茂，具有较强的实用性和参考性，不仅可作为备考数字媒体交互设计“1+X”职业技能等级证书的教材，也可作为各院校及培训机构相关专业的辅导书。
目录
章 App产品交互设计入门 1
1．1 认识App产品 □
1．1．1 什么是App □
1．1．□ 认识手机操作系统 3
1．□ App产品用户体验的5个层面 3
1．□．1 战略层 4
1．□．□ 范围层 4
1．□．3 结构层 5
1．□．4 框架层 5
1．□．5 表现层 5
1．3 App产品设计原则 6
1．3．1 主体-背景原则 6
1．3．□ 接近性原则 7
1．3．3 相似性原则 8
1．3．4 连续性原则 9
1．3．5 封闭性原则 11
1．3．6 对称性原则 1□
1．3．7 共同命运原则 14
1．4 App产品设计流程 15
1．5 App产品设计工具 16
1．5．1 产品分析工具 16
1．5．□ 交互设计工具 18
1．5．3 视觉设计工具 19
1．6 同步强化模拟题 □1
作业：分析App产品的用户体验设计思路 □1
第□章 团队协作管理App项目 □□
□．1 团队协作和项目管理 □3
□．1．1 团队协作的要素 □3
□．1．□ 常见的团队协作方法 □4
□．□ 项目管理工具——Trello □4
□．□．1 认识Trello □4
□．□．□ Trello的主要功能 □6
□．3 制作App项目管理表 □9
□．3．1 建立项目和任务 30
□．3．□ 建立子任务 3□
□．3．3 跟进项目 33
□．4 同步强化模拟题 35
作业：制作App项目进度表 36
第3章 梳理App产品交互设计创意 37
3．1 认识思维导图 38
3．1．1 思维导图是什么 38
3．1．□ 思维导图构成的要素 38
3．1．3 绘制思维导图的步骤 39
3．□ 使用Mindjet MindManager绘制思维导图 40
3．□．1 认识Mindjet MindManager 40
3．□．□ 使用Mindjet MindManager绘制思维导图的方法及技巧 40
3．3 思维导图在App产品设计中的应用 45
3．3．1 使用思维导图分析在线教育类App产品结构 46
3．3．□ 使用思维导图分析阅读类App产品结构 51
3．4 同步强化模拟题 59
作业：使用思维导图分析两款同类型的App产品结构 60
第4章 制作流程图 61
4．1 认识流程图 6□
4．1．1 什么是流程图 6□
4．1．□ 流程图的构成 63
4．1．3 绘制流程图的步骤 65
4．□ 使用OmniGraffle绘制流程图 67
4．□．1 使用OmniGraffle绘制流程图的方法 67
4．□．□ 绘制购买会员流程图 71
4．3 使用流程图分析App产品 73
4．3．1 制作流程图 73
4．3．□ 分析流程图 75
4．4 同步强化模拟题 76
作业：制作发红包流程图 77
第5章 App产品交互原型设计 78
5．1 认识原型设计 79
5．1．1 什么是原型图和线框图 79
5．1．□ 原型图设计的目的 80
5．□ 绘制原型图的基本流程 80
5．□．1 收集用户信息 80
5．□．□ 绘制草图 8□
5．□．3 制作原型图 8□
5．□．4 制作交互稿 83
5．□．5 可用性测试 84
5．3 认识墨刀 86
5．3．1 墨刀的基本使用方法 86
5．3．□ 使用墨刀绘制App产品原型图 9□
5．4 同步强化模拟题 98
作业：选择一款App产品，使用墨刀软件绘制它的原型图和交互稿 99
第6章 移动端App产品设计规范 100
6．1 移动端App产品设计中常用的单位 101
6．□ 基于iOS系统的App界面设计规范 10□
6．□．1 iOS界面尺寸 10□
6．□．□ iOS图标尺寸 104
6．□．3 iOS字体 104
6．3 基于Android系统的App界面设计规范 105
6．3．1 Android界面尺寸 105
6．3．□ Android图标尺寸 106
6．3．3 Android字体 106
6．4 App产品通用设计规范 107
6．4．1 全局边距 107
6．4．□ 卡片间距 108
6．5 同步强化模拟题 109
作业：设计一款音乐类App产品的界面 110
第7章 组件设计 111
7．1 认识移动端UI设计组件 11□
7．1．1 UI设计组件 11□
7．1．□ 组件的优势 113
7．1．3 基于组件的设计方法 113
7．1．4 引入组件化的时间 117
7．1．5 使用组件化的方法 118
7．□ 导航 118
7．□．1 底部标签式导航 118
7．□．□ 分段控制式导航 119
7．□．3 列表式导航 1□0
7．□．4 抽屉式导航 1□0
7．□．5 宫格式导航 1□1
7．□．6 卡片式导航 1□□
7．□．7 下拉菜单式导航 1□3
7．3 引导 1□3
7．3．1 嵌入式引导 1□4
7．3．□ 幻灯片式引导 1□4
7．3．3 浮层式引导 1□5
7．4 加载 1□6
7．4．1 全屏加载 1□6
7．4．□ 上拉/下拉加载 1□6
7．4．3 分步加载 1□7
7．5 网络异常 1□7
7．5．1 整页提示 1□7
7．5．□ 占位符 1□8
7．5．3 警示框提示 1□9
7．5．4 界面内嵌提示 1□9
7．5．5 Toast提示 1□9
7．5．6 Tips提示 130
7．6 空数据类型 131
7．6．1 初始状态 131
7．6．□ 清空状态 131
7．6．3 出错状态 13□
7．7 提示 133
7．7．1 数字提示 133
7．7．□ 红点提示 134
7．7．3 弹框提示 134
7．7．4 系统推送提示 135
7．8 操作 136
7．8．1 底部操作列表 136
7．8．□ 底部浮层视图 136
7．8．3 底部工具栏 136
7．8．4 编辑菜单 137
7．8．5 按钮 138
7．8．6 选择器 138
7．8．7 下拉菜单 139
7．8．8 文本框 140
7．9 单元控件 140
7．9．1 开关控件 140
7．9．□ 搜索框 140
7．9．3 图标 141
7．9．4 滑块 14□
7．9．5 进度 14□
7．9．6 选框 143
7．9．7 页面控件 144
7．10 App组件库应用案例 144
7．11 同步强化模拟题 15□
作业：制作iPhone界面组件 153
第8章 微交互设计 154
8．1 微交互的基础知识 155
8．1．1 什么是微交互 155
8．1．□ 微交互的作用 158
8．□ Adobe XD的使用方法 159
8．□．1 Adobe XD的工作界面 159
8．□．□ Adobe XD的基本操作 16□
8．□．3 制作高保真原型图 174
8．3 创建可交互式原型 177
8．3．1 制作页面跳转交互效果 177
8．3．□ 制作轮播图交互效果 179
8．4 同步强化模拟题 18□
作业：制作好好住App的界面原型图和微交互效果 183
第9章 运动类App产品设计全流程 184
9．1 案例说明 185
9．□ 设计准备 185
9．□．1 用户研究 186
9．□．□ 竞品分析 188
9．□．3 绘制思维导图 190
9．□．4 产品定位 19□
9．3 原型设计 19□
9．3．1 线框图 19□
9．3．□ 原型图 193
9．4 界面设计 196
作业：阅读类App产品设计 198
□□0章 App产品运营：喜马拉雅
如何通过运营手段成为行业先锋 199
10．1 初创期 □00
10．□ 发展期 □00
10．3 成熟期 □0□
10．4 同步强化模拟题 □05
作业：为生鲜电商类App产品做运营活动 □06
附录 同步强化模拟题答案速查表 □07
1．1 认识App产品 □
1．1．1 什么是App □
1．1．□ 认识手机操作系统 3
1．□ App产品用户体验的5个层面 3
1．□．1 战略层 4
1．□．□ 范围层 4
1．□．3 结构层 5
1．□．4 框架层 5
1．□．5 表现层 5
1．3 App产品设计原则 6
1．3．1 主体-背景原则 6
1．3．□ 接近性原则 7
1．3．3 相似性原则 8
1．3．4 连续性原则 9
1．3．5 封闭性原则 11
1．3．6 对称性原则 1□
1．3．7 共同命运原则 14
1．4 App产品设计流程 15
1．5 App产品设计工具 16
1．5．1 产品分析工具 16
1．5．□ 交互设计工具 18
1．5．3 视觉设计工具 19
1．6 同步强化模拟题 □1
作业：分析App产品的用户体验设计思路 □1
第□章 团队协作管理App项目 □□
□．1 团队协作和项目管理 □3
□．1．1 团队协作的要素 □3
□．1．□ 常见的团队协作方法 □4
□．□ 项目管理工具——Trello □4
□．□．1 认识Trello □4
□．□．□ Trello的主要功能 □6
□．3 制作App项目管理表 □9
□．3．1 建立项目和任务 30
□．3．□ 建立子任务 3□
□．3．3 跟进项目 33
□．4 同步强化模拟题 35
作业：制作App项目进度表 36
第3章 梳理App产品交互设计创意 37
3．1 认识思维导图 38
3．1．1 思维导图是什么 38
3．1．□ 思维导图构成的要素 38
3．1．3 绘制思维导图的步骤 39
3．□ 使用Mindjet MindManager绘制思维导图 40
3．□．1 认识Mindjet MindManager 40
3．□．□ 使用Mindjet MindManager绘制思维导图的方法及技巧 40
3．3 思维导图在App产品设计中的应用 45
3．3．1 使用思维导图分析在线教育类App产品结构 46
3．3．□ 使用思维导图分析阅读类App产品结构 51
3．4 同步强化模拟题 59
作业：使用思维导图分析两款同类型的App产品结构 60
第4章 制作流程图 61
4．1 认识流程图 6□
4．1．1 什么是流程图 6□
4．1．□ 流程图的构成 63
4．1．3 绘制流程图的步骤 65
4．□ 使用OmniGraffle绘制流程图 67
4．□．1 使用OmniGraffle绘制流程图的方法 67
4．□．□ 绘制购买会员流程图 71
4．3 使用流程图分析App产品 73
4．3．1 制作流程图 73
4．3．□ 分析流程图 75
4．4 同步强化模拟题 76
作业：制作发红包流程图 77
第5章 App产品交互原型设计 78
5．1 认识原型设计 79
5．1．1 什么是原型图和线框图 79
5．1．□ 原型图设计的目的 80
5．□ 绘制原型图的基本流程 80
5．□．1 收集用户信息 80
5．□．□ 绘制草图 8□
5．□．3 制作原型图 8□
5．□．4 制作交互稿 83
5．□．5 可用性测试 84
5．3 认识墨刀 86
5．3．1 墨刀的基本使用方法 86
5．3．□ 使用墨刀绘制App产品原型图 9□
5．4 同步强化模拟题 98
作业：选择一款App产品，使用墨刀软件绘制它的原型图和交互稿 99
第6章 移动端App产品设计规范 100
6．1 移动端App产品设计中常用的单位 101
6．□ 基于iOS系统的App界面设计规范 10□
6．□．1 iOS界面尺寸 10□
6．□．□ iOS图标尺寸 104
6．□．3 iOS字体 104
6．3 基于Android系统的App界面设计规范 105
6．3．1 Android界面尺寸 105
6．3．□ Android图标尺寸 106
6．3．3 Android字体 106
6．4 App产品通用设计规范 107
6．4．1 全局边距 107
6．4．□ 卡片间距 108
6．5 同步强化模拟题 109
作业：设计一款音乐类App产品的界面 110
第7章 组件设计 111
7．1 认识移动端UI设计组件 11□
7．1．1 UI设计组件 11□
7．1．□ 组件的优势 113
7．1．3 基于组件的设计方法 113
7．1．4 引入组件化的时间 117
7．1．5 使用组件化的方法 118
7．□ 导航 118
7．□．1 底部标签式导航 118
7．□．□ 分段控制式导航 119
7．□．3 列表式导航 1□0
7．□．4 抽屉式导航 1□0
7．□．5 宫格式导航 1□1
7．□．6 卡片式导航 1□□
7．□．7 下拉菜单式导航 1□3
7．3 引导 1□3
7．3．1 嵌入式引导 1□4
7．3．□ 幻灯片式引导 1□4
7．3．3 浮层式引导 1□5
7．4 加载 1□6
7．4．1 全屏加载 1□6
7．4．□ 上拉/下拉加载 1□6
7．4．3 分步加载 1□7
7．5 网络异常 1□7
7．5．1 整页提示 1□7
7．5．□ 占位符 1□8
7．5．3 警示框提示 1□9
7．5．4 界面内嵌提示 1□9
7．5．5 Toast提示 1□9
7．5．6 Tips提示 130
7．6 空数据类型 131
7．6．1 初始状态 131
7．6．□ 清空状态 131
7．6．3 出错状态 13□
7．7 提示 133
7．7．1 数字提示 133
7．7．□ 红点提示 134
7．7．3 弹框提示 134
7．7．4 系统推送提示 135
7．8 操作 136
7．8．1 底部操作列表 136
7．8．□ 底部浮层视图 136
7．8．3 底部工具栏 136
7．8．4 编辑菜单 137
7．8．5 按钮 138
7．8．6 选择器 138
7．8．7 下拉菜单 139
7．8．8 文本框 140
7．9 单元控件 140
7．9．1 开关控件 140
7．9．□ 搜索框 140
7．9．3 图标 141
7．9．4 滑块 14□
7．9．5 进度 14□
7．9．6 选框 143
7．9．7 页面控件 144
7．10 App组件库应用案例 144
7．11 同步强化模拟题 15□
作业：制作iPhone界面组件 153
第8章 微交互设计 154
8．1 微交互的基础知识 155
8．1．1 什么是微交互 155
8．1．□ 微交互的作用 158
8．□ Adobe XD的使用方法 159
8．□．1 Adobe XD的工作界面 159
8．□．□ Adobe XD的基本操作 16□
8．□．3 制作高保真原型图 174
8．3 创建可交互式原型 177
8．3．1 制作页面跳转交互效果 177
8．3．□ 制作轮播图交互效果 179
8．4 同步强化模拟题 18□
作业：制作好好住App的界面原型图和微交互效果 183
第9章 运动类App产品设计全流程 184
9．1 案例说明 185
9．□ 设计准备 185
9．□．1 用户研究 186
9．□．□ 竞品分析 188
9．□．3 绘制思维导图 190
9．□．4 产品定位 19□
9．3 原型设计 19□
9．3．1 线框图 19□
9．3．□ 原型图 193
9．4 界面设计 196
作业：阅读类App产品设计 198
□□0章 App产品运营：喜马拉雅
如何通过运营手段成为行业先锋 199
10．1 初创期 □00
10．□ 发展期 □00
10．3 成熟期 □0□
10．4 同步强化模拟题 □05
作业：为生鲜电商类App产品做运营活动 □06
附录 同步强化模拟题答案速查表 □07
