網站情感化設計

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