好網(wǎng)站 會(huì)表情

鄭建鵬

《Emotional Design》是美國(guó)人唐納德·諾曼撰寫的一本講述設(shè)計(jì)情感化的經(jīng)典著作。諾曼是國(guó)際知名的認(rèn)知心理學(xué)家和計(jì)算機(jī)專家，是一位兼跨科學(xué)研究、教育和商業(yè)實(shí)踐等多個(gè)領(lǐng)域的設(shè)計(jì)師。在這本以獨(dú)特輕松、詼諧幽默的筆法寫就的暢銷設(shè)計(jì)圖書里，諾曼通過(guò)大量的設(shè)計(jì)案例分析，告訴我們產(chǎn)品的可用性與美觀性同樣重要，而且兩者并不矛盾。諾曼認(rèn)為，如果我們的設(shè)計(jì)不能夠給我們帶來(lái)樂(lè)趣和快樂(lè)、興奮和喜悅、自豪和驕傲、焦慮和不安等多樣化的情感，那這種設(shè)計(jì)就是毫無(wú)意義的。諾曼的情感化設(shè)計(jì)理念廣泛適用于重視與人直接溝通、關(guān)系密切相關(guān)的各種設(shè)計(jì)類型，如軟件界面、交互媒體、日常產(chǎn)品等。作為交互和界面設(shè)計(jì)的重要類型的網(wǎng)頁(yè)設(shè)計(jì)，在情感化的方向上自然也有同樣的追求，而情感化確實(shí)也已成為網(wǎng)頁(yè)設(shè)計(jì)處理好看與好用之間固有矛盾的重要策略。

情感化的網(wǎng)站設(shè)計(jì)需求首先來(lái)自于網(wǎng)站吸引游客瀏覽的現(xiàn)實(shí)動(dòng)力，瀏覽量和參與度是衡量網(wǎng)站優(yōu)劣的重要標(biāo)準(zhǔn)，無(wú)人問(wèn)津的網(wǎng)站起不到任何信息傳達(dá)的作用，自然也就沒(méi)有任何價(jià)值。情感化網(wǎng)站設(shè)計(jì)需求還來(lái)自于對(duì)瀏覽者接受心理的考慮，瀏覽者會(huì)特別關(guān)注和深度參與那些能夠跟其在情感上產(chǎn)生共鳴的網(wǎng)站，在離開(kāi)之后還會(huì)經(jīng)常返回，以便有持續(xù)的關(guān)注和參與。即使你的網(wǎng)站有最好的SEO（搜索引擎優(yōu)化）或者已經(jīng)通過(guò)了最時(shí)髦的網(wǎng)頁(yè)優(yōu)化A/B測(cè)試，但它沒(méi)有一個(gè)讓瀏覽者心動(dòng)的情感投入，那也只能獲得瀏覽者的一次駐足，而不會(huì)有持續(xù)重復(fù)的多次光臨。

情感對(duì)于網(wǎng)站設(shè)計(jì)如此重要，但我們的網(wǎng)站設(shè)計(jì)應(yīng)該傳達(dá)什么樣的情感呢？這個(gè)問(wèn)題取決于網(wǎng)站所展示的產(chǎn)品或服務(wù)內(nèi)容。如果你是運(yùn)動(dòng)產(chǎn)品或賽事網(wǎng)站，那活躍、俏皮、熱情可能是適合你的情感選項(xiàng)；如果你是新聞網(wǎng)站，那沉穩(wěn)、客觀、真實(shí)應(yīng)該是你要表達(dá)的情感內(nèi)涵；如果你設(shè)計(jì)的是一個(gè)交友網(wǎng)站，那就要營(yíng)造甜蜜、溫馨、可信賴的情感氛圍。

網(wǎng)站是多媒體交互藝術(shù)，所以其表達(dá)感情的途徑包括了視覺(jué)的、聽(tīng)覺(jué)的各種形態(tài)元素以及頁(yè)面的運(yùn)動(dòng)方式等。視覺(jué)形象中的照片、圖形和色彩是網(wǎng)站表情的基本單元，清晰而真實(shí)的照片最容易喚起人們的某種情愫，細(xì)膩的圖形設(shè)計(jì)則營(yíng)造出溫暖和輕松，濃烈的色彩傳達(dá)出的是歡快與興奮。SOYUZ是位于圣彼得堡的一家著名咖啡店（www. soyuzcoffee.com），這里烘焙最經(jīng)典、最傳統(tǒng)的俄羅斯咖啡。SOYUZ對(duì)咖啡制作有著嚴(yán)格的原料甄選標(biāo)準(zhǔn)和烘制流程。網(wǎng)站的首頁(yè)用俯拍照片展現(xiàn)出一片深藍(lán)色的平靜海水和坐在岸邊手捧咖啡的普通人。照片的色調(diào)是一種濃烈的暗色，深沉的近乎壓抑，而這種色彩與圖形正好傳達(dá)出尊重傳統(tǒng)和嚴(yán)謹(jǐn)認(rèn)真的情感色彩。

網(wǎng)站中的聽(tīng)覺(jué)元素對(duì)情感表達(dá)也至關(guān)重要，激烈的配樂(lè)能刺激人的神經(jīng)，讓人不由自主地隨之舞動(dòng)，而平靜的吟唱?jiǎng)t讓人變得寧?kù)o平和，與同風(fēng)格的畫面相互配合，會(huì)讓人產(chǎn)生無(wú)限的遐想。雀巢Special-T制茶機(jī)是雀巢專為其特制的25種世界名茶配合使用的專用泡茶家電產(chǎn)品，Ogreen是其中的日本綠茶系列。在其宣傳網(wǎng)頁(yè)中（ogreen. special-t.com/nl_BE），設(shè)計(jì)者營(yíng)造了陽(yáng)光透過(guò)清澈的海水直射充滿生機(jī)的綠色海底的夢(mèng)幻場(chǎng)景，一襲白衣的少女飄搖于海水之中，蘋果沉積在海底細(xì)沙之上，黃瓜片則如浮萍般懸空于海洋之中。配合著這一唯美畫面的是空曠、幽靜、深遠(yuǎn)、充滿禪意的女生“啊”的婉婉轉(zhuǎn)轉(zhuǎn)、斷斷續(xù)續(xù)的低聲吟唱，以及清脆、寧?kù)o的敲擊瓷器的音樂(lè)。這聲畫完美配合，傳達(dá)著平和、淡然、深幽的情感意蘊(yùn)。來(lái)自茶的芬芳香氣轉(zhuǎn)化為唯美絕倫的視覺(jué)觀感，又傳達(dá)出沁人心脾的情感之韻。

網(wǎng)頁(yè)內(nèi)容之間的切換和頁(yè)面運(yùn)動(dòng)方式不僅是功能性的，也是情感性的，它不僅能實(shí)現(xiàn)選擇和瀏覽的便利，更能展現(xiàn)獨(dú)特的情感思路。普通門戶網(wǎng)站的頁(yè)面切換中規(guī)中矩，傳達(dá)的是一種嚴(yán)肅、中庸和謹(jǐn)慎；而想要表達(dá)某些特殊意愿和目的、承載信息不那么多的網(wǎng)站則傾向于用靈活多變的運(yùn)動(dòng)方式設(shè)計(jì)展現(xiàn)獨(dú)特的個(gè)性情感。當(dāng)下許多設(shè)計(jì)公司網(wǎng)站、運(yùn)動(dòng)品牌網(wǎng)站或汽車網(wǎng)站最喜歡采用視差滾動(dòng)的方式進(jìn)行頁(yè)面切換，因?yàn)橐暡顫L動(dòng)的運(yùn)動(dòng)方式傳達(dá)出了不落俗套、追求時(shí)尚的創(chuàng)新品格和熱情開(kāi)放的先鋒精神，而這正與網(wǎng)站的目標(biāo)瀏覽者實(shí)現(xiàn)了內(nèi)在的心理契合。

諾曼認(rèn)為，一項(xiàng)設(shè)計(jì)應(yīng)該基于三種不同的水平：本能的、行為的和反思的。本能水平的設(shè)計(jì)關(guān)注的是外形，行為水平的設(shè)計(jì)關(guān)注的是操作，而反思水平的設(shè)計(jì)關(guān)注的是形象和印象。

鏈接

blackhouse.uk.com

英國(guó)黑屋牛排店官方網(wǎng)站。首頁(yè)展現(xiàn)的是一塊剛剛出爐的牛排放置于粗糙的桌面上的場(chǎng)景。擺放著暗色刀叉和鐵質(zhì)托盤的略顯雜亂的臺(tái)面、冒著白氣滋滋作響的稍有發(fā)焦的牛排，暗黃的飲品，暗灰的餐具，邊緣燒過(guò)的暗黑餐墊，這一切都在傳達(dá)著大快朵頤的粗獷和豪放。

westinfinds.com

威斯汀酒店全球網(wǎng)站。作為一個(gè)致力于提供優(yōu)質(zhì)獨(dú)角休閑服務(wù)的企業(yè)，寧?kù)o平和是其網(wǎng)站傳遞的主要情感。首頁(yè)放置了多張全球著名景點(diǎn)的唯美照片，如雄偉的海上大橋、安寧的黃昏廟宇、深沉的閃著燭光的紅色燈籠、蔥蔥蘢蘢的樹(shù)林深處等，這些景點(diǎn)如幻燈片般在人眼前交替出現(xiàn)。

hilo.hawaii.edu/～advising

夏威夷大學(xué)希洛校區(qū)宣傳網(wǎng)站。夏威夷是微笑的群島，而夏威夷大學(xué)招生網(wǎng)站也試圖將歡笑傳播給每一位瀏覽者。主頁(yè)的所有大背景圖片都以歡笑的個(gè)體為主角：學(xué)生面對(duì)鏡頭友善的微笑；舞者羞澀而含蓄的笑；朋友間開(kāi)懷與興奮的笑等。幸福和歡樂(lè)是網(wǎng)站的情感主題。

dearmum.org

“親愛(ài)的媽媽”活動(dòng)網(wǎng)站。在母親節(jié)之際，網(wǎng)站希望通過(guò)簡(jiǎn)單的編程，幫助每一位參與者制作一個(gè)屬于自己母親的頁(yè)面，連同那些自己平日沒(méi)有機(jī)會(huì)跟母親表達(dá)的感謝與愛(ài)意一起展現(xiàn)在網(wǎng)頁(yè)中。網(wǎng)站整體為粉紅色，其中心以大量暗色方塊拼成心的形態(tài)。粉紅色彩與心形圖案組合，傳達(dá)出對(duì)母親的濃濃愛(ài)意。

explore.speedousa.com

Speedo限量版泳帽展示網(wǎng)站。世界領(lǐng)先的泳裝品牌Speedo邀請(qǐng)五位奧運(yùn)會(huì)游泳選手、五位藝術(shù)大師共同設(shè)計(jì)了五款經(jīng)典泳帽。網(wǎng)站首頁(yè)設(shè)有五位運(yùn)動(dòng)員的圖像，五人精神飽滿、躍躍欲試，或歡樂(lè)、或休閑、或認(rèn)真。鼠標(biāo)滑過(guò)各個(gè)方格時(shí)，兩張圖片會(huì)迅速切換，一如網(wǎng)站傳遞的快樂(lè)運(yùn)動(dòng)精神。endprint