网站情感化设计

情感化设计是一种以关注用户内心情感诉求为中心的设计理念，其首要目标是促进人与人之间的交流，“情感化设计”可以使用户从生理、心理和精神理想方面能享受到产品带来的价值。 《网站情感化设计》可作为高校数字媒体艺术设计、产品设计、计算机技术、心理学等专业师生的参考书，同时也可作为网站设计初学者和爱好者，互联网品牌形象设计、宣传、营销人员的工具书。

《网站情感化设计》以唐纳德·A. 诺曼的情感化设计三层次理论为依据，结合众多案例介绍了以用户情感为中心的网站情感化设计的理念、方法与技巧。全书共分十章，主要包括网站的版式、色彩和装饰元素的情感化设计；网站交互情感化设计的基本原则，以及网站交互元素、交互动效、基于用户心智模型的情感化设计；如何引发用户的情感共鸣、加深用户的情感印象及获得峰值体验的情感化设计。作为一部理论与实践相结合的网站情感化设计的著作，全书内容丰富、图文并茂、专业性强、覆盖面广，网页设计师可以从中学到各种相关知识点与技巧，学会打造一个个令人赏心悦目的网站，掌握提升网站品牌形象和商业价值的方法。 《网站情感化设计》既可以作为高校数字媒体艺术设计、产品设计、计算机技术、心理学等专业的师生进行网站情感化设计的参考书，也可以作为网站设计初学者和爱好者进行互联网品牌形象设计、宣传和营销的工具书。

钱默，重庆邮电大学传媒艺术学院老师。 硕士毕业于北京服装学院，数字媒体艺术设计专业 。 研究领域：数字媒体艺术应用。

第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