網(wǎng)站情感化設計

第1章 網(wǎng)站版式的情感化設計 1
1.1 網(wǎng)站版式設計的尺寸 2
1.2 網(wǎng)站布局的情感化設計 6
1.3 網(wǎng)站視覺要素的情感化設計 10
1.4 案例賞析：五種不同情感的網(wǎng)頁版式設計 19
1.5 小結(jié) 24
第2章 網(wǎng)站色彩的情感化設計 25
2.1 網(wǎng)站色彩的情感表達 26
2.2 網(wǎng)站色彩的情感魔力  29
2.3 運用色彩規(guī)律調(diào)和情感 32
2.4 商業(yè)網(wǎng)站色彩的情感化設計 38
2.5 案例賞析：不同類型的商業(yè)網(wǎng)站配色設計 44
2.6 小結(jié) 47
第3章 網(wǎng)站裝飾元素的情感化設計 49
3.1 裝飾圖形的情感化設計 50
3.2 裝飾插畫的情感化設計 54
3.3 裝飾動畫的情感化設計 60
3.4 裝飾視頻的情感化設計 62
3.5 裝飾轉(zhuǎn)場的情感化設計 64
3.6 案例賞析：不同裝飾風格的情感化表達 66
3.7 小結(jié) 72
第4章 網(wǎng)站交互情感化設計的基本原則 73
4.1 功能性原則 74
4.2 易理解性原則 78
4.3 易用性原則 79
4.4 感受性原則 85
4.5 案例賞析：Demophorius網(wǎng)站交互情感化設計 89
4.6 小結(jié) 92
第5章 網(wǎng)站交互元素的情感化設計 93
5.1 按鈕圖標的情感化設計 94
5.2 網(wǎng)站導航的情感化設計 100
5.3 重要交互控件的情感化設計 107
5.4 案例賞析：加拿大航空網(wǎng)站交互元素的情感化設計 113
5.5 小結(jié) 115
第6章 網(wǎng)站交互動效的情感化設計 117
6.1 使用戶愉悅的動效很重要 118
6.2 創(chuàng)建愉悅的動效 122
6.3 實現(xiàn)愉悅動效的技術 132
6.4 愉悅動效的設計原則 134
6.5 案例賞析：創(chuàng)意機構網(wǎng)站交互動效的情感化設計 135
6.6 小結(jié) 138
第7章 基于網(wǎng)站用戶心智模型的情感化設計 139
7.1 心智模型的概念 140
7.2 心智模型的特點 140
7.3 網(wǎng)站心智模型的獲得方法 141
7.4 以用戶畫像反映心智模型 144
7.5 關注特殊群體的心智模型 146
7.6 案例賞析：商業(yè)網(wǎng)站用戶心智模型的情感化設計 150
7.7 小結(jié) 153
第8章 引發(fā)共鳴的網(wǎng)站情感化設計 155
8.1 講好故事增強情緒感染力 156
8.2 游戲化設計建立情感紐帶 161
8.3 戳中痛點驅(qū)動情感共振 166
8.4 案例賞析：溫馨友好的度假民宿網(wǎng)站情感化設計 172
8.5 小結(jié) 174
第9章 加深印象的網(wǎng)站情感化設計 175
9.1 感官記憶 176
9.2 行為記憶 180
9.3 特別的回憶：出錯的藝術 185
9.4 案例賞析：充滿“夢想力量”求職網(wǎng)站的情感化設計 189
9.5 小結(jié) 192
第10章 打造峰值體驗的網(wǎng)站情感化設計 193
10.1 “個性化”設計 194
10.2 “驚喜感”設計 200
10.3 “成就感”設計 204
10.4 案例賞析：復古風格的海鮮訂購網(wǎng)站的情感化設計 208
10.5 小結(jié) 211
參考文獻 216