好网站 会表情

郑建鹏

《Emotional Design》是美国人唐纳德·诺曼撰写的一本讲述设计情感化的经典著作。诺曼是国际知名的认知心理学家和计算机专家，是一位兼跨科学研究、教育和商业实践等多个领域的设计师。在这本以独特轻松、诙谐幽默的笔法写就的畅销设计图书里，诺曼通过大量的设计案例分析，告诉我们产品的可用性与美观性同样重要，而且两者并不矛盾。诺曼认为，如果我们的设计不能够给我们带来乐趣和快乐、兴奋和喜悦、自豪和骄傲、焦虑和不安等多样化的情感，那这种设计就是毫无意义的。诺曼的情感化设计理念广泛适用于重视与人直接沟通、关系密切相关的各种设计类型，如软件界面、交互媒体、日常产品等。作为交互和界面设计的重要类型的网页设计，在情感化的方向上自然也有同样的追求，而情感化确实也已成为网页设计处理好看与好用之间固有矛盾的重要策略。

情感化的网站设计需求首先来自于网站吸引游客浏览的现实动力，浏览量和参与度是衡量网站优劣的重要标准，无人问津的网站起不到任何信息传达的作用，自然也就没有任何价值。情感化网站设计需求还来自于对浏览者接受心理的考虑，浏览者会特别关注和深度参与那些能够跟其在情感上产生共鸣的网站，在离开之后还会经常返回，以便有持续的关注和参与。即使你的网站有最好的SEO（搜索引擎优化）或者已经通过了最时髦的网页优化A/B测试，但它没有一个让浏览者心动的情感投入，那也只能获得浏览者的一次驻足，而不会有持续重复的多次光临。

情感对于网站设计如此重要，但我们的网站设计应该传达什么样的情感呢？这个问题取决于网站所展示的产品或服务内容。如果你是运动产品或赛事网站，那活跃、俏皮、热情可能是适合你的情感选项；如果你是新闻网站，那沉稳、客观、真实应该是你要表达的情感内涵；如果你设计的是一个交友网站，那就要营造甜蜜、温馨、可信赖的情感氛围。

网站是多媒体交互艺术，所以其表达感情的途径包括了视觉的、听觉的各种形态元素以及页面的运动方式等。视觉形象中的照片、图形和色彩是网站表情的基本单元，清晰而真实的照片最容易唤起人们的某种情愫，细腻的图形设计则营造出温暖和轻松，浓烈的色彩传达出的是欢快与兴奋。SOYUZ是位于圣彼得堡的一家著名咖啡店（www. soyuzcoffee.com），这里烘焙最经典、最传统的俄罗斯咖啡。SOYUZ对咖啡制作有着严格的原料甄选标准和烘制流程。网站的首页用俯拍照片展现出一片深蓝色的平静海水和坐在岸边手捧咖啡的普通人。照片的色调是一种浓烈的暗色，深沉的近乎压抑，而这种色彩与图形正好传达出尊重传统和严谨认真的情感色彩。

网站中的听觉元素对情感表达也至关重要，激烈的配乐能刺激人的神经，让人不由自主地随之舞动，而平静的吟唱则让人变得宁静平和，与同风格的画面相互配合，会让人产生无限的遐想。雀巢Special-T制茶机是雀巢专为其特制的25种世界名茶配合使用的专用泡茶家电产品，Ogreen是其中的日本绿茶系列。在其宣传网页中（ogreen. special-t.com/nl_BE），设计者营造了阳光透过清澈的海水直射充满生机的绿色海底的梦幻场景，一袭白衣的少女飘摇于海水之中，苹果沉积在海底细沙之上，黄瓜片则如浮萍般悬空于海洋之中。配合着这一唯美画面的是空旷、幽静、深远、充满禅意的女生“啊”的婉婉转转、断断续续的低声吟唱，以及清脆、宁静的敲击瓷器的音乐。这声画完美配合，传达着平和、淡然、深幽的情感意蕴。来自茶的芬芳香气转化为唯美绝伦的视觉观感，又传达出沁人心脾的情感之韵。

网页内容之间的切换和页面运动方式不仅是功能性的，也是情感性的，它不仅能实现选择和浏览的便利，更能展现独特的情感思路。普通门户网站的页面切换中规中矩，传达的是一种严肃、中庸和谨慎；而想要表达某些特殊意愿和目的、承载信息不那么多的网站则倾向于用灵活多变的运动方式设计展现独特的个性情感。当下许多设计公司网站、运动品牌网站或汽车网站最喜欢采用视差滚动的方式进行页面切换，因为视差滚动的运动方式传达出了不落俗套、追求时尚的创新品格和热情开放的先锋精神，而这正与网站的目标浏览者实现了内在的心理契合。

诺曼认为，一项设计应该基于三种不同的水平：本能的、行为的和反思的。本能水平的设计关注的是外形，行为水平的设计关注的是操作，而反思水平的设计关注的是形象和印象。

链接

blackhouse.uk.com

英国黑屋牛排店官方网站。首页展现的是一块刚刚出炉的牛排放置于粗糙的桌面上的场景。摆放着暗色刀叉和铁质托盘的略显杂乱的台面、冒着白气滋滋作响的稍有发焦的牛排，暗黄的饮品，暗灰的餐具，边缘烧过的暗黑餐垫，这一切都在传达着大快朵颐的粗犷和豪放。

westinfinds.com

威斯汀酒店全球网站。作为一个致力于提供优质独角休闲服务的企业，宁静平和是其网站传递的主要情感。首页放置了多张全球著名景点的唯美照片，如雄伟的海上大桥、安宁的黄昏庙宇、深沉的闪着烛光的红色灯笼、葱葱茏茏的树林深处等，这些景点如幻灯片般在人眼前交替出现。

hilo.hawaii.edu/～advising

夏威夷大学希洛校区宣传网站。夏威夷是微笑的群岛，而夏威夷大学招生网站也试图将欢笑传播给每一位浏览者。主页的所有大背景图片都以欢笑的个体为主角：学生面对镜头友善的微笑；舞者羞涩而含蓄的笑；朋友间开怀与兴奋的笑等。幸福和欢乐是网站的情感主题。

dearmum.org

“亲爱的妈妈”活动网站。在母亲节之际，网站希望通过简单的编程，帮助每一位参与者制作一个属于自己母亲的页面，连同那些自己平日没有机会跟母亲表达的感谢与爱意一起展现在网页中。网站整体为粉红色，其中心以大量暗色方块拼成心的形态。粉红色彩与心形图案组合，传达出对母亲的浓浓爱意。

explore.speedousa.com

Speedo限量版泳帽展示网站。世界领先的泳装品牌Speedo邀请五位奥运会游泳选手、五位艺术大师共同设计了五款经典泳帽。网站首页设有五位运动员的图像，五人精神饱满、跃跃欲试，或欢乐、或休闲、或认真。鼠标滑过各个方格时，两张图片会迅速切换，一如网站传递的快乐运动精神。endprint