网站情感化设计

第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