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

Chapter 01　網(wǎng)絡(luò)交互與用戶(hù)體驗(yàn)
1.1　關(guān)于用戶(hù)體驗(yàn) 2
1.1.1　什么是用戶(hù)體驗(yàn) 2
1.1.2　用戶(hù)體驗(yàn)設(shè)計(jì)的歷史與現(xiàn)狀 2
1.1.3　6種基礎(chǔ)體驗(yàn) 3
1.1.4　用戶(hù)體驗(yàn)相關(guān)術(shù)語(yǔ) 5
1.2　用戶(hù)體驗(yàn)設(shè)計(jì)范疇及其特點(diǎn) 6
1.2.1　用戶(hù)體驗(yàn)設(shè)計(jì)范疇 6
1.2.2　用戶(hù)體驗(yàn)設(shè)計(jì)的特點(diǎn) 7
1.2.3　用戶(hù)體驗(yàn)設(shè)計(jì)的5個(gè)著手點(diǎn) 9
1.3　網(wǎng)站與用戶(hù)體驗(yàn) 10
1.3.1　用戶(hù)體驗(yàn)所包含的內(nèi)容 10
1.3.2　用戶(hù)體驗(yàn)對(duì)于網(wǎng)站的重要性 13
1.3.3　網(wǎng)站設(shè)計(jì)如何尋求突破 13
1.3.4　提升網(wǎng)站用戶(hù)體驗(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　用戶(hù)體驗(yàn)與交互設(shè)計(jì) 18
1.5　用戶(hù)體驗(yàn)設(shè)計(jì)的原則 18
1.5.1　快速引導(dǎo)用戶(hù)找到需要的內(nèi)容 19
1.5.2　設(shè)置期望并提供反饋 21
1.5.3　基于人類(lèi)工程學(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　考慮到不同水平的用戶(hù) 23
1.5.8　提供上下文幫助和文檔 24
1.6　用戶(hù)體驗(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　拓展閱讀——用戶(hù)體驗(yàn)設(shè)計(jì)師 25
1.8　本章小結(jié) 26
Chapter 02　認(rèn)識(shí)用戶(hù)
2.1　用戶(hù)的感官特征 28
2.1.1　視覺(jué) 28
2.1.2　聽(tīng)覺(jué) 29
2.1.3　觸覺(jué) 31
2.2　用戶(hù)認(rèn)知心理 31
2.2.1　設(shè)計(jì)心理學(xué) 31
2.2.2　設(shè)計(jì)心理學(xué)的設(shè)計(jì)原則 35
2.3　用戶(hù)的心理需求 38
2.3.1　人的需求層次理論 38
2.3.2　用戶(hù)體驗(yàn)的需求層次 39
2.3.3　用戶(hù)體驗(yàn)的生命周期模型 42
2.4　以用戶(hù)為中心設(shè)計(jì) 43
2.4.1　了解用戶(hù)需要什么 43
2.4.2　遵循用戶(hù)的習(xí)慣 44
2.4.3　顛覆用戶(hù)的習(xí)慣 45
2.5　網(wǎng)站的目標(biāo)與用戶(hù)需求 46
2.6　用戶(hù)激勵(lì)機(jī)制 49
2.6.1　用戶(hù)激勵(lì)的方式 49
2.6.2　等級(jí)與積分激勵(lì)方式的表現(xiàn) 49
2.6.3　網(wǎng)站常用的具體激勵(lì)方法 51
2.7　拓展閱讀——用戶(hù)行為分析 54
2.8　本章小結(jié) 55
Chapter 03　用戶(hù)體驗(yàn)要素
3.1　用戶(hù)體驗(yàn)的分類(lèi) 58
3.1.1　信息架構(gòu) 58
3.1.2　交互設(shè)計(jì) 63
3.1.3　視覺(jué)形象設(shè)計(jì) 65
3.2　用戶(hù)體驗(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　了解用戶(hù)需求 74
3.4　范圍層詳解 76
3.4.1　從哪里獲得需求 76
3.4.2　對(duì)需求進(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　如何評(píng)估網(wǎng)站的視覺(jué)設(shè)計(jì) 90
3.7.2　對(duì)比 91
3.7.3　一致性 92
3.7.4　配色方案 93
3.7.5　字體選擇 94
3.8　 拓展閱讀——用戶(hù)體驗(yàn)的一般設(shè)計(jì)流程 95
3.9　本章小結(jié) 97
Chapter 04　關(guān)注用戶(hù)體驗(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　簡(jiǎn)潔性 101
4.2.2　易于學(xué)習(xí) 106
4.2.3　減少用戶(hù)記憶 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)類(lèi)型 116
4.3.3　心流體驗(yàn)設(shè)計(jì)的要點(diǎn) 118
4.3.4　用戶(hù)體驗(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　用戶(hù)體驗(yàn)差異設(shè)計(jì) 137
4.7.1　可訪問(wèn)性設(shè)計(jì) 137
4.7.2　文化差異設(shè)計(jì) 139
4.7.3　經(jīng)驗(yàn)水平差異設(shè)計(jì) 144
4.8　用戶(hù)體驗(yàn)與前端設(shè)計(jì) 145
4.8.1　認(rèn)識(shí)前端設(shè)計(jì) 146
4.8.2　前端設(shè)計(jì)優(yōu)化與用戶(hù)體驗(yàn) 150
4.9　拓展閱讀——網(wǎng)站信息架構(gòu) 151
4.10　本章小結(jié) 152
Chapter 05　Web產(chǎn)品用戶(hù)體驗(yàn)
5.1　Web產(chǎn)品解構(gòu) 154
5.1.1　網(wǎng)站解構(gòu) 154
5.1.2　網(wǎng)站頁(yè)面的構(gòu)成元素 154
5.1.3　網(wǎng)站頁(yè)面的視覺(jué)層次 157
5.1.4　基于用戶(hù)體驗(yàn)的網(wǎng)站設(shè)計(jì)原則 161
5.2　網(wǎng)站界面設(shè)計(jì)的基本原則 165
5.2.1　對(duì)比突出 165
5.2.2　條理清晰 167
5.2.3　整齊平衡 168
5.2.4　簡(jiǎn)潔一致 169
5.3　Web用戶(hù)體驗(yàn)設(shè)計(jì) 170
5.3.1　清晰的網(wǎng)站結(jié)構(gòu) 170
5.3.2　合理的頁(yè)面功能布局 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)頁(yè)配色的方法 184
5.4.3　網(wǎng)頁(yè)文本配色 188
5.4.4　網(wǎng)頁(yè)元素的色彩搭配 190
5.4.5　色彩情感在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用 192
5.5　網(wǎng)站用戶(hù)體驗(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)端用戶(hù)體驗(yàn)
6.1　了解移動(dòng)端用戶(hù)體驗(yàn) 222
6.1.2　移動(dòng)端與PC端的區(qū)別 222
6.1.3　移動(dòng)設(shè)備用戶(hù)體驗(yàn)發(fā)展趨勢(shì) 224
6.1.4　移動(dòng)設(shè)備的交互設(shè)計(jì) 225
6.1.5　移動(dòng)端應(yīng)用的用戶(hù)體驗(yàn)設(shè)計(jì) 226
6.2　移動(dòng)端設(shè)計(jì)流程及視覺(jué)設(shè)計(jì) 230
6.2.1　移動(dòng)端設(shè)計(jì)流程 230
6.2.2　視覺(jué)設(shè)計(jì) 231
6.2.3　如何提升移動(dòng)端應(yīng)用的用戶(hù)體驗(yàn) 232
6.3　移動(dòng)端界面設(shè)計(jì)內(nèi)容 234
6.3.1　視聽(tīng)元素設(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　視覺(jué)元素規(guī)范 253
6.6　 拓展閱讀——常見(jiàn)移動(dòng)設(shè)備
尺寸標(biāo)準(zhǔn) 254
6.7　本章小結(jié) 256