網頁設計配色應用實例之藍色系(2)

　　→ 藍色鄰近色網頁例圖：http://www.rhinocortaqua.com

　　藍色系分析：(藍色鄰近配色：藍色+綠色)
　　從HBS模式的S飽和度數值100%上看，不少朋友會有疑惑的感覺，認為看起來較為柔和的顏色，飽和度或許會低，刺眼的顏色通常飽和度較高，其實不然，每個顏色有每個顏色的不同屬性特性。高純度的色彩，明度的降低是協調視覺的一個因素，容易給人造成低純度的錯覺。
　　不同塊面的鄰近色交錯排列，增強本頁面視覺動感。
　　輔色調淺藍色是背景色白色和主色調藍色的中間色，它形成了頁面配色的中間色階，色彩層次感增強以外，還使整個頁面的顏色更為和諧。
　　另一輔色調青色，是藍色和綠色的結合體，包括在標志文字、文字標題上的運用，無疑活躍了整個頁面的配色環境。
　　兩個點睛色都略調高了明度，另一意義上是該頁面配色的中間色階。兩點睛色都是在主色調藍色、輔色調青色的基礎上衍生出來的顏色，這里“點睛”的作用不大，都屬于和諧色系。

　　結論：
　　很多站點都在使用藍色與青綠色的搭配效果。藍色、青綠色、白色的搭配可以使頁面看起來非常干凈清澈，在我們的現實生活中運用的范圍很廣，可以說是隨處可見的。
　　主顏色選擇明亮的藍色，配以白色的背景和灰亮的輔助色，加上中間色階的運用，可以使頁面有干凈整潔，給人莊重、充實的印象。
　　這是一組非常愉悅和諧的鄰近色系配色。中間色適度面積的運用及背景白色讓這組顏色特征發揮到了極致。

　　→ 藍色強對比網頁例圖：http://www.everyoneshero.com

　　藍色系強對比：藍色+紅色
　　藍色是冷色系的最典型的代表了，而紅色是暖色系里最典型的代表，兩冷暖色系對比下讓全頁的色彩對比異常強烈且興奮，很容易感染帶動瀏覽者的激昂情緒。紅色把文字圖片框起來，在藍色背景對比下，很好的突出主題，又好似模仿投影熒屏的感覺，讓人迅速的聚焦于視頻中心，達到網站背后的最終目的。
　　輔色調是紅色，從數值上看接近于正紅色，紅色對視覺傳遞的信息是很快的，屬于高昂響亮的顏色。
　　點睛色分別是黃色、黃綠色。大家知道，黃色是明度最高的顏色，也較響亮、刺目，在這里的運用能強烈的突現標題。從大的來看，點睛色黃綠色與輔助色紅色是對比色，雖然面積不太大，只小范圍的對比，但是已經足以達到了迅速傳遞信息的效果，讓人印象深刻，促成再訪點擊。

　　結論：
　　冷暖色系的對比碰撞，充滿激情，能傳遞熾熱情感、強烈刺激主題的目的。
　　該頁面運用了冷暖、紅綠兩種比較鮮明的對比色，配色積極大膽，視覺沖擊力很強。

　　→ 藍色對比網頁例圖：http://www.crackerjack.com

　　藍色同類色對比：藍色+暖色
　　這是一個配色難度較大的頁面。如何使這些配色和諧又能達到帶動對比的目的，就要求要有一定的配色經驗了。難度一，在于主色調輔色調及點睛色的這三種藍色所充當的角色運用。難度二，高純度高亮度的正黃色在這個頁面的使用。難度三，黑色的運用。
　　運用排除法細分得到：主色調輔色調的藍色飽和度一樣都是最高值，色相H上稍微有些微妙區別，亮度上有些變化。點睛色藍色飽和度和明度都較低，介于兩種藍色之間。三者面積如果用得不好頁面容易呈混沌的灰色狀態。拿出輔色調藍色，再回到整個頁面的配色來看，頁面色彩偏重，亮度不夠，缺少中間色階，冷暖主次傾向不夠明顯，這時把輔色調藍色添加進去正好彌補了這種缺憾。
　　HSB模式顯示H是60度，S飽和度與B明度都是100%，正是正黃色。正黃色只適合做小面積的點睛色使用，大面積使用頁面配色較難協調，當然正黃色做為主色調能好配色些。
　　在這樣的頁面色彩組合里，黑色是很難運用進去的，面積使用多了，頁面有可能會破壞所營造的氛圍、產生不協調的感覺。只在輔助性的勾勒于邊框是很好的使用辦法。
　　圖片里的產品顏色，有降低純度的棕黃色、土黃色、米黃色等同類黃色系，對該頁面色彩組合調配具有一定的協調能力。

　　結論：
　　通常矢量頁面的配色相對于圖片配色來說，難度較大，色彩的組織搭配，是根據設計師們自己以往的豐富配色經驗，反復調配、反復加減而得。
　　該頁面設計師選取了頁面的產品圖片中的兩三種顏色，例如點睛色里的紅色、藍色和黃色，再大膽的發揮出主色調藍色、較淺的輔色調藍色和點睛色正黃色，點睛色黃色運用于最能突出產品特色的文字上，這些和諧的元素生動趣味，讓整個頁面充滿了故事情節。

　　本部分小節：

　　● HSB數值H色相為240度時是正藍色，它的特性這個時候也就揮灑得越明顯。從以上不同屬性的藍色頁面色調上能看到，不同色相、飽和度、明度的藍色本身色彩特性表現得不是非常特殊，這也是低調沉穩的藍色所具備的特征之一。關鍵在于該種藍色都與哪種哪幾種顏色襯托、對比的。

　　● 冷色系以藍色為最典型的代表，因此就產生了廣義的相對暖色，例如當與玫瑰紫色做對比時，玫瑰紫就呈現出微妙的暖色，當與綠色做對比色，綠色就呈出了相對的暖色，但是此種特性呈現得非常的微弱，應根據不同的主題頁面做具體分析。

　　● 當在藍色色相、明度上暗色亮色非常明朗的情況下，可以考慮添加中間色，減弱可能造成的單調感，豐富兩極色階的過渡，調和頁面的視覺感受。

　　● 同一種RGB、HSB數值的藍色與不同的顏色搭配時，所反映出的特性與主題是不一樣的。例如與同類色(根據色相明度純度面積等同類色里得到很多種不同的藍色)，與鄰近色(根據色相明度純度面積等衍生出更多顏色)，與對比色(根據色相明度純度面積等產生出的廣義對比狹義對比)…… 應多多思考、多做嘗試。