色彩在電子商務網站頁面設計中的運用

張婷 楊昭瑩

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

關鍵詞：電子商務;色彩;網頁設計

1 電子商務網站概述

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

2 色彩對用戶的影響

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

3 色彩在電子商務網站頁面設計中的搭配方法

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

3.1 頁面的常規配色

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

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

3.2 頁面各元素的色彩運用

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

（2）導航。導航的顏色使用通常采用對比強烈的顏色。強烈的顏色能夠使用戶在使用網頁的過程迅速將焦點集中在導航所對應的內容上，并且區分于文字色彩有助于形成清晰的網頁結構。

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

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

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

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

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

4 色彩在電子商務網站頁面設計中的作用

色彩是一種情感語言，影響消費者的認知情感和消費者的購買決策，同時也能夠將網頁內容與形式統一起來，突出網頁主題、完善視覺效果，另一方面還能展示企業形象、暗示商品特性。

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

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

5 結語

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

參考文獻：

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

[2] 薛白.電子商務網站頁面中色彩的應用研究[D].青島理工大學，2015：26-30.

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

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