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

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