1.2 網店的色彩運用

色彩的運用是一門技術活，下面對色彩運用中色彩的原理、色彩的分類、色彩的屬性、色彩的對比以及色彩的搭配分別進行介紹。

1.2.1 色彩的原理

在現實生活中人們見到的各種顏色是人們對不同頻率光的感知，如紅紅的蘋果、碧藍的天空、青翠的小草。可以這樣說，色彩源于光線，沒有光線就沒有色彩，它既有其客觀屬性又與人眼的構造有著密切聯系。自然界中絕大部分的可見光可以用紅、綠、藍3種光按照不同的比例和強度混合表示，將它們混合在一起可以搭配出各種各樣的色彩，如青、黃、紫等，如圖1-2所示。

1.2.2 色彩的分類

根據人們的日常生活習慣，可以將色彩分為無彩色和有彩色兩個類別。了解這兩者的知識是進行色彩運用的基礎，下面將分別對無彩色和有彩色進行介紹。

1.?無彩色

無彩色是指黑色、白色和不同深淺的灰色。從物理學的角度來講，黑白灰不包括在可見光的范圍內，因此不能叫作色彩，但在心理學上它們都有著完全的色彩屬性。無彩色的顏色只有明度的變化，這里所說的灰色可以理解為由黑色與白色混合的各種明暗層次的顏色。把所有無彩色的顏色概括起來，可得到按比例變化的具有不同明度層次的顏色，從明度最高的白色開始，按逆時針方向依次可命名為：白、亮灰、淺灰、亮中灰、中灰、灰、暗灰、黑灰、黑等，如圖1-3所示。無彩色的頁面簡單明了，色彩過渡自然，如圖1-4所示。

2.有彩色

有彩色是指帶有某種標準色傾向的顏色，光譜中的色彩都屬于有彩色。有彩色有無數種，它以紅、橙、黃、綠、藍、紫為基本色，如圖1-5所示。基本色之間不同量的混合，以及基本色與黑、白、灰3種無彩色之間不同量的混合，會產生成千上萬種有彩色。網店中大部分商品圖片都是有彩色的，服裝、鞋包、珠寶、美妝等類別的網店幾乎都采用較為豐富的顏色進行裝修。圖1-6所示為有彩色的主頁面。

1.2.3 色彩的屬性

色彩有色相、明度、純度3個基本屬性，人眼所感知到的任一顏色都是這3種屬性的綜合效果。色彩的一切效果都需要通過調整這3個屬性來實現，下面對其分別進行簡單介紹。

色相。色彩是照射在物體上的光反射到人眼中在視神經上所產生的感覺。色彩的不同是由光波的長短所決定的，而色相就是指這些色彩的不同波長情況。各種色彩中，紅色是波長最長的顏色，紫色是波長最短的顏色。紅、橙、黃、綠、藍、紫和處在它們之間的紅橙、橙黃、黃綠、藍綠、藍紫、紅紫共計12種較鮮明的顏色組成了12色相。圖1-7所示為以藍色為主的店鋪裝修效果。

明度。明度可以簡單理解為顏色的亮度，不同的顏色具有不同的明度。例如，黃色就比藍色的明度高，在一個畫面中可以通過協調不同明度的顏色來表達畫面的情感，比如當天空比地面明度低時，會產生壓抑的感覺。任何色彩都存在明度變化，其中黃色明度最高，紫色明度最低；綠、紅、藍、橙的明度相近，為中間明度色。另外，在同一色相的色彩中還存在深淺的變化，如綠色由淺到深有粉綠、淡綠、翠綠等明度變化。同一色相的色彩，在其中添加不同程度的黑色，其明度就會相應地下降；在其中添加不同程度的白色，其明度則會相應提升。圖1-8所示為明度較高的店鋪裝修效果。

純度。純度指的是色彩飽和程度。光波越長，色相純度越高，反之，色相純度越低。不同色相的色彩不但明度不相等，純度也不相等。當色彩的色相相同，其純度發生變化時會帶來“色彩性格”的變化。有了純度變化，頁面才會變得更加鮮活。圖1-9所示為純度較高的頁面，圖1-10所示為純度較低的頁面。

1.2.4 色彩的對比

色彩對比是指人眼對不同色彩感知的差異。色調差異對人眼的感知影響最大，根據人腦對色彩的不同感受，可將色彩由暖到冷排列為紅、橙、黃、綠、靛、藍、紫，其中紅、橙、黃為暖色調，綠為中間色調，靛、藍、紫為冷色調。除了色調的對比之外，還有明度對比、色相對比和純度對比，下面將分別進行介紹。

明度對比。明度對比就是色彩的明暗對比，也被稱為色彩的黑白對比。每種顏色都有著對應的明度特征，而兩者間明度差別所形成的對比即為明度對比。當明度較強時，對比度高，圖像的清晰度高，不易出現誤差；當明度較弱時，圖像不易看清，效果也不好。

色相對比。色相對比是指因色相間的差別所形成的對比。當頁面中的主色確定后，需要先考慮其他色相與主色是否具有相關性，重點表現什么樣的內容才能增加表現力。其中色相對比還分為原色對比、補色對比、間色對比、鄰近色對比4種。圖1-11所示為原色對比和鄰近色對比。

純度對比。純度對比弱的畫面視覺效果比較弱，且清晰度較低，適合長時間及近距離觀看。純度對比和諧的畫面視覺效果含蓄豐富，主次分明。純度對比強的畫面視覺效果比較明朗，會出現鮮艷的更鮮艷、混濁的更混濁的現象，更加富有生氣，色彩的辨識度也較高。

1.2.5 色彩的搭配

色彩搭配是建立在對色彩對比的認知之上的藝術。網店美工通過對不同色彩的組合運用，可以增大或者減小色彩間的對比差異，使店鋪呈現出多樣化的視覺效果，從而吸引消費者的關注。下面對不同色系的應用領域和搭配方法進行具體介紹。

白色系。白色為全光色，是光明的象征色。在網店設計中，白色具有高級的意象，通常需要和其他顏色搭配使用。純白色會帶給人寒冷、嚴峻的感覺，所以大多使用混合了一些其他色彩的白色，如象牙白、米白、乳白、蘋果白等。另外，在同時運用了幾種色彩的頁面中，白色和黑色可以說是最顯眼的顏色。在網店設計中，當白色與暖色（紅色、黃色、橘紅色）搭配時可以增加華麗的感覺；當白色與冷色（藍色、紫色）搭配時可以傳達清爽、輕快的感覺。正是由于上述特點，所以白色常用于具有明亮、潔凈感覺的商品中，如結婚用品、衛生用品、女性用品等。圖1-12所示為將白色系應用于衛生用品網店的效果。

黑色系。在網店設計中，黑色給人高貴、穩重的感覺，是許多科技商品的常用色，如電視、攝影機、音箱等。黑色還具有莊嚴的意象，也常用于一些特殊場合的空間設計。生活用品和服飾用品設計大多利用黑色來塑造高貴的形象，它也是一種流行的主要顏色。黑色的色彩搭配適應性非常廣，大多數顏色與黑色搭配后都能產生鮮明、華麗、賞心悅目的效果。圖1-13所示為將黑色系應用于數碼產品網店的效果。

綠色系。綠色具有一定的與健康相關的意象，所以經常用于與健康相關的網店。綠色還經常用于某些公司的公關站點或教育站點。當綠色和白色搭配使用時，可以得到自然的感覺；當綠色和紅色搭配使用時，可以得到鮮明且豐富的感覺。同時，一些色彩專家和醫療專家們提出綠色可以適當緩解眼部疲勞，為耐看色之一。圖1-14所示為將綠色系用于護理網店的效果。

藍色系。高彩度的藍色會讓人有一種整潔輕快的印象，低彩度的藍色會給人一種都市化的現代派印象。藍色和綠色、白色的搭配在現實生活中也是隨處可見的，其應用范圍也非常廣。主色選擇明亮的藍色，配以白色的背景和灰色的輔助色，可以使網店看起來干凈而簡潔，給人莊重、充實的印象。藍色、青綠色、白色的搭配可以使頁面看起來非常明亮清澈。圖1-15所示為將藍色系用于日化網店的效果。

紅色系。紅色是強有力的、喜慶的色彩，給人熱情、活力的感覺。在大多數情況下，紅色都作為突出顏色，因為鮮明的紅色極易吸引消費者的目光。高亮度的紅色與灰色、黑色等無彩色搭配使用，可以得到現代且激進的感覺。低亮度的紅色具有沉著冷靜的感覺，可以營造出古典的氛圍。在商品的促銷活動中，紅色可以起到強調作用，以促進商品的銷售。圖1-16所示為將紅色系應用于婚禮用品網店的效果。