網站情感化設計

第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 運用色彩規律調和情感 32

2.4 商業網站色彩的情感化設計 38

2.5 案例賞析：不同類型的商業網站配色設計 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 創建愉悅的動效 122

6.3 實現愉悅動效的技術 132

6.4 愉悅動效的設計原則 134

6.5 案例賞析：創意機構網站交互動效的情感化設計 135

6.6 小結 138

第7章 基於網站用戶心智模型的情感化設計 139

7.1 心智模型的概念 140

7.2 心智模型的特點 140

7.3 網站心智模型的獲得方法 141

7.4 以用戶畫像反映心智模型 144

7.5 關註特殊群體的心智模型 146

7.6 案例賞析：商業網站用戶心智模型的情感化設計 150

7.7 小結 153

第8章 引發共鳴的網站情感化設計 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