1.5　了解色彩的基本要點

接下來我們來了解網頁畫面。在瀏覽了眾多的網站后，可以發現這樣一個規律。在瀏覽的過程中顧客會被店鋪中的色彩所吸引，然后才會根據色彩的走向對畫面的主次進行逐一了解。本小節就將對色彩的基礎進行講解，這些基礎知識也是后期網店設計配色、素材搭配的關鍵所在。

1.5.1　色彩的種類

為了便于認識網店設計配色中的色彩變化，認識色彩的基本屬性與基本規律，必須對色彩的種類進行分類與了解。色彩按照系別劃分，可以分為有彩色和無彩色兩類。

無彩色是指黑色、白色和各種深淺不一的灰色，除此之外，其他所有的顏色都屬于有彩色。無彩色和有彩色在網店設計中都占有舉足輕重的地位，無論是以有彩色為主題的畫面效果，還是以單純黑白灰的無彩色構成的畫面效果，都能給人帶來一種奇幻無比的視覺感受。當我們充分合理地利用好了色彩的類別與特性，便可以使網店設計的畫面獲得意想不到的效果。

1.有彩色

有彩色指的是帶有一種標準色傾向的色彩。光譜中的全部顏色都屬于有彩色，而有彩色以紅、橙、黃、綠、藍、紫為基本色，其中基本色之間不同量的混合以及與黑、白、灰之間的不同量組合，會產生成千上萬的有彩色。

有彩色中的任何顏色都具有三要素，即色相、明度和純度。在圖形制作的過程中，根據有彩色的特性，通過調整其色相、明度以及純度之間的對比關系，或通過各色彩間面積的調和，可搭配出色彩斑斕、變化無窮的網店設計畫面效果。

2.無彩色

在色彩的概念中，很多人都習慣把黑、白、灰排除在外，認為它們是沒有顏色的。其實在色彩的秩序中，黑色、白色以及各種深淺不同的灰色系列，都稱為無彩色系。以這3種色調為主構成的畫面也別具一番風味，在進行店鋪設計的配色中，為了追求某種意境或者氛圍，有時會使用無彩色來進行搭配。無彩色沒有色相的種類，只能以明度的差異來區分，無彩色沒有冷暖的色彩傾向，因此也被稱為中性色。

無彩色中的黑色是所有色彩中最暗的色彩，通常能夠給人以沉重的印象，而白色是無彩色中最容易受到環境影響的一種顏色，如果設計的畫面中白色的成分越多，畫面效果就越單純。白色和黑色中間的灰色具有平凡、沉默的特征，很多時候作為網店設計中調節畫面色彩的一種顏色，可以給人安全感和親切感。

1.5.2　色彩的三要素

我們所看到的網店設計的顏色中，雖然各種畫面千差萬別，各不相同，但是任何畫面的色彩都具備3個基本的特性，即色相、明度和純度，通常稱為色彩的三要素，也就是色彩的三屬性。色彩的三要素是影響色彩的主要因素，色彩也可以根據這3個要素進行體系化的歸類，要想在網店設計中靈活地運用色彩，必須充分地了解色彩三要素。

1.色相

色相是色彩的最大特征，色相是由色彩的波長決定的，以紅、橙、黃、綠、藍、紫代表不同特性的色彩相貌，構成了色彩體系中的最基本色相，色相一般由純色表示，圖1-12和圖1-13所示分別為色相的純色塊表現形式和色相間的漸變過渡形式。

圖1-12

圖1-13

在進行網店設計的配色中，選擇不同的色相，會對畫面整體的情感、氛圍和風格等產生影響，圖1-14所示的畫面的主要配色的色相都偏向于暖色，整個配色給人奔放、活潑的感覺；圖1-15所示的畫面的主要配色的色相都偏向于冷色，整個配色給人理智、睿智和青春的感覺。

圖1-14

圖1-15

2.明度

明度是指顏色的深淺和明暗程度，任何色彩都存在明暗變化，明度適用于表現畫面的立體感和空間感。同一種色相會有不同的亮暗差別，最容易理解的就是由白色變成黑色的無彩色，其中黑色是最暗的明度；過渡的灰色是中間明度；白色是最亮的明度，其過程表現為漸變效果。

在網店設計的配色過程中，明度也是決定文字可讀性和修飾素材實用性的重要元素，在設計畫面整體印象不發生變動的前提下，維持色相、純度不變，通過加大明度差距的方法可以增添畫面的張弛感。同時，色彩的明暗度也會隨著光的明暗度的變化而變化，色彩的明度越高，圖像的效果就越明顯、清晰；明度越低，則圖像的效果就越灰暗、低沉。在網店設計的配色中，明度也是色彩的“骨骼”，色彩的明度差異比色相的差別更容易讓人將主體對象從背景中區分出來，圖像與背景的明度越接近，辨別圖像就越困難，圖1-16所示為不同背景顏色明度下圖像呈現各不相同的效果。

在網店設計的過程中，除了要考慮整個畫面的明度以外，還要注意把握不同色相之間的明度差異，通過色相之間的明度差異來突出畫面的主體部分。不同色相的光的振幅不同，如紅色振幅雖然寬，但波長也長；黃色雖然振幅與紅色相當，但是它的波長短，而我們感受到的紅色比黃色的明度要弱，在有彩色中，黃色的明度最強，紫色最弱。

3.純度

純度通常是指色彩的鮮艷程度，也稱為色彩的飽和度、彩度、鮮度和灰度等，它是灰暗與鮮艷的對照，即同一種色相是相對鮮艷或灰暗的。純度取決于該色中含色成分和消色成分的比例，飽和度值越大，圖像的顏色越鮮艷。

通常我們把純度分為9個不同的階段，其中1~3階段的飽和度為低飽和度；4~6階段的飽和度為中飽和度；7~9階段的飽和度為高飽和度。從飽和度的色階階段表中可以看到，飽和度越低，越趨于黑色；飽和度越高，色彩就越趨于純色。

圖1-16

色彩的飽和度決定了色彩的鮮艷程度，飽和度越高的色彩，其圖像的效果給人的感覺越艷麗，視覺沖擊力和刺激力就越強；相反，色彩的飽和度越低，畫面的灰暗程度就越明顯，其產生的畫面效果就越柔和，甚至是平淡。因此，在網店設計的配色過程中要把握好色彩的飽和度，才能營造出不同的視覺畫面，讓色彩的視覺效果與店鋪的風格一致，如圖1-17所示的店鋪配色。