網(wǎng)絡(luò)店鋪的色彩系統(tǒng)設(shè)計

楊洋 盧勻丹

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

關(guān)鍵詞：網(wǎng)絡(luò)店鋪 色彩 設(shè)計

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

一、色彩設(shè)計對于網(wǎng)絡(luò)店鋪設(shè)計的意義

（一）設(shè)定網(wǎng)絡(luò)店鋪主題

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

（二）確定網(wǎng)絡(luò)店鋪風(fēng)格

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

（三）吸引消費者視線

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

（四）確定畫面的主次關(guān)系

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

二、網(wǎng)絡(luò)店鋪色彩設(shè)計中存在的問題

（一）色彩混亂

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

（二）主次不明

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

（三）以丑為美

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

三、網(wǎng)絡(luò)店鋪色彩設(shè)計原則

（一）色彩統(tǒng)一

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

（二）主次分明

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

（三）突出主題

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

（四）對比調(diào)和

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

四、網(wǎng)絡(luò)店鋪色彩設(shè)計方法

（一）確定店鋪主色彩

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

（二）搭配輔助色彩

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

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

（三）引發(fā)情感共鳴

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

五、結(jié)語

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

參考文獻：

[1]陳仙都.網(wǎng)店店面設(shè)計中的色彩應(yīng)用[J].設(shè)計應(yīng)用，2017（4）.

[2]曾慧敏.網(wǎng)店裝修中的色彩設(shè)計[J].大眾科技，2009（9）.

[3]李立偉.淺談網(wǎng)頁色彩設(shè)計[J].鄭州輕工業(yè)學(xué)院學(xué)報，2007（2）.

[4]崔小杰.網(wǎng)絡(luò)消費與傳統(tǒng)消費的比較分析：基于消費者購買決策過程的視角[C].學(xué)術(shù)會議論文集，2011.

責(zé)任編輯：于蕾