黃色一個色調鮮明的顏色,在網頁設計中黃色是一個利用度很高的顏色,黃色的系列也非常的多。因此黃色經常被我們作為健康和安全裝置以及危險訊號中,但是也因為黃色的鮮豔能夠別的吸引眼球,給其他地方帶來了一些不好之處,那如何的利用黃色進行網頁設計呢?又比如我們在設計企業網站的時候,企業的 logo 中含有黃色,那我網站為了和企業的 logo 更好的結合到一起,網站的色調之中一定就會運用到黃色,而如何讓黃色與其他色調更好的結合才一起,又不喧賓奪主呢?

從黃色可以演變出來的色調有:淺黃色系明朗、愉快、希望、發展,它的雅緻,清爽屬性,較適合用於女性及化妝品類網站。中黃色有崇高,尊貴,輝煌、注意、擴張的心理感受。深黃色給人高貴、溫和、內斂、穩重的心理感受。我們在網頁設計中會經常運用到鄰近色,一個起到承上啟下的作用,也有緩解我們眼球疲勞的用意。下邊就說幾個關於黃色鄰近色的幾個小的案列和大家分享一下:

 
純黃色:當鮮度、明度高的背景色與前景輔助色暗度低的黑色在明度形成較強烈的對比時,豔度降低,較能協調視覺。整個頁面配色單純,卻也不簡單,形成另一種設計風格。

黃綠色:主色調為黃綠色,單純而看,黃綠色是通常的暖色的起始色、色彩中亮度高的黃色與冷色的起始色、綠色相結合而得,因此該顏色看起來非常明快清新。處於輔助色的非色彩黑色,中間的點綴色是主色調黃綠色,很容易讓人一時以為該顏色就是點睛色。實際主色調黃綠色的明度非常高,飽和度這時也很高,在明度低的黑色襯映下就異常顯眼。

點睛色可以是少許耀眼的顏色,也可以是少許協調於視覺的混合灰色,無論是耀眼的顏色還是謙遜沉穩的灰色,都是不可缺少的角色,有著不可替代的作用。
整個頁面配色較單純,只有三種色,非色彩來說分別起到黑 (輔助黑) 白 (主色黃綠) 灰 (點睛混合色) 的作用,所以頁面配色較有層次感,並不顯得單調。

中黃色:背景中黃色上點綴多種豔度較高的顏色,都是屬於跳躍的顏色,渲染整個網站的熱鬧環境氣氛,符合該網站的設計主題。通常商品網站志在渲染熱鬧氣氛,比較適合活潑跳躍、色彩絢麗的配色方案,但色彩的調和難度較大。

從 HSB 數值上看,該中黃色的明度和飽和度呈高值,屬於明亮耀眼的顏色。輔助色是黃綠色和紅色,黃綠色在中黃背景下呈冷色調,輕快單薄的亮色;紅色的 HSB 數值 H 色相上看是正紅色,明度稍低,這裡屬於厚重沉穩的顏色,在中黃色背景下呈現暖色調;背景中黃色在黃綠色和紅色兩者中這時呈中間色,是很好的整體頁面視覺過渡色。

黃色鄰近色配色(黃色+紅色)分析:耀眼的顏色有深色塊壓制,也是很好的調和方法。該頁面裡的不少小色塊混合了暗灰色,因此頁面飽和度刺激程度得到少許降低並調和。同類色系、類似色系不同純度明度的深淺變化搭配,增添現代美感。

結論:黃色是色彩系裡明度高的耀眼顏色,尤其是 HSB 數值 H 色相為 60 度正黃色時,它的特性越明顯。由於黃色的特性,在頁面配色的時候可適當新增明度較深的顏色,色階層拉開,並起到協調刺眼的豔度作用。黃色飽和度、明度的不同變化傳達不同的意義和作用。無論是高純度低純度還是多色彩的頁面配色,白色起到關鍵的作用。點睛色不一定就是非常顯眼的顏色,也有起到調和整體頁面配色的作用。中間色通常被大面積的使用為主色調、輔助色,是調和輔助色(有可能是同時幾種)與點睛色(有可能是幾種)的色彩,是調和色、調和方法的關鍵。