UI设计必修课-交互+架构+视觉UE设计教程

Chapter 01　网络交互与用户体验
1.1　关于用户体验 2
1.1.1　什么是用户体验 2
1.1.2　用户体验设计的历史与现状 2
1.1.3　6种基础体验 3
1.1.4　用户体验相关术语 5
1.2　用户体验设计范畴及其特点 6
1.2.1　用户体验设计范畴 6
1.2.2　用户体验设计的特点 7
1.2.3　用户体验设计的5个着手点 9
1.3　网站与用户体验 10
1.3.1　用户体验所包含的内容 10
1.3.2　用户体验对于网站的重要性 13
1.3.3　网站设计如何寻求突破 13
1.3.4　提升网站用户体验 14
1.4　交互设计的内容和习惯 16
1.4.1　什么是交互设计 16
1.4.2　需要考虑的内容 16
1.4.3　需要遵循的习惯 17
1.4.4　用户体验与交互设计 18
1.5　用户体验设计的原则 18
1.5.1　快速引导用户找到需要的内容 19
1.5.2　设置期望并提供反馈 21
1.5.3　基于人类工程学设计 21
1.5.4　与标准保持一致 22
1.5.5　提供纠错支持 22
1.5.6　靠辨识而非记忆 23
1.5.7　考虑到不同水平的用户 23
1.5.8　提供上下文帮助和文档 24
1.6　用户体验要素的应用 24
1.6.1　由现状决定的设计 24
1.6.2　由模仿决定的设计 25
1.6.3　由领导决定的设计 25
1.7　拓展阅读——用户体验设计师 25
1.8　本章小结 26
Chapter 02　认识用户
2.1　用户的感官特征 28
2.1.1　视觉 28
2.1.2　听觉 29
2.1.3　触觉 31
2.2　用户认知心理 31
2.2.1　设计心理学 31
2.2.2　设计心理学的设计原则 35
2.3　用户的心理需求 38
2.3.1　人的需求层次理论 38
2.3.2　用户体验的需求层次 39
2.3.3　用户体验的生命周期模型 42
2.4　以用户为中心设计 43
2.4.1　了解用户需要什么 43
2.4.2　遵循用户的习惯 44
2.4.3　颠覆用户的习惯 45
2.5　网站的目标与用户需求 46
2.6　用户激励机制 49
2.6.1　用户激励的方式 49
2.6.2　等级与积分激励方式的表现 49
2.6.3　网站常用的具体激励方法 51
2.7　拓展阅读——用户行为分析 54
2.8　本章小结 55

Chapter 03　用户体验要素
3.1　用户体验的分类 58
3.1.1　信息架构 58
3.1.2　交互设计 63
3.1.3　视觉形象设计 65
3.2　用户体验的要素模型 66
3.2.1　5个层面 66
3.2.2　要素模型 70
3.3　战略层详解 72
3.3.1　确定产品定位 72
3.3.2　了解用户需求 74
3.4　范围层详解 76
3.4.1　从哪里获得需求 76
3.4.2　对需求进行分析筛选 77
3.4.3　确定需求优先级 78
3.5　结构层详解 79
3.5.1　交互设计 80
3.5.2　信息架构 81
3.6　框架层详解 82
3.6.1　界面设计 82
3.6.2　导航设计 83
3.6.3　信息设计 87
3.6.4　线框图 88
3.7　表现层详解 90
3.7.1　如何评估网站的视觉设计 90
3.7.2　对比 91
3.7.3　一致性 92
3.7.4　配色方案 93
3.7.5　字体选择 94
3.8　 拓展阅读——用户体验的一般设计流程 95
3.9　本章小结 97
Chapter 04　关注用户体验的交互设计
4.1　可用性设计 100
4.1.1　什么是可用性 100
4.1.2　可用性的表现 100
4.2　可用性设计原则 101
4.2.1　简洁性 101
4.2.2　易于学习 106
4.2.3　减少用户记忆 108
4.2.4　一致性 111
4.2.5　提供反馈 112
4.2.6　错误提示及避免错误的发生 114
4.2.7　高效率 115
4.3　心流体验 115
4.3.1　什么是心流体验 116
4.3.2　两种不同的心流体验类型 116
4.3.3　心流体验设计的要点 118
4.3.4　用户体验的经验设计 122
4.4　沉浸感设计 126
4.4.1　什么是沉浸感 126
4.4.2　沉浸感设计原则 126
4.4.3　沉浸感在游戏网站中的应用 129
4.5　情感化设计 131
4.5.1　什么是情感化设计 131
4.5.2　互联网产品设计的3层次 131
4.5.3　互联网产品的情感化设计 133
4.6　美感设计 135
4.6.1　什么是美感设计 135
4.6.2　交互设计中的美感体验 136
4.7　用户体验差异设计 137
4.7.1　可访问性设计 137
4.7.2　文化差异设计 139
4.7.3　经验水平差异设计 144
4.8　用户体验与前端设计 145
4.8.1　认识前端设计 146
4.8.2　前端设计优化与用户体验 150
4.9　拓展阅读——网站信息架构 151
4.10　本章小结 152
Chapter 05　Web产品用户体验
5.1　Web产品解构 154
5.1.1　网站解构 154
5.1.2　网站页面的构成元素 154
5.1.3　网站页面的视觉层次 157
5.1.4　基于用户体验的网站设计原则 161
5.2　网站界面设计的基本原则 165
5.2.1　对比突出 165
5.2.2　条理清晰 167
5.2.3　整齐平衡 168
5.2.4　简洁一致 169
5.3　Web用户体验设计 170
5.3.1　清晰的网站结构 170
5.3.2　合理的页面功能布局 173
5.3.3　优化网站内容 180
5.4　网站配色 182
5.4.1　色彩属性 183
5.4.2　网页配色的方法 184
5.4.3　网页文本配色 188
5.4.4　网页元素的色彩搭配 190
5.4.5　色彩情感在网页设计中的应用 192
5.5　网站用户体验设计细节 197
5.5.1　网站图标设计 197
5.5.2　网站按钮设计 200
5.5.3　网站Logo设计 206
5.5.4　网站导航设计 211
5.6　 拓展阅读——创建网站
设计的标准 219
5.7　本章小结 220
Chapter 06　移动端用户体验
6.1　了解移动端用户体验 222
6.1.2　移动端与PC端的区别 222
6.1.3　移动设备用户体验发展趋势 224
6.1.4　移动设备的交互设计 225
6.1.5　移动端应用的用户体验设计 226
6.2　移动端设计流程及视觉设计 230
6.2.1　移动端设计流程 230
6.2.2　视觉设计 231
6.2.3　如何提升移动端应用的用户体验 232
6.3　移动端界面设计内容 234
6.3.1　视听元素设计 235
6.3.2　版式设计 244
6.4　移动端界面色彩搭配 247
6.4.1　色彩在移动端界面设计中的作用 247
6.4.2　移动端界面配色原则 249
6.5　移动端界面设计原则 251
6.5.1　实用性 251
6.5.2　统一的色彩与风格 252
6.5.3　合理的配色 252
6.5.4　规范的操作流程 253
6.5.5　视觉元素规范 253
6.6　 拓展阅读——常见移动设备
尺寸标准 254
6.7　本章小结 256