UI設(shè)計(jì)必修課：交互+架構(gòu)+視覺UE設(shè)計(jì)教程（全彩）

Chapter 01　網(wǎng)絡(luò)交互與用戶體驗(yàn)
1.1　關(guān)于用戶體驗(yàn) 2
1.1.1　什么是用戶體驗(yàn) 2
1.1.2　用戶體驗(yàn)設(shè)計(jì)的歷史與現(xiàn)狀 2
1.1.3　6種基礎(chǔ)體驗(yàn) 3
1.1.4　用戶體驗(yàn)相關(guān)術(shù)語 5
1.2　用戶體驗(yàn)設(shè)計(jì)范疇及其特點(diǎn) 6
1.2.1　用戶體驗(yàn)設(shè)計(jì)范疇 6
1.2.2　用戶體驗(yàn)設(shè)計(jì)的特點(diǎn) 7
1.2.3　用戶體驗(yàn)設(shè)計(jì)的5個(gè)著手點(diǎn) 9
1.3　網(wǎng)站與用戶體驗(yàn) 10
1.3.1　用戶體驗(yàn)所包含的內(nèi)容 10
1.3.2　用戶體驗(yàn)對于網(wǎng)站的重要性 13
1.3.3　網(wǎng)站設(shè)計(jì)如何尋求突破 13
1.3.4　提升網(wǎng)站用戶體驗(yàn) 14
1.4　交互設(shè)計(jì)的內(nèi)容和習(xí)慣 16
1.4.1　什么是交互設(shè)計(jì) 16
1.4.2　需要考慮的內(nèi)容 16
1.4.3　需要遵循的習(xí)慣 17
1.4.4　用戶體驗(yàn)與交互設(shè)計(jì) 18
1.5　用戶體驗(yàn)設(shè)計(jì)的原則 18
1.5.1　快速引導(dǎo)用戶找到需要的內(nèi)容 19
1.5.2　設(shè)置期望并提供反饋 21
1.5.3　基于人類工程學(xué)設(shè)計(jì) 21
1.5.4　與標(biāo)準(zhǔn)保持一致 22
1.5.5　提供糾錯(cuò)支持 22
1.5.6　靠辨識(shí)而非記憶 23
1.5.7　考慮到不同水平的用戶 23
1.5.8　提供上下文幫助和文檔 24
1.6　用戶體驗(yàn)要素的應(yīng)用 24
1.6.1　由現(xiàn)狀決定的設(shè)計(jì) 24
1.6.2　由模仿決定的設(shè)計(jì) 25
1.6.3　由領(lǐng)導(dǎo)決定的設(shè)計(jì) 25
1.7　拓展閱讀——用戶體驗(yàn)設(shè)計(jì)師 25
1.8　本章小結(jié) 26
Chapter 02　認(rèn)識(shí)用戶
2.1　用戶的感官特征 28
2.1.1　視覺 28
2.1.2　聽覺 29
2.1.3　觸覺 31
2.2　用戶認(rèn)知心理 31
2.2.1　設(shè)計(jì)心理學(xué) 31
2.2.2　設(shè)計(jì)心理學(xué)的設(shè)計(jì)原則 35
2.3　用戶的心理需求 38
2.3.1　人的需求層次理論 38
2.3.2　用戶體驗(yàn)的需求層次 39
2.3.3　用戶體驗(yàn)的生命周期模型 42
2.4　以用戶為中心設(shè)計(jì) 43
2.4.1　了解用戶需要什么 43
2.4.2　遵循用戶的習(xí)慣 44
2.4.3　顛覆用戶的習(xí)慣 45
2.5　網(wǎng)站的目標(biāo)與用戶需求 46
2.6　用戶激勵(lì)機(jī)制 49
2.6.1　用戶激勵(lì)的方式 49
2.6.2　等級(jí)與積分激勵(lì)方式的表現(xiàn) 49
2.6.3　網(wǎng)站常用的具體激勵(lì)方法 51
2.7　拓展閱讀——用戶行為分析 54
2.8　本章小結(jié) 55
Chapter 03　用戶體驗(yàn)要素
3.1　用戶體驗(yàn)的分類 58
3.1.1　信息架構(gòu) 58
3.1.2　交互設(shè)計(jì) 63
3.1.3　視覺形象設(shè)計(jì) 65
3.2　用戶體驗(yàn)的要素模型 66
3.2.1　5個(gè)層面 66
3.2.2　要素模型 70
3.3　戰(zhàn)略層詳解 72
3.3.1　確定產(chǎn)品定位 72
3.3.2　了解用戶需求 74
3.4　范圍層詳解 76
3.4.1　從哪里獲得需求 76
3.4.2　對需求進(jìn)行分析篩選 77
3.4.3　確定需求優(yōu)先級(jí) 78
3.5　結(jié)構(gòu)層詳解 79
3.5.1　交互設(shè)計(jì) 80
3.5.2　信息架構(gòu) 81
3.6　框架層詳解 82
3.6.1　界面設(shè)計(jì) 82
3.6.2　導(dǎo)航設(shè)計(jì) 83
3.6.3　信息設(shè)計(jì) 87
3.6.4　線框圖 88
3.7　表現(xiàn)層詳解 90
3.7.1　如何評估網(wǎng)站的視覺設(shè)計(jì) 90
3.7.2　對比 91
3.7.3　一致性 92
3.7.4　配色方案 93
3.7.5　字體選擇 94
3.8　 拓展閱讀——用戶體驗(yàn)的一般設(shè)計(jì)流程 95
3.9　本章小結(jié) 97
Chapter 04　關(guān)注用戶體驗(yàn)的交互設(shè)計(jì)
4.1　可用性設(shè)計(jì) 100
4.1.1　什么是可用性 100
4.1.2　可用性的表現(xiàn) 100
4.2　可用性設(shè)計(jì)原則 101
4.2.1　簡潔性 101
4.2.2　易于學(xué)習(xí) 106
4.2.3　減少用戶記憶 108
4.2.4　一致性 111
4.2.5　提供反饋 112
4.2.6　錯(cuò)誤提示及避免錯(cuò)誤的發(fā)生 114
4.2.7　高效率 115
4.3　心流體驗(yàn) 115
4.3.1　什么是心流體驗(yàn) 116
4.3.2　兩種不同的心流體驗(yàn)類型 116
4.3.3　心流體驗(yàn)設(shè)計(jì)的要點(diǎn) 118
4.3.4　用戶體驗(yàn)的經(jīng)驗(yàn)設(shè)計(jì) 122
4.4　沉浸感設(shè)計(jì) 126
4.4.1　什么是沉浸感 126
4.4.2　沉浸感設(shè)計(jì)原則 126
4.4.3　沉浸感在游戲網(wǎng)站中的應(yīng)用 129
4.5　情感化設(shè)計(jì) 131
4.5.1　什么是情感化設(shè)計(jì) 131
4.5.2　互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的3層次 131
4.5.3　互聯(lián)網(wǎng)產(chǎn)品的情感化設(shè)計(jì) 133
4.6　美感設(shè)計(jì) 135
4.6.1　什么是美感設(shè)計(jì) 135
4.6.2　交互設(shè)計(jì)中的美感體驗(yàn) 136
4.7　用戶體驗(yàn)差異設(shè)計(jì) 137
4.7.1　可訪問性設(shè)計(jì) 137
4.7.2　文化差異設(shè)計(jì) 139
4.7.3　經(jīng)驗(yàn)水平差異設(shè)計(jì) 144
4.8　用戶體驗(yàn)與前端設(shè)計(jì) 145
4.8.1　認(rèn)識(shí)前端設(shè)計(jì) 146
4.8.2　前端設(shè)計(jì)優(yōu)化與用戶體驗(yàn) 150
4.9　拓展閱讀——網(wǎng)站信息架構(gòu) 151
4.10　本章小結(jié) 152
Chapter 05　Web產(chǎn)品用戶體驗(yàn)
5.1　Web產(chǎn)品解構(gòu) 154
5.1.1　網(wǎng)站解構(gòu) 154
5.1.2　網(wǎng)站頁面的構(gòu)成元素 154
5.1.3　網(wǎng)站頁面的視覺層次 157
5.1.4　基于用戶體驗(yàn)的網(wǎng)站設(shè)計(jì)原則 161
5.2　網(wǎng)站界面設(shè)計(jì)的基本原則 165
5.2.1　對比突出 165
5.2.2　條理清晰 167
5.2.3　整齊平衡 168
5.2.4　簡潔一致 169
5.3　Web用戶體驗(yàn)設(shè)計(jì) 170
5.3.1　清晰的網(wǎng)站結(jié)構(gòu) 170
5.3.2　合理的頁面功能布局 173
5.3.3　優(yōu)化網(wǎng)站內(nèi)容 180
5.4　網(wǎng)站配色 182
5.4.1　色彩屬性 183
5.4.2　網(wǎng)頁配色的方法 184
5.4.3　網(wǎng)頁文本配色 188
5.4.4　網(wǎng)頁元素的色彩搭配 190
5.4.5　色彩情感在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 192
5.5　網(wǎng)站用戶體驗(yàn)設(shè)計(jì)細(xì)節(jié) 197
5.5.1　網(wǎng)站圖標(biāo)設(shè)計(jì) 197
5.5.2　網(wǎng)站按鈕設(shè)計(jì) 200
5.5.3　網(wǎng)站Logo設(shè)計(jì) 206
5.5.4　網(wǎng)站導(dǎo)航設(shè)計(jì) 211
5.6　 拓展閱讀——創(chuàng)建網(wǎng)站
設(shè)計(jì)的標(biāo)準(zhǔn) 219
5.7　本章小結(jié) 220
Chapter 06　移動(dòng)端用戶體驗(yàn)
6.1　了解移動(dòng)端用戶體驗(yàn) 222
6.1.2　移動(dòng)端與PC端的區(qū)別 222
6.1.3　移動(dòng)設(shè)備用戶體驗(yàn)發(fā)展趨勢 224
6.1.4　移動(dòng)設(shè)備的交互設(shè)計(jì) 225
6.1.5　移動(dòng)端應(yīng)用的用戶體驗(yàn)設(shè)計(jì) 226
6.2　移動(dòng)端設(shè)計(jì)流程及視覺設(shè)計(jì) 230
6.2.1　移動(dòng)端設(shè)計(jì)流程 230
6.2.2　視覺設(shè)計(jì) 231
6.2.3　如何提升移動(dòng)端應(yīng)用的用戶體驗(yàn) 232
6.3　移動(dòng)端界面設(shè)計(jì)內(nèi)容 234
6.3.1　視聽元素設(shè)計(jì) 235
6.3.2　版式設(shè)計(jì) 244
6.4　移動(dòng)端界面色彩搭配 247
6.4.1　色彩在移動(dòng)端界面設(shè)計(jì)中的作用 247
6.4.2　移動(dòng)端界面配色原則 249
6.5　移動(dòng)端界面設(shè)計(jì)原則 251
6.5.1　實(shí)用性 251
6.5.2　統(tǒng)一的色彩與風(fēng)格 252
6.5.3　合理的配色 252
6.5.4　規(guī)范的操作流程 253
6.5.5　視覺元素規(guī)范 253
6.6　 拓展閱讀——常見移動(dòng)設(shè)備
尺寸標(biāo)準(zhǔn) 254
6.7　本章小結(jié) 256