張婷 楊昭瑩

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

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

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

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

2 色彩對用戶的影響

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

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

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

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

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

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

3.2 頁面各元素的色彩運用

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

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

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

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

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

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

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

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

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

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

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

5 結(jié)語

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

參考文獻(xiàn)：

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

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

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

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