張婷 楊昭瑩

摘 要：本文主要闡述了色彩在電子商務(wù)網(wǎng)站頁(yè)面設(shè)計(jì)中的重要性，描述了色彩在這類網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用。我們分別從電子商務(wù)網(wǎng)站頁(yè)面中色彩對(duì)用戶的影響、色彩的搭配方法以及色彩在網(wǎng)頁(yè)的作用等幾個(gè)角度來(lái)對(duì)色彩在電子商務(wù)網(wǎng)站頁(yè)面設(shè)計(jì)的運(yùn)用進(jìn)行一些初步的探討和研究。

關(guān)鍵詞：電子商務(wù);色彩;網(wǎng)頁(yè)設(shè)計(jì)

1 電子商務(wù)網(wǎng)站概述

人類社會(huì)朝著信息化轉(zhuǎn)變，互聯(lián)網(wǎng)發(fā)展迅速，隨著互聯(lián)網(wǎng)這種新的信息交流方式的普及，電子商務(wù)這一新興行業(yè)也開(kāi)始進(jìn)入人們的生活。電子商務(wù)網(wǎng)站作為一類特殊網(wǎng)站。它區(qū)分于其他類型，對(duì)用戶來(lái)說(shuō)是短暫活動(dòng)、是利用互聯(lián)網(wǎng)來(lái)完成商品選擇和購(gòu)物消費(fèi)功能的方式;而對(duì)企業(yè)來(lái)說(shuō)又是為商品或企業(yè)形象作廣告的宣傳手段。

2 色彩對(duì)用戶的影響

通過(guò)多項(xiàng)研究證實(shí)，人類從外部世界獲取的信息中很大一部分都來(lái)自視覺(jué)，視覺(jué)中的色彩信息是非常重要的。人們會(huì)在多個(gè)方面受到顏色的影響。顏色可以從情緒上、心理上、身體上以及社交上影響我們。顏色可以建立信任，使我們沖動(dòng)，增加我們的欲望，改善我們的健康狀況甚至是設(shè)置一種情緒。

3 色彩在電子商務(wù)網(wǎng)站頁(yè)面設(shè)計(jì)中的搭配方法

總的來(lái)說(shuō)，色彩在電子商務(wù)網(wǎng)站頁(yè)面的運(yùn)用中遵循著一定的理論。能吸引人們注意力的紅色與橙色、能給予人們信賴感的藍(lán)色都是最常見(jiàn)。網(wǎng)頁(yè)采用中性的整體色調(diào)可以中規(guī)中矩轉(zhuǎn)移消費(fèi)者對(duì)內(nèi)容本身的關(guān)注，并且運(yùn)用更鮮明的顏色在需要的地方來(lái)吸引消費(fèi)者的注意。

3.1 頁(yè)面的常規(guī)配色

（1）確立頁(yè)面的主要色彩。用戶在瀏覽網(wǎng)站時(shí)，第一印象就是網(wǎng)站所選擇的主題色彩，它會(huì)直接影響閱讀者瀏覽網(wǎng)站的興趣。頁(yè)面的主要色彩是指頁(yè)面中占據(jù)面積相對(duì)最大的色彩，它不僅對(duì)網(wǎng)頁(yè)的色彩起到導(dǎo)向作用，它也常常代表著網(wǎng)站風(fēng)格。確立頁(yè)面的主要色彩需要根據(jù)網(wǎng)站的主題以及用戶的特點(diǎn)來(lái)進(jìn)行選擇，主要色彩最好只有一個(gè)。

（2）選擇輔助顏色。輔助顏色是較于主要色彩來(lái)說(shuō)的，它通常在頁(yè)面中占據(jù)的比重相對(duì)較小，主要的作用是襯托頁(yè)面的主要色彩。頁(yè)面的輔助色彩的采用通常是確立了一個(gè)主色彩之后，根據(jù)主色彩的色相，對(duì)明度和純度進(jìn)行調(diào)整;或者是選擇各種明度的灰色、白色與黑色這樣的中性顏色，為了避免視覺(jué)噪聲基本控制在兩個(gè)顏色以內(nèi)。

3.2 頁(yè)面各元素的色彩運(yùn)用

（1）標(biāo)志。電子商務(wù)網(wǎng)頁(yè)的標(biāo)志色彩運(yùn)用通常會(huì)使用比較鮮艷的和明度較高且純度合適的暖色。顏色明度較高且純度適中的暖色不僅容易引起用戶的興奮感、對(duì)用戶會(huì)有一定的煽動(dòng)性，也會(huì)使網(wǎng)頁(yè)給用戶的整體感覺(jué)變得更加生動(dòng)和明快，能給網(wǎng)頁(yè)帶來(lái)更多的關(guān)注。

（2）導(dǎo)航。導(dǎo)航的顏色使用通常采用對(duì)比強(qiáng)烈的顏色。強(qiáng)烈的顏色能夠使用戶在使用網(wǎng)頁(yè)的過(guò)程迅速將焦點(diǎn)集中在導(dǎo)航所對(duì)應(yīng)的內(nèi)容上，并且區(qū)分于文字色彩有助于形成清晰的網(wǎng)頁(yè)結(jié)構(gòu)。

（3）搜索。網(wǎng)頁(yè)一般的搜索區(qū)域的色彩選擇，基本都是采用與周圍顏色形成反差或者是留白的方式。搜索框里的搜索建議常常采用淺灰色，它是輸入提示建議的代表性色彩。

（4）文字。網(wǎng)頁(yè)界面中的文字顏色通常會(huì)用一些與背景顏色對(duì)比較大、明度較低的顏色。這樣的選擇既能突出文字內(nèi)容又不會(huì)因?yàn)檫^(guò)于鮮艷對(duì)用戶閱讀造成視覺(jué)負(fù)擔(dān)。

（5）鏈接。一般情況下，鏈接大多都是藍(lán)色并帶有下劃線，而其他鏈接大多也是黑色或者灰色，再其次是紅色。在鏈接使用黑色或者灰色的大多數(shù)網(wǎng)頁(yè)很難將鏈接與純文本分開(kāi)，在用戶使用度感受上來(lái)說(shuō)較差。而相對(duì)于其他顏色而言，鏈接使用紅色可以加強(qiáng)鏈接與純文本之間的對(duì)比。

（6）強(qiáng)調(diào)內(nèi)容。作為最終目的是促使用戶進(jìn)行購(gòu)買行為的電子商務(wù)網(wǎng)站，我們需要對(duì)所能刺激用戶完成消費(fèi)的內(nèi)容進(jìn)行強(qiáng)調(diào)以達(dá)到增加網(wǎng)頁(yè)亮點(diǎn)和吸引用戶最終實(shí)現(xiàn)購(gòu)買的目標(biāo)。在強(qiáng)調(diào)內(nèi)容的色彩選擇時(shí)，通常選用色相明度對(duì)比較大的、色彩面積較小的醒目色彩進(jìn)行突出和設(shè)計(jì)。

電子商務(wù)網(wǎng)站頁(yè)面中最重要的強(qiáng)調(diào)內(nèi)容應(yīng)該就是“加入購(gòu)物車”與“立即購(gòu)買”這兩個(gè)按鈕了。這兩個(gè)按鈕顏色使用率相似，這也是由它們類似的功能性質(zhì)決定的。出于商家的期望，前者按鈕大多使用紅色與橙色。這兩種顏色都非常醒目，不僅能吸引消費(fèi)者的注意，更能加深我們對(duì)它們點(diǎn)擊的傾向，這便達(dá)成了商家設(shè)置此按鈕對(duì)目的。此外，藍(lán)色也是一個(gè)很好的選擇，這與之相對(duì)應(yīng)的信賴感密切相關(guān)，不過(guò)卻并不像紅色、橙色醒目?！傲⒓促?gòu)買” 與“加入購(gòu)物車”使用的顏色相對(duì)應(yīng)。

4 色彩在電子商務(wù)網(wǎng)站頁(yè)面設(shè)計(jì)中的作用

色彩是一種情感語(yǔ)言，影響消費(fèi)者的認(rèn)知情感和消費(fèi)者的購(gòu)買決策，同時(shí)也能夠?qū)⒕W(wǎng)頁(yè)內(nèi)容與形式統(tǒng)一起來(lái)，突出網(wǎng)頁(yè)主題、完善視覺(jué)效果，另一方面還能展示企業(yè)形象、暗示商品特性。

在電子商務(wù)的情境下，色彩可以引導(dǎo)顧客的視線、營(yíng)造網(wǎng)站的氛圍、傳遞不同的色彩情感。色彩的飽和度和亮度對(duì)用戶的情緒有強(qiáng)烈的影響，溫暖色調(diào)比冷色調(diào)更能讓消費(fèi)者擁有更愉悅的購(gòu)物體驗(yàn)，色彩顯著影響消費(fèi)者情緒以及隨后的購(gòu)買意向。良好的網(wǎng)頁(yè)色彩設(shè)計(jì)能夠營(yíng)造一個(gè)能誘發(fā)消費(fèi)者積極情感的網(wǎng)絡(luò)營(yíng)銷環(huán)境。

電子商務(wù)網(wǎng)站信息繁復(fù)冗雜，合理運(yùn)用色彩可以有效地利用不同色彩去劃分和表現(xiàn)網(wǎng)頁(yè)的不同內(nèi)容，這樣可以使網(wǎng)頁(yè)的內(nèi)容與形式有機(jī)地結(jié)合起來(lái)，也更能烘托和突出主題。另一方面，根據(jù)色彩搭配不同，我們可以清晰分辨企業(yè)類型與產(chǎn)品類別。在電子商務(wù)類網(wǎng)頁(yè)中色彩可以清晰傳遞公司的企業(yè)形象和企業(yè)類型。網(wǎng)頁(yè)色彩與企業(yè)VI色彩的有機(jī)結(jié)合更是體現(xiàn)了企業(yè)文化。專業(yè)的網(wǎng)頁(yè)色彩搭配也具有明確的暗示商業(yè)產(chǎn)品的作用。

5 結(jié)語(yǔ)

色彩對(duì)于電子商務(wù)網(wǎng)站頁(yè)面設(shè)計(jì)而言，既要實(shí)現(xiàn)藝術(shù)的審美價(jià)值，又要具備實(shí)用的功能，而這二者的結(jié)合才能真正凸顯網(wǎng)站主題。顏色在網(wǎng)頁(yè)中的合理運(yùn)用不僅能夠使呈現(xiàn)的網(wǎng)頁(yè)信息滿足消費(fèi)者的基本需求，也更能給消費(fèi)者更好的用戶體驗(yàn)，最終達(dá)成網(wǎng)頁(yè)功能的良好實(shí)現(xiàn)。

參考文獻(xiàn)：

[1] SmashingMagazine .眾妙之門：網(wǎng)站UI設(shè)計(jì)之道2[M].陳宗斌，譯.人民郵電出版社，2012：248-253.

[2] 薛白.電子商務(wù)網(wǎng)站頁(yè)面中色彩的應(yīng)用研究[D].青島理工大學(xué)，2015：26-30.

作者簡(jiǎn)介：張婷（1993—），女，湖北黃石人，西北大學(xué)藝術(shù)學(xué)院碩士研究生在讀，研究方向：數(shù)字媒體。

楊昭瑩（1993—），女，河北邯鄲人，西北大學(xué)藝術(shù)學(xué)院碩士研究生在讀，研究方向：數(shù)字媒體。