基于色彩情感的電子商務網(wǎng)站界面典型要素研究

【摘 要】電子商務目前正處于快速發(fā)展的上升期。電子商務網(wǎng)站，盈利是最終目的，瀏覽一個電子商務網(wǎng)站時，帶給瀏覽者最直觀的感受是界面的色彩，界面中各個視覺元素色彩設計的和諧與否直接影響觀眾觀看的興趣。本論文結合色彩的情感表達，對電子商務網(wǎng)站界面中的典型要素色彩搭配進行了分析與總結，這是對電子商務網(wǎng)站界面色彩情感設計的一次有益嘗試。

【關鍵詞】電子商務 界面要素 色彩情感

瀏覽一個電子商務網(wǎng)頁時，界面的顏色能帶給瀏覽者最直觀的感受，色彩設計和諧與否直接影響觀眾觀看的興趣。不同的色彩搭配可以表達各種各樣的情緒，喚起人們一系列的情緒反應和感染的影響，達到視覺傳達的目的[1]。

人們通過界面中各個要素的色彩，感受到色彩情感所帶來的無窮魅力，感受到設計師通過網(wǎng)站界面所傳達給瀏覽者的情感交流與互動，正是這種“以人為本”的交流與互動，給人們帶來了追求和諧境界、理想生活的新方式[2]。設計師必須對色彩情感進行準確的運用，根據(jù)瀏覽者對色彩所產(chǎn)生的情感的喜好與否，來決定網(wǎng)站界面設計時所采用的色彩。在電商網(wǎng)站界面要素設計中，只有通過正確的色彩運用，才能使網(wǎng)站界面表達出正確的色彩情感，網(wǎng)站界面色彩情感才能真正的吸引瀏覽者。

一、 電子商務網(wǎng)站的LOGO

在互聯(lián)網(wǎng)領域而言，LOGO是標志、徽標的意思。網(wǎng)站LOGO，是互聯(lián)網(wǎng)上各個網(wǎng)站用來與其它網(wǎng)站鏈接的圖形標志[3]。一個網(wǎng)站來說，LOGO即是網(wǎng)站的名片，更是一個追求精美的網(wǎng)站的靈魂所在，是網(wǎng)站形象的重要體現(xiàn)。一個好的LOGO往往會反映網(wǎng)站及制作者的某些信息，特別是對一個商業(yè)網(wǎng)站來話，我們可以從中基本了解到這個網(wǎng)站的類型、內(nèi)容。在一個布滿各種LOGO的鏈接頁面中，這一點會突出的表現(xiàn)出來，通常人們會選擇鮮艷的色彩作為標志用色，有時候為了更突出，LOGO也可以使用與主題色相反的顏色?？傊誓苁谷水a(chǎn)生聯(lián)想，利用色彩的情感，可以更好地表達LOGO的視覺效果，引起人們對本電子商務網(wǎng)站內(nèi)容的興趣進而影響人們的選擇。對于網(wǎng)站LOGO的設計，我們通常會利用以下幾種情感進行色彩搭配：（一）利用色彩的興奮感。一般來說暖色比較容易引起心理亢奮和積極性，屬于興奮色。其中朱紅色最具興奮作用，其它明度、純度較高的顏色如黃色、橙黃也具有一點的煽動性，傾向于興奮色。明度，純度都偏低的顏色也傾向于冷靜色，冷色比較具有壓抑感，令人消極、冷噤、理性。興奮色在電子商務網(wǎng)站中用得較多。（二）利用色彩的明快感。明度高、對比強的色彩和純度偏鈍且色性偏暖的色彩會給人明快的感覺；陰郁的色彩則是明度低且昏暗渾濁的色彩。LOGO通常選擇純度適中、明度高、對比強的色彩，會讓觀者感到活潑、愉悅，讓人心情愉快地接受本網(wǎng)站的傳達理念。（三）利用色彩的前進感。等距離地看兩種顏色，經(jīng)過視覺比較，就會感覺出不同的遠近感。據(jù)不完全統(tǒng)計發(fā)現(xiàn)，電子商務網(wǎng)站LOGO使用前進色的比例遠大于后退色。比如淘寶網(wǎng)的橙紅色、麥包包網(wǎng)的大紅色都是屬于前進色，有很強的視覺沖擊力。

二、電子商務網(wǎng)站的導航

網(wǎng)站導航是網(wǎng)站的靈魂，導航明晰是網(wǎng)站界面設計的默認規(guī)則，在電子商務網(wǎng)站中也不例外。網(wǎng)站導航使網(wǎng)站欄目內(nèi)容清晰，方便用戶根據(jù)不同分類的信息來選擇自身的瀏覽路徑。網(wǎng)站的內(nèi)容，都必須通過導航或者頁面中的一些小標題。艾瑞咨詢集團 基于用戶調(diào)研數(shù)據(jù)建議，電子商務網(wǎng)站在設計時應該遵循幾個要求，比如盡量使用一級分類，讓用戶更易感知明確的信息，同時降低用戶鼠標操作難度；重視面包屑導航設計，明確告訴用戶當前所處于的位置等[4]。我們可以使用對比強烈的色彩，吸引瀏覽者的視線，讓他們感覺網(wǎng)站清晰，明了，導向準確，可以幫助用戶更快更準的找到所需信息。從色彩情感的角度講，可以簡單的使用色彩的強烈對比完成導航色彩的搭配，特別是明度的強烈對比。比如聚美優(yōu)品、京東商城、樂蜂網(wǎng)，這三個網(wǎng)站的導航部分，盡管選擇了不同色彩搭配，但是色彩搭配上明度對比都很大。

三、電子商務網(wǎng)站的搜索區(qū)域

站內(nèi)搜索功能是電子商務網(wǎng)站非常重要的功能之一，尤其是較大的網(wǎng)上購物商城。為了網(wǎng)站銷售，必須使游客能夠精確找到他們需求的商品。搜索區(qū)域最常見的部位是在在頁面的頂部，或者右側(cè)，處于比較明顯的位置，常用四周留白的方式或顏色凸顯的方式加以設計表現(xiàn)。許多搜索引擎和一些電子商務網(wǎng)站都在實行搜索建議。淺灰色成了輸入提示建議的代表性用色，各大網(wǎng)站中都有這種情況。在瀏覽者將部分搜索詞輸入搜索框就給出建議，使他們更明確自己的目標，并不斷修正使用正確的詞或短語，將想要的商品現(xiàn)實出來。

四、電子商務網(wǎng)站的促銷推廣要素

在實物平臺類的電子商務網(wǎng)站中，實物展示板塊，促銷推廣元素到處可見。電子商務網(wǎng)站常推出的不同的促銷策略，比如打折、秒殺、限時搶購、買就送、包郵、團購等。這些要素在界面中都是為了增加噱頭，鼓勵用戶多購買，所以一般這些區(qū)域的色彩搭配跳躍性都很強，常選擇色相對比、明度對比很大的色彩，

五、電子商務網(wǎng)站中的圖標、按鈕

引導性的按鈕與圖標[5]，要突出，要具有點擊感。比如在電子商務網(wǎng)站里的 “購買”按鈕，瀏覽者在購買產(chǎn)品界面的時候，紅色的購買按鈕，會讓人有點擊的情感沖動。色彩設計也要盡量考慮用戶心理，通過研究發(fā)現(xiàn)紅色的按鈕和圖標更能引起人們的注意，更能吸引視覺停留。

參考文獻：

[1]時少波.論品牌推廣中的色彩作用[J]，包裝設計， 2008，（06）.

[2]Bill Moggridge. 《Designing Interaction》[M]. 美：Mit Pr ，2008.

[3]鄧有林.淺談網(wǎng)站設計中LOGO的制作[J]保山師專學報，，2005-09-30.

[4]中國獨立電子商務網(wǎng)站研究報告簡版 2009-2010 年. [EB] iResearch Inc. 2010，（3）.

[5]林銳，唐勇，石志強，Web軟件用戶界面設計指南/博文視點[M]，電子工業(yè)出版社，2005-5-1.

本文受重慶市教育委員會人文社會科學研究項目：《基于中西方文化差異的跨國電子商務網(wǎng)站營銷策略研究》（項目編號：13SKT25）資助。

作者簡介：張小玲（1981- ）女，碩士，講師，主要研究方向為計算機多媒體技術、教育管理、藝術設計