淺談色彩搭配在網(wǎng)店美工設(shè)計中的應(yīng)用

陳雅

摘要：以網(wǎng)店美工設(shè)計中色彩搭配為研究對象，探討色彩在網(wǎng)店美工設(shè)計中的應(yīng)用，分析了色光模式色彩的特點及色彩搭配在網(wǎng)店美工設(shè)計中的應(yīng)用方法，并以3C數(shù)碼類目產(chǎn)品為例，來說明色彩搭配在電商網(wǎng)頁設(shè)計中的實踐應(yīng)用，進而強調(diào)色彩搭配在網(wǎng)店美工設(shè)計中的重要信息傳達作用。

關(guān)鍵詞：色彩搭配;網(wǎng)店;美工設(shè)計

一、引言

隨著電子商務(wù)的發(fā)展和人民生活水平的提高，網(wǎng)上購物已經(jīng)成為人們生活中不可缺少的購物方式。網(wǎng)絡(luò)用戶也對購物頁面提出了更高的要求，現(xiàn)階段的購物頁面不僅僅用來展示商品，而是從首頁、詳情頁、活動頁等設(shè)計頁面入手，通過視覺設(shè)計與商品的結(jié)合來吸引網(wǎng)絡(luò)用戶，使購物網(wǎng)頁更具有吸引力，而注重色彩的搭配就是其中最重要的環(huán)節(jié)。

二、網(wǎng)店美工設(shè)計的相關(guān)內(nèi)容

網(wǎng)店美工是網(wǎng)店網(wǎng)站頁面美化工作者的統(tǒng)稱，主要的工作內(nèi)容包括設(shè)計和美化網(wǎng)站頁面、制作網(wǎng)店促銷海報、把商品照片制作成寶貝描述中需要的圖片、設(shè)計電子宣傳單等。

通過對比賣家的信用級別，我們發(fā)現(xiàn)店鋪的美工設(shè)計是影響店鋪流量的一個重要因素，而色彩是能夠讓人眼前一亮的首要因素。相關(guān)學(xué)者的研究表明，人在觀察一個物體時，前 20 秒對色彩的感知占了整體感知的 80%，剩下的 20% 是對該物體的形體感知;觀察時間達到 2 分鐘后，人對該物體的色彩感知和形體感知的比重之比為 3：2;直到觀察 5 分鐘之后，二者才會持平。由此得知，色彩給人的印象是相對最持久的。這也是網(wǎng)店美工設(shè)計要注重色彩的一個重要原因。

色彩作為網(wǎng)店裝修中一個重要的視覺表達元素，不同色系的搭配能夠烘托出不同的設(shè)計環(huán)境，對人們的心理產(chǎn)生極大的影響，如紅色代表熱情、性感、權(quán)威、自信，是個能量充沛的色彩;綠色體現(xiàn)健康、環(huán)保、生機等。因此，色彩能夠影響顧客對商品風(fēng)格和形象的判斷。

三、色彩的特點

伊頓在《色彩藝術(shù)》中指出：“色彩效果不僅在視覺上， 而且在心理上應(yīng)該得到體會和理解……他能把崇拜者的夢想轉(zhuǎn)化到一個精神境界中去”。在網(wǎng)店美工設(shè)計中，良好的視覺搭配能增加頁面的視覺感染力，給人以舒適、可靠的感受，從而轉(zhuǎn)化為購買率。不同的商品根據(jù)其特質(zhì)，我們需要搭配不同的色彩，心理學(xué)家研究表明：每一種色彩都具有象征意義， 當視覺接觸到某種顏色，大腦神經(jīng)便會接收色彩發(fā)放的訊號， 即時產(chǎn)生聯(lián)想。如藍色，它是最冷的色彩，非常的純凈，通常讓人聯(lián)想到海洋、天空、水、宇宙等，表現(xiàn)出一種美麗、冷靜、理智、安詳和廣闊，具有沉穩(wěn)的特性、理智和準確的意象。所以在商業(yè)設(shè)計中，藍色會運用到強調(diào)科技、效率的商品或企業(yè)形象中;另外受西方文化的影響，藍色也代表憂郁，通常也運用在具有感性訴求的商業(yè)設(shè)計中。

色光中不能再分解的三種顏色被稱為色光的三原色，指的是紅色、綠色和藍色，也就是RGB顏色模型，圖1-1所示為伊頓十二色相色輪，基于色輪可以得到一些基本的顏色組合。如：互補色，在色輪上互呈180°角的顏色，藍色和橙色、紅色和綠色、黃色和紫色等?；パa色的對比度非常強烈，在顏色飽和度很高的情況下，可以產(chǎn)生十分震撼的視覺效果;相似色：色輪上相鄰的三個顏色，藍綠色、藍色和藍紫色，黃綠色、黃色和橘黃色等，相似色可以在同一個色調(diào)中制造豐富的質(zhì)感和層次;對比色：色輪上呈120°角的兩種顏色，橙黃與青綠、橙色與紫色等，視覺效果也很強烈。

影響色彩三要素包括色相、明度和純度，它們決定了色彩的冷暖色調(diào)和中間調(diào)。色相是色彩的首要特征，是區(qū)別各種不同色彩最準確的標準;明度決定了色彩的深淺、明暗變化;純度體現(xiàn)了色彩的鮮艷程度。

四、網(wǎng)店美工設(shè)計中色彩搭配方法

（一）根據(jù)產(chǎn)品搭配色彩

網(wǎng)店裝修的最終目的是轉(zhuǎn)化為購買率，產(chǎn)品是整個頁面的核心，進行頁面設(shè)計時要考慮諸多因素來突出產(chǎn)品，而色彩就成了抓住顧客眼球的重要因素。根據(jù)產(chǎn)品來搭配顏色能突出產(chǎn)品、增加吸引力。第一，同色系運用方法：從產(chǎn)品中選取顏色，改變其飽和度，可以讓背景和產(chǎn)品本身形成一個差別和對比，讓產(chǎn)品更加突出和具有設(shè)計感。從產(chǎn)品當中占據(jù)面積最大的一個顏色進行提取，能夠讓產(chǎn)品更好地融合在場景中，讓整體畫面的統(tǒng)一性更強;從產(chǎn)品當中面積占據(jù)比較小的顏色提取，能夠更好和產(chǎn)品中的顏色形成相互對應(yīng)的效果，更好地突出產(chǎn)品本身。如圖1-2，從產(chǎn)品固有顏色吸取灰色充當背景色，讓整體畫面干凈整潔，讓產(chǎn)品融合在背景中，統(tǒng)一性強，同時灰色也體現(xiàn)了產(chǎn)品的特點科技感和金屬感。第二，互補色運用方法：在購物頁面中，產(chǎn)品和背景運用互補色能產(chǎn)生極大的視覺沖擊力，從而突出產(chǎn)品和增加頁面瀏覽率。

（二）根據(jù)模特搭配色彩

在網(wǎng)店裝修中，我們會時常遇到一些產(chǎn)品需要通過模特來進行表現(xiàn)，如品牌代言人或根據(jù)人物去搭配的海報、頁面、主圖等。但因模特本身具有的一些特點會影響我們?nèi)ゾC合的搭配整體畫面的顏色，如：模特本身的顏色和品牌的顏色存在一些沖突;模特身上顏色過多，影響畫面的整體表達。根據(jù)基本顏色搭配法則，可以選取模特身上局部色彩來充當背景色，如唇色、配飾、圍巾等，從局部選取顏色，提高其亮度和飽和度，能夠突出畫面中的一些內(nèi)容，又能讓畫面的整體性更加協(xié)調(diào)。如圖1-3，人物色調(diào)為黃棕色，但背景色從耳環(huán)、口紅、發(fā)飾等局部來提取，通過降低其飽和度，讓整體畫面更統(tǒng)一，色調(diào)更和諧。

（三）根據(jù)品牌搭配色彩

顏色能對人們的心理產(chǎn)生極大的影響，因此，色彩能夠影響顧客對于品牌風(fēng)格及形象的判斷，如品牌無印良品旗艦店，它的產(chǎn)品注重淳樸、簡潔、環(huán)保、以人為本等理念，因此在產(chǎn)品的顏色單配應(yīng)自然簡約。根據(jù)品牌搭配色彩可從四個方面入手：品牌LOGO、品牌形象、品牌定位、品牌產(chǎn)品包裝。品牌LOGO在一個公司的品牌構(gòu)造中非常重要的，一方面品牌LOGO擔(dān)負著品牌形象最直觀的展示，另一方面品牌LOGO也是品牌向外傳播延展的有力武器。所以，我們在搭配顏色的時候可以從品牌LOGO中提取，搭配出適合品牌的海報顏色調(diào)性。品牌形象包括品牌VI中的卡通形象，以及玩偶等虛擬的形象展示。如京東的狗、天貓的貓、美團外賣的袋鼠等，我們在設(shè)計相關(guān)品牌的作品時，可以從品牌的卡通形象塑造中提取需要搭配的顏色主色調(diào)。品牌定位也是提取搭配顏色的參考之一，一個品牌針對的人群，以及針對的年齡段也決定著該使用什么色調(diào)去搭配顏色。品牌產(chǎn)品包裝和根據(jù)產(chǎn)品搭配顏色有異曲同工之妙，一些產(chǎn)品和品牌形成了牢固的色調(diào)以及品牌統(tǒng)一調(diào)性。這些產(chǎn)品的顏色同時也影響了我們設(shè)計搭配的顏色，所以我們的搭配顏色的時候也要注意從品牌包裝中尋找合適的顏色搭配。如圖1-4，韓束，幾乎所有的爆款產(chǎn)品都是紅色為主體。

五、色彩搭配在網(wǎng)店美工設(shè)計中的應(yīng)用與實踐——以3C數(shù)碼產(chǎn)品顏色搭配為例

3C數(shù)碼產(chǎn)品的品牌調(diào)性決定了設(shè)計者在進行頁面設(shè)計時需體現(xiàn)其產(chǎn)品的科技感和未來感，以舉例的方式說明3C數(shù)碼類目在不同場景不同品牌不同產(chǎn)品以及不同要求不同主題情況下的畫面呈現(xiàn)方式和顏色搭配。

榮事達無葉風(fēng)扇頁面設(shè)計圖，1-5：產(chǎn)品定位安全無葉，智能健康。為了使頁面更加貼合產(chǎn)品調(diào)性，其主圖設(shè)計和詳情頁設(shè)計均采用了淺綠色、淺灰色以及白色來進行色彩搭配來突出其產(chǎn)品特點。淺綠色傳遞安全、健康的產(chǎn)品信息，淺灰色和白色呈現(xiàn)清新干凈的感覺，同時也可以更好地襯托出產(chǎn)品的科技感和本身的特點。

洗衣機詳情頁設(shè)計圖，1-6：產(chǎn)品定位干凈整潔，本身常用顏色是淺灰色和白色，利用其本身顏色去搭配可以讓畫面場景和產(chǎn)品搭配更加融合。利用藍色點綴，增加畫面的科技感，通過調(diào)整顏色飽和度，增加頁面的主次關(guān)系以及層次感，讓信息傳遞更清晰。

數(shù)碼產(chǎn)品首頁海報設(shè)計圖，1-7：以藍色為主色調(diào)，搭配紅色進行海報設(shè)計。采用冷暖對比色進行搭配，讓畫面的持續(xù)效果更加突出，更加具有視覺沖擊力。

文字采用電路的元素進行設(shè)計，讓畫面更加具有科技感。

六、結(jié)語

在網(wǎng)店美工設(shè)計中，不同顏色的選擇、搭配會為網(wǎng)絡(luò)用戶傳達不同的信息。合理的顏色搭配不僅能正確傳達產(chǎn)品特性和信息，還能提高店鋪瀏覽量和轉(zhuǎn)化率。所以，顏色搭配在網(wǎng)店美工設(shè)計中有著舉足輕重的地位，它不僅是一項藝術(shù)形式的表達，更能給用戶留下良好的第一印象，帶來不同的心理感受和視覺體驗，樹立良好的電商網(wǎng)站形象。

參考文獻：

[1]張宇.淺談色彩在產(chǎn)品設(shè)計中的運用[J].平原大學(xué)學(xué)報，2006（1）：130-132.

[2]張雯丹.數(shù)據(jù)驅(qū)動下的電商視覺設(shè)計[J].辦公自動化，2018（22）：44-46.

[3]亦辰.網(wǎng)店美工設(shè)計[M].北京：人民郵電出版社，2019.