第1章　AI时代互联网产品设计思维 1
1.1　AI时代互联网产品设计思维基础 2
1.1.1 设计思维与产品思维 2
1.1.2　AI时代互联网产品设计思维体系 3
1.1.3　“以用户为中心”的理论 9
1.1.4　互联网产品智能实现技术 10
1.1.5　平衡用户、商业、技术三者之间的智能产品关系 12
1.1.6　互联网产品的技术底座 14
1.2　用户体验设计的五大层面模型 16
1.2.1　战略层 17
1.2.2　范围层 17
1.2.3　结构层 18
1.2.4　框架层 18
1.2.5　表现层 19
1.3　精益设计与敏捷开发 20
1.3.1　AI时代互联网产品的研发流程 20
1.3.2　AI时代互联网产品的生命周期 22
1.4　习题 24
第2章　用户研究 26
2.1　用户研究方法 27
2.1.1　数智时代产品与用户的关系 27
2.1.2　AI赋能三大用户研究场景 28
2.1.3　AI赋能定性分析 28
2.1.4　AI赋能定量分析 30
2.1.5　“定性”与“定量”的区别 31
2.2　如何寻求潜在用户 31
2.2.1　先导型用户 31
2.2.2　相似用户 32
2.2.3　粉丝用户 32
2.3　AI情感情绪分析 33
2.3.1　底层情绪逻辑与AI情绪识别应用 33
2.3.2　用户痛点挖掘与产品价值分析 35
2.3.3　痒点识别与精神诉求设计 36
2.3.4　爽点打造与情绪体验分析 37
2.4　用户画像 38
2.4.1　情感化设计 38
2.4.2　新一代用户分层体系 42
2.4.3　AI原生用户画像方法 43
2.5　习题 47
第3章　需求解读 48
3.1　需求分析 49
3.1.1　需求分析的现状和AI破局 49
3.1.2　需求分析的方法 52
3.1.3　需求分析的步骤 53
3.2　用户体验地图 54
3.2.1　用户体验地图基础 54
3.2.2　用户体验流程图 56
3.2.3　情绪波动图 57
3.3　竞品分析 59
3.3.1　什么是竞品分析 60
3.3.2　为什么要进行竞品分析 60
3.3.3　竞品类型的界定与选择策略 60
3.3.4　多维度竞品分析 63
3.4　商业模式 64
3.4.1　什么是商业模式 64
3.4.2　商业模式需要考虑的因素 64
3.4.3　利益相关人 65
3.4.4　商业画布形态 66
3.5　产品产出与AI赋能应用 68
3.5.1　AI赋能竞品分析报告 68
3.5.2　AI赋能需求分析文档 73
3.6　习题 79
第4章　用户体验设计 80
4.1　产品功能信息架构 80
4.1.1　产品功能信息架构的作用 80
4.1.2　产品功能信息架构的形态 80
4.1.3　产品功能信息架构的实现 86
4.2　交互逻辑流程图 88
4.2.1　交互逻辑流程图的作用 88
4.2.2　交互逻辑流程图的形态 89
4.2.3　交互逻辑流程图的实现 92
4.3　纸模原型草图 94
4.3.1　原型设计四大排版原则 94
4.3.2　纸模原型设计 96
4.3.3　可用性测试 100
4.4　习题 101
第5章　电子原型草图设计 103
5.1　低保真原型设计 104
5.1.1　低保真原型设计的基本原则 104
5.1.2　主流APP界面布局方式 115
5.1.3　实现工具：Axure RP/Figma/Pixso/MockPlus 120
5.1.4 手搓原创案例——“初文”读书App低保真原型 120
5.2　高保真原型设计 121
5.2.1　界面规范 121
5.2.2　控件规范 125
5.2.3　功能信息权重 129
5.2.4　交互体验 132
5.2.5　视觉反推 142
5.2.6　研发评估 143
5.2.7　交付预先对接 146
5.2.8　原创案例——“初文”读书App高保真原型标注样例 146
5.2.9 Pixso AI从“0”到“1”生成高保真原型案例 148
5.3　开发者协作 150
5.3.1　如何实现协作 150
5.3.2　开发者视角逻辑 150
5.3.3　开发工具及常用的编程语言 151
5.3.4　AI生成前端代码 152
5.4　习题 153
第6章　Axure RP 11.0应用基础 155
6.1　Axure RP 11.0的交互基础 156
6.1.1　软件界面 156
6.1.2　元件、样式与栅格布局 157
6.1.3　原型绘制流程 160
6.1.4　原型交互入门 162
6.1.5　交互基础实例 166
6.2　流程图设计 170
6.2.1　流程图作用与使用场景 170
6.2.2　流程图创建与连接器使用 172
6.3　动态面板的高级应用 174
6.3.1　动态面板控件与状态管理 174
6.3.2　动态面板常用交互功能 176
6.3.3　综合应用实例 178
6.4　母版的应用 181
6.4.1　母版功能 181
6.4.2　应用实例 183
6.5　内联框架的应用 186
6.5.1　内联框架功能 186
6.5.2　内联框架与动态面板的组合应用分析 188
6.5.3　应用实例 189
6.6　高级交互设计方法 191
6.6.1　逻辑条件 191
6.6.2　设置元件值 193
6.6.3　变量 195
6.6.4　中继器的应用 197
6.6.5　应用实例 204
6.7 效率工具与协作功能 207
6.7.1　云端组件库与团队协作 207
6.7.2　原型发布、预览与批注管理 208
6.8　习题 210
第7章　产品视觉表现 211
7.1　情绪板定义 212
7.1.1　情绪板概述 212
7.1.2　色彩方案 215
7.1.3　色彩系统 218
7.1.4　移动端配色辅助工具应用——以“色采App”为例 220
7.1.5　运用色卡进行UI配色案例 222
7.2　AI+UI图标设计范式 222
7.2.1　轻拟物风格 223
7.2.2　轻质感风格 223
7.2.3　3D卡通风格 224
7.2.4　线性描边风格 224
7.2.5　玻璃拟态风格设计 224
7.2.6　C4D风格 225
7.2.7　扁平化风格 225
7.2.8　毛玻璃风格 226
7.2.9 科技感风格 226
7.2.10 扁平插画风格 227
7.2.11　2.5D风格 227
7.3　金刚区样式设计 228
7.3.1　金刚区的定义 228
7.3.2　金刚区的的交互设计原则 228
7.3.3　金刚区的设计样式 229
7.4　按钮的应用 232
7.4.1　按钮的状态 232
7.4.2　按钮设计常见的问题 233
7.5　Pixso AI从“0”到“1”生成“初文”视觉稿 219
7.6　微动效设计 238
7.6.1　动效表达 238
7.6.2　AI赋能交互引导 243
7.7　设计执行 245
7.7.1　对接开发者 245
7.7.2　产品设计规范手册 247
7.7.3　项目走查 250
7.8　习题 253
第8章　互联网产品设计案例 255
8.1　项目基本信息 255
8.2　项目分析 255
8.2.1　市场前景 255
8.2.2　用户需求分析 255
8.2.3　竞品分析 257
8.2.4　产品定位 264
8.3　项目设计篇 264
8.3.1　产品框架 265
8.3.2　主要业务流程 265
8.3.3　主视觉设计 266
8.3.4　AI赋能视觉设计 268
8.3.5　主要业务流程功能演示 270
8.3.6　设计规范和标准 272
8.4　习题 274
第9章　互联网产品设计行业的发展与未来 275
9.1　产品平台载体与终端载体演变 276
9.1.1　当前主流终端生态格局 276
9.1.2　未来载体演进趋势 276
9.1.3　载体变革对设计师的要求 278
9.2　行业技术生态变革 278
9.2.1　设计工具专业化、场景化细分 278
9.2.2　AI 驱动的智能化设计工作流 278
9.2.3　未来AI驱动的产品设计模式 280
9.2.4　多模态沉浸式体验发展趋势 281
9.3 数字化浪潮下产品原型设计发展态势 281
9.4　产品设计从业者能力要求变革 282
9.4.1　新型设计师四层核心能力模型 282
9.4.2　行业人才分层趋势 283
9.5　习题 284
参考文献 285