網絡店鋪的色彩系統設計

楊洋 盧勻丹

摘要：消費者瀏覽網絡店鋪，最先看到的不是店鋪的版式，也不是店鋪的商品，而是店鋪的色彩。一個好的店鋪色彩系統，是吸引消費者留在頁面的重要保證，是消費者喜歡進而消費的基礎和前提。因此，進行網絡店鋪設計，首先是確定店鋪的色彩系統，保證店鋪具有吸引力。本文側重討論網絡店鋪的色彩系統設計的原則和方法，希望有所助益。

關鍵詞：網絡店鋪 色彩 設計

中圖分類號：J063 文獻標識碼：A 文章編號：1009-5349（2018）06-0128-02

一、色彩設計對于網絡店鋪設計的意義

（一）設定網絡店鋪主題

色彩具有很強的聯想和象征意義，比如紅色具有熱情、激動、幸福、興奮等象征意義。色彩的這一點特征對于確定店鋪主題極其重要。設計師可以通過色彩自身的這種象征與聯想意義，向消費者傳達網絡店鋪的主題思想，傳遞店鋪的內容信息，使店鋪的內容與形式有機結合起來。比如天貓網站就以熱烈的紅色為主色彩，尤其在“雙十一”期間，在紅色的渲染下，本來平淡無奇的普通日子，變成一個全民狂熱的消費盛典，其全民的狂歡慶典意義鮮明地被傳遞出來，并為幾乎全體網民所接受和認可，時至今日的“雙十一”，已經不再是中國人獨有的購物節，而是走出國門，躋身國際，成為國際購物狂歡節。

（二）確定網絡店鋪風格

色彩基調能夠確定店鋪的整體風格。店鋪信息眾多，每個店鋪都是由多個鏈接頁面組合而成，基調統一的色彩，能夠在視覺上讓消費者易于區分，并確認其是統一的一個網店，不至于在紛繁的網絡瀏覽中被其他店鋪吸引而去，流失消費者。風格的定位對于二維世界中的網絡店鋪而言，是至關重要的，這就要求，無論是店招還是子頁面，其色彩都應該是統一的整體，而且，其色彩能夠讓消費者立刻辨別出店鋪售賣的是哪一類商品。

（三）吸引消費者視線

網民在二維世界中確定去留的主要辨別方法便是色彩，一般而言，網民停留在某個網頁的關注時間不會超過一秒鐘，一般僅為零點幾秒，要想在這零點幾秒的時間內留住網民，使其成為網店的消費者，首要的就是色彩是否合其心意。所以，色彩是吸引消費者眼球的重要利器。一個好的網店，必然十分注意色彩的設計使用，或簡潔干練、或溫馨浪漫、或千柔百媚、或青春陽光，總之，用色彩吸引消費者是網絡店鋪能夠在浩如煙海的網店中立足存活的重要前提。

（四）確定畫面的主次關系

網絡店鋪的鏈接頁面一般較多，主頁面和子頁面之間是存在頁面上的主次關系的，而在同一個頁面中，也應該主次分明，有突出、有重點，比如前文所述，天貓的紅色界面中，會將主推商品放在顯眼的位置，用其他顏色比如白色突出其地位不同。而在不同推介的子項目中，其所使用的色彩也不相同，以色彩的差異性來確定頁面的不同模塊，給頁面劃分了區域。

二、網絡店鋪色彩設計中存在的問題

（一）色彩混亂

想要在二維世界中立足存活，網頁色彩運用的重要性不言而喻。各個網絡店鋪都明白要通過色彩吸引消費者的眼球，于是紛紛在色彩這一環節做文章，下工夫。于是，過分的關注又造成了頁面色彩的混亂，各種色彩交替使用，只要鮮艷的、明亮的、好看的都拿來為己所用，造成色彩的雜亂無章，整個頁面猶如調色盤一樣熱鬧。消費者需要通過頁面的色彩來辨別店鋪售賣的商品，這樣一個雜亂無章的頁面不但不利于消費者辨別出店鋪所售商品種類，而且會讓人產生厭煩的情緒，于是本來想要留住消費者的頁面色彩，反而成為推動消費者離開的首要因素。

（二）主次不明

色塊被大量運用于網站頁面之中，使得整個頁面主次不分，雜亂無章。不同顏色的混用同時打破了色彩的統一性，使得主頁面和子頁面之間界限不明，子頁面和主頁面之間的“母子”關系不清，讓人無從分辨哪個頁面屬于這個店鋪，哪個頁面屬于那個店鋪，沒有了統一的風格，消費者自然對店鋪失去了忠誠度，大量流失在所難免。

（三）以丑為美

有些網絡店鋪彰顯所謂的“個性”，喜歡使用很多的極為夸張的色彩來裝飾店鋪，并以此為美。在二維世界中，沒有人會提示對與錯，消費者只會用鼠標來進行投票，過分夸張的大色塊的聚集，甚至是恐怖色彩的運用，既不能突出店鋪主題，又不能形成明亮的風格，既不符合色彩運用的風格，也不符合大眾的審美需求，這樣的色彩使用只能是失敗的，不為人所接受的。

三、網絡店鋪色彩設計原則

（一）色彩統一

網絡店鋪的頁面包括店招、版式、圖片、文字、色彩等元素，其分布的位置不同，所起的作用也不一樣，而在每一個元素中都必須運用到的元素就是色彩，可以說色彩元素是自始至終貫穿整個網絡店鋪設計的主要元素。不論網絡店鋪的頁面由多少個元素構成，也不論網絡店鋪由多少個頁面構成，所有的頁面都要有一個整體統一的色彩，只有色彩統一了，店鋪風格才能統一，子頁面和主頁面之間的“母子”關系才能確定下來，但是這個統一不是說都是一個顏色，若只用一種顏色，比如紅色，那整個頁面就除了紅色什么都看不見了。這里所說的統一是指各個元素在頁面主色彩指導下協調統一，所以，店招、版式、圖片、文字都要在色彩上與主色彩協調一致、風格趨同，如此，才能做到色彩統一。

（二）主次分明

在色彩運用上，要注意突出主次之分。主頁面和子頁面之間要有所界限，頁面與頁面之間要有所側重，讓消費者明確哪個頁面是主頁面，哪個頁面是子頁面。在同一個頁面之中，主要推介商品和一般商品之間也要形成層次上的對比，這樣有主有次的頁面才會吸引人，而層次上的區分就可以以大色塊、反差色等方式來完成，主要在于色彩的獨特運用方面。另外，可以運用色彩獨特的象征意義，對所推介的商品、文字進行色彩上的區別，使之具有不同的意義，以引起消費者的不同情感體驗。

（三）突出主題

冷暖色調的對比、明亮色彩的運用，都可以使色彩在統一的前提下，突出所要表達的主題思想，比如紅色的高跟鞋可以用淡藍色的大面積背景色來予以襯托，鮮亮的紅色一下子就被反襯出來，雖然色塊與淡藍色的背景色相比較小，但其主色調的地位是被襯托和保證的，整個頁面的艷紅色、高冷范一下子就沖擊了人的眼球，象征意義十分鮮明，主題十分突出。一個好的頁面色彩設計，一定是注意用色彩突出主題意義的，讓消費者通過色彩的變化不但明確店鋪所賣的商品是什么，更能讓消費者知道所售賣的商品意義。

（四）對比調和

色彩對比是一種手段，其最終目的仍是調和。色彩的對比有明度對比、純度對比、冷暖對比以及面積大小對比等。對比的目的是使色彩之間產生差異，求其變化來豐富畫面，增強視覺沖擊力。把有差別的多種顏色有秩序地、和諧地組織在一起，組成一定的色彩關系，這種使視覺愉悅的色彩搭配，稱為色彩調和。在網店店面設計中，色彩調和是指畫面上若干具有差異的色彩和諧地融于一個統一體中，也就是多樣性通過統一而產生美的狀態。調和講究統一，是色與色之間的平衡問題。相同要素構成的色彩容易產生和諧感。調和的色彩設計，可以由視覺上的和諧帶來心理上的和諧。[1]

四、網絡店鋪色彩設計方法

（一）確定店鋪主色彩

網店中可以采用多種色彩，但一個網店中只能有一個主色彩。要想確定網店的主色彩，首先要明白，網絡店鋪所售賣的商品是什么，針對的目標客戶群是什么，要表達什么樣的情感，要通過色彩傳遞哪些訴求。不同的客戶群體定位，決定網店的色彩、風格迥然不同，根據目標客戶群、店鋪的商品，來確定或溫馨、或浪漫、或陽光、或前衛等不同風格，然后確定符合這一風格定位的主色彩。主色彩的選定不是一個顏色，而是一組色相體系，通常是由鄰近色組成的，一組鄰近色相互搭配，組成一個風格統一和諧的色彩體系，就是店鋪的主色彩。

（二）搭配輔助色彩

有了主色彩之后，畫面并不豐富，如果只用主色彩，反而會形成單調的色彩體驗，這就需要使用輔助色彩來搭配和反襯，比如前文提及的紅色高跟鞋與淡藍色背景色之間，就屬于一組對比色，使用對比色更能夠襯托出主色彩的與眾不同，也更能夠襯托出主色彩的主體性地位。

搭配輔助色可以采用同類色搭配、鄰近色搭配、互補色搭配、黑白灰色搭配等方法。同類色搭配，是指色相相同、而明度純度不同的顏色相搭配，同類色由于是同一種色相的不同明暗或飽和度的變化，其對比并不強烈，可是視覺變化卻是豐富的，能夠使頁面形成統一和諧的效果，而且豐富了頁面色彩，是比較常見的搭配方法。鄰近色指在色相環上鄰近的色彩。如藍色和綠色、黃色和紅色等，這種搭配色彩豐富而不花哨。采用鄰近色來設計網店，可以使網店避免色彩雜亂，易于達到頁面的和諧統一。[2]互補色搭配是對比最為強烈的色彩搭配，比如紅與綠、黃與紫、藍與橙等。對比色能起到突出重點、畫龍點睛的作用，但如果濫用對比色，則會造成視覺混亂，色彩混淆，所以在使用對比色的時候要注意度的掌握，最好一個頁面不要超過三種顏色。黑白灰的搭配雖然沒有彩色搭配那般張揚，可其含蓄、內隱、淡雅的氣質特征其實更加符合現代都市人的審美需求，一點少量色彩與之形成對比，反而會顯得整體色彩生動、富有靈性，但若使用不好，黑白灰的搭配也容易造成頹廢、沉悶的心理體驗，這種搭配方法較常見于現代簡約派風格的頁面設計之中。

（三）引發情感共鳴

由于色彩具有象征性意義，所以在色彩設計過程當中要適當引入這種色彩意義，以引發消費者的情感共鳴，當消費者通過頁面色彩產生情感體驗之后，其心理更容易被打動，以至于引發購買欲望。比如以休閑零食為主打的良品鋪子天貓旗艦店為例，銷售的商品為果干，果干一般以黃色為多，頁面設計色彩就將黃色作為主色彩，使用暖色系作為輔助色，比如橙色、紅色、淺綠色以及淡雅的紫色，這種誘人的果干顏色搭配上鮮活的實物圖片，立刻讓人垂涎欲滴，引發消費者情感的共鳴，再加上心動的折扣價格，自然讓消費者產生迫不及待的消費欲望。

五、結語

色彩在網絡店鋪設計中的主體地位是毋庸置疑的，主色調與輔助色的合理搭配，會使得頁面生動活潑，富有朝氣。不同的銷售產品自然要用不同的色彩予以體現，用色彩突出主題，引發消費者情感的共鳴。色彩設計是要有自己的原則的，只有合理搭配使用色彩，才能得到較好的視覺體驗，設計出較為合理成功的網站，而色彩在搭配上既要講求豐富又要講求色彩和諧統一，要做到這一點，原則上同一頁面不能超過三種色彩。要設計得當，就要求設計師用色彩來講話，傳遞店鋪信息，突出店鋪主題。

參考文獻：

[1]陳仙都.網店店面設計中的色彩應用[J].設計應用，2017（4）.

[2]曾慧敏.網店裝修中的色彩設計[J].大眾科技，2009（9）.

[3]李立偉.淺談網頁色彩設計[J].鄭州輕工業學院學報，2007（2）.

[4]崔小杰.網絡消費與傳統消費的比較分析：基于消費者購買決策過程的視角[C].學術會議論文集，2011.

責任編輯：于蕾