1.2 網(wǎng)店美工色彩搭配技巧

色彩可以使賣家對(duì)網(wǎng)店有最直接的了解，也是網(wǎng)店統(tǒng)一設(shè)計(jì)風(fēng)格的重要組成部分。一個(gè)網(wǎng)店成功與否，在很大程度上取決于頁(yè)面色彩的運(yùn)用效果。下面對(duì)色彩搭配技巧中的色彩原理、色彩的分類、色彩的屬性、色調(diào)對(duì)比以及色彩的搭配分別進(jìn)行介紹。

1.2.1 色彩的原理

在現(xiàn)實(shí)生活中我們見(jiàn)到的各種顏色是通過(guò)光、物體、眼睛和大腦發(fā)生關(guān)系的過(guò)程產(chǎn)生的一種視覺(jué)體驗(yàn)，是人們對(duì)不同波長(zhǎng)的光的感知，如紅紅的蘋(píng)果、碧藍(lán)的天空、青翠的小草，都是光線進(jìn)入我們眼內(nèi)而使人產(chǎn)生的知覺(jué)。可以這樣說(shuō)，光和色彩是并存的，沒(méi)有光就沒(méi)有色彩，它既有其客觀屬性又與人眼的構(gòu)造有著密切的聯(lián)系。自然界中絕大部分的可見(jiàn)光譜可以用紅、綠、藍(lán)這3種光按照不同比例和強(qiáng)度的混合來(lái)表示，將它們混合在一起可以搭配出各種各樣的色彩，如青、黃、洋紅。如圖1-2所示。

1.2.2 色彩的分類

美工人員制作的海報(bào)、焦點(diǎn)圖等都會(huì)涉及色彩的使用，如何通過(guò)色彩的搭配來(lái)展現(xiàn)商品的賣點(diǎn)是設(shè)計(jì)的重點(diǎn)。日常生活中按照色彩的系別而言，可分為無(wú)彩色和有彩色，下面分別進(jìn)行介紹。

1. 無(wú)彩色

無(wú)彩色的顏色是指黑色、白色和不同深淺的灰色。無(wú)彩色的顏色只有明度的變化，這里我們所說(shuō)的純灰色可以理解為由黑與白混合的各種明暗層次的灰色。把所有無(wú)彩色的顏色概括起來(lái)，可得到按比例變化的9個(gè)明度層次的顏色，從明度最亮的白色開(kāi)始，按逆時(shí)針?lè)较蛞来慰擅麨榘住⒘粱摇\灰、亮中灰、中灰、灰、暗灰、黑灰和黑等顏色，如圖1-3所示。而在網(wǎng)店中，辦公用品的店鋪則常常使用無(wú)彩色進(jìn)行黑白頁(yè)面或灰色頁(yè)面的制作，頁(yè)面簡(jiǎn)單明了，色彩過(guò)渡和諧，如圖1-4所示。

2. 有彩色

有彩色指帶有某一種標(biāo)準(zhǔn)色傾向的顏色，光譜中的全部色彩都屬有彩色。有彩色是無(wú)數(shù)的，它以紅、橙、黃、綠、藍(lán)和紫為基本色，如圖1-5所示。基本色之間不同量的混合，以及基本色與黑、白、灰（無(wú)彩色）之間不同量的混合，會(huì)產(chǎn)生成千上萬(wàn)種有彩色。網(wǎng)店中大部分商品都是有彩色的，如銷售服裝、鞋包、珠寶和美妝等商品的網(wǎng)店幾乎都采用色彩較為豐富的顏色進(jìn)行裝修。圖1-6所示為淘寶網(wǎng)店中有彩色的主頁(yè)。

1.2.3 色彩的屬性

色相、明度和純度是色彩最基本的三要素，是人眼能夠正常感知色彩的最基本條件，熟悉并靈活應(yīng)用三要素的變化是色彩設(shè)計(jì)的基礎(chǔ)。下面分別對(duì)其進(jìn)行簡(jiǎn)單介紹。

? 色相：色彩是由于物體上的物理性的光反射到人眼視神經(jīng)上所產(chǎn)生的視覺(jué)體驗(yàn)。色彩的不同是由光的波長(zhǎng)的長(zhǎng)短差別所決定的，而色相就是指這些不同波長(zhǎng)的色彩情況。各種色彩中，紅色是波長(zhǎng)最長(zhǎng)的顏色，紫色是波長(zhǎng)最短的顏色，紅、橙、黃、綠、藍(lán)、紫和處在它們各自之間的紅橙、黃橙、黃綠、藍(lán)綠、藍(lán)紫、紅紫共12種顏色組成了色相環(huán)，在色相環(huán)中的各種顏色中調(diào)入白與灰，可以產(chǎn)生差別細(xì)微的多種色彩。圖1-7所示為以紅色為主的店鋪裝修。

? 明度：明度可以簡(jiǎn)單理解為顏色的亮度，不同的顏色具有不同的明度，例如黃色就比藍(lán)色的明度高，在一個(gè)畫(huà)面中可以通過(guò)協(xié)調(diào)不同明度的顏色來(lái)表達(dá)畫(huà)面的感情，如天空比地面明度低，則會(huì)產(chǎn)生壓抑的感覺(jué)。任何色彩都存在明暗變化，其中黃色明度最高，紫色明度最低。綠、紅、藍(lán)、橙的明度相近，為中間明度。另外在同一色相的明度中還存在深淺的變化，如綠色中由淺到深有粉綠、淡綠、翠綠等明度變化。圖1-8所示為兒童用品中色彩明度較高的淘寶網(wǎng)店裝修。

? 純度：純度指的是色彩飽和程度，光波成分越單純，純度越高。相反，光波成分越復(fù)雜，純度越低。不同的色相不但明度不等，純度也不相等。同一色相中，純度發(fā)生變化會(huì)帶來(lái)色彩屬性的變化。有了純度變化頁(yè)面才會(huì)變得更加鮮活。圖1-9所示為純度較高的頁(yè)面，而圖1-10所示則為純度較低的頁(yè)面。

1.2.4 色調(diào)對(duì)比

色調(diào)對(duì)比主要指色彩的冷暖對(duì)比。從色調(diào)上劃分紅、橙和黃為暖調(diào)，青、藍(lán)和紫為冷調(diào)，其中綠色為中間色。在美化過(guò)程中，首先需掌握色調(diào)對(duì)比的基本知識(shí)，保證在暖色調(diào)環(huán)境中冷調(diào)的主體醒目，冷色調(diào)環(huán)境中暖調(diào)突出的基本原則。除了色調(diào)的對(duì)比，還有明度對(duì)比、色相對(duì)比和純度對(duì)比，下面分別進(jìn)行介紹。

? 明度對(duì)比：明度對(duì)比就是色彩的明暗對(duì)比，也被稱為色彩的黑白對(duì)比，每種顏色都有自己對(duì)應(yīng)的明度特征，而兩者間的明度差別所形成的對(duì)比即為明度對(duì)比。當(dāng)明度較強(qiáng)時(shí)，對(duì)比度高，對(duì)應(yīng)的清晰度高，不易出現(xiàn)誤差；當(dāng)明度較弱時(shí)，圖像不易看清，效果不好。

? 色相對(duì)比：色相對(duì)比指因色相間的差別所形成的對(duì)比。當(dāng)頁(yè)面中的主色確定后，需先考慮其他色相與主色是否具有相關(guān)性，要表現(xiàn)什么樣的內(nèi)容才能增加表現(xiàn)力。其中色相對(duì)比還分為原色對(duì)比、補(bǔ)色對(duì)比、間色對(duì)比和鄰近色對(duì)比這4種。圖1-11即為原色對(duì)比和領(lǐng)近色對(duì)比。

? 純度對(duì)比：色彩中的純度對(duì)比是由不同純度的顏色放在一起而產(chǎn)生的色彩間鮮艷程度的對(duì)比。純度弱對(duì)比的畫(huà)面視覺(jué)效果比較弱，形象的清晰度較低，適合長(zhǎng)時(shí)間及近距離觀看。純度中對(duì)比是最和諧的，畫(huà)面效果含蓄豐富，主次分明。純度強(qiáng)對(duì)比會(huì)出現(xiàn)鮮的更鮮、濁的更濁的現(xiàn)象，畫(huà)面對(duì)比明朗、富有生氣，色彩認(rèn)知度也較高。

1.2.5 色彩的搭配

色彩的搭配是一門(mén)技術(shù)，靈活運(yùn)用搭配技巧能讓網(wǎng)店的裝修風(fēng)格更具有感染力和親和力。在選擇頁(yè)面色彩時(shí)，需要選擇與店鋪類型相符合的顏色，因?yàn)橹挥蓄伾珔f(xié)調(diào)才能營(yíng)造出整體感。下面對(duì)不同色系應(yīng)用的領(lǐng)域和搭配方法進(jìn)行具體介紹。

? 白色系：白色稱為全光色，是光明的象征色。在網(wǎng)店設(shè)計(jì)中，白色具有高級(jí)和科技的意象，通常需要和其他顏色搭配使用。純白色會(huì)帶給人寒冷、嚴(yán)峻的感覺(jué)，所以在使用白色時(shí)，都會(huì)摻一些其他的色彩，如象牙白、米白、乳白和蘋(píng)果白等。另外，在同時(shí)運(yùn)用幾種色彩的頁(yè)面中，白色和黑色可以說(shuō)是最顯眼的顏色。在網(wǎng)店設(shè)計(jì)中，當(dāng)白色與暖色（紅色、黃色、橘紅色）搭配時(shí)可以增加華麗的感覺(jué)，與冷色（藍(lán)色、紫色）搭配可以傳達(dá)清爽、輕快的感覺(jué)。正是由于上面的特點(diǎn)，白色常用于傳達(dá)明亮、潔凈感覺(jué)的產(chǎn)品種，比如結(jié)婚用品、衛(wèi)生用品和女性用品等。圖1-12所示為將白色系應(yīng)用于衛(wèi)生用品店鋪的效果。

? 黑色系：在網(wǎng)店設(shè)計(jì)中，黑色具有高貴、穩(wěn)重和科技的意象，許多科技產(chǎn)品的用色，如電視、攝影機(jī)和音箱會(huì)采用黑色調(diào)。黑色還具有莊嚴(yán)的意象，也常用于一些特殊場(chǎng)合的空間設(shè)計(jì)，生活用品和服飾用品設(shè)計(jì)大多利用黑色來(lái)塑造高貴的形象。黑色是一種永遠(yuǎn)流行的主要顏色，其色彩搭配適應(yīng)性非常廣，無(wú)論什么顏色與黑色搭配都能取得鮮明、華麗、賞心悅目的效果。圖1-13所示為將黑色系用于相機(jī)類數(shù)碼產(chǎn)品店鋪的效果。

? 綠色系：綠色具有一定的與健康相關(guān)的感覺(jué)，所以也經(jīng)常用于與健康相關(guān)的網(wǎng)店。綠色還經(jīng)常用于某些公司的公關(guān)網(wǎng)站或教育網(wǎng)站。當(dāng)搭配使用綠色和白色時(shí)可以得到自然的感覺(jué)，當(dāng)搭配使用綠色和紅色時(shí)可以得到鮮明且豐富的效果。同時(shí)，一些色彩專家和醫(yī)療專家提出綠色可以一定程度地緩解眼部疲勞，為耐看顏色之一。圖1-14所示為將綠色系用于護(hù)理用品網(wǎng)店的效果。

? 藍(lán)色系：高彩度的藍(lán)色（含無(wú)彩色少的藍(lán)色）會(huì)營(yíng)造出一種整潔輕快的氛圍，低彩度的藍(lán)色（含無(wú)彩色多的藍(lán)色）會(huì)給人一種都市化的現(xiàn)代派印象。藍(lán)色和綠色、白色的搭配在我們的現(xiàn)實(shí)生活種也是隨處可見(jiàn)的。主顏色選擇明亮的藍(lán)色，配以白色的背景和灰色的輔助色，可以使網(wǎng)店干凈而簡(jiǎn)潔，給人莊重、充實(shí)的印象。藍(lán)色、清綠色和白色的搭配可以使頁(yè)面看起來(lái)非常干凈清澈。圖1-15所示為將藍(lán)色系用于家具網(wǎng)店的效果。

? 紅色系：紅色是強(qiáng)有力、喜慶的色彩，具有刺激效果，容易使人產(chǎn)生沖動(dòng)，是一種雄壯的精神體現(xiàn)，給人熱情、有活力的感覺(jué)。在網(wǎng)店中，大多數(shù)情況下紅色都用于突出顏色，因?yàn)轷r明的紅色極容易吸引人們的目光。高亮度的紅色通過(guò)與灰色、黑色等無(wú)彩色搭配使用，可以得到現(xiàn)代且激進(jìn)的感覺(jué)。低亮度的紅色通過(guò)冷靜沉著的感覺(jué)營(yíng)造出古典的氛圍。在商品的促銷過(guò)程中，往往用紅色起到醒目作用，以促進(jìn)產(chǎn)品的銷售，如圖1-16所示。