網頁設計配色應用實例剖析——黃色系(3)_網頁配色教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
→ 高純度黃色鄰近色應用網頁例圖:www.mudbubble.com

高純度黃色鄰近色配色(黃色 紅色)分析:
全頁選取的幾個色彩組合是高純度高明度的鄰近色正黃、淡黃(這里的淡黃色不是指淺黃色,而是色彩顏料色里的稱呼。)、中黃及正紅色。
我們知道,黃色是色彩系里明度最高的刺眼色,HSB數值H色相60度是正黃色,特性越高明度越高。H色相度往60度前是接近紅色,而紅色明度相較于黃色低,背景色HSB數值H色相為48度,往紅色靠近,因此色度較深,呈現為中黃色。使用中黃背景正是烘托突出前景的淡黃色。淡黃色的前景上設計少許中黃色帶進入,頁面的色彩層次感生動了不少。
另一個輔助色紅色HSB數值的H色相是0度,顯示正紅色且高純度高亮度,放在最顯眼的標志廣告區域,實現視覺引導作用,主次感增強了。
白色也是輔助色三色之一,在頂部面積較大的使用,使整個頁面的純度緩和了許多,起到提亮并拉開空間的作用。
點睛色用于導航欄,提示導航區域的醒目與重要性。
結論:
高純度高明度的顏色調子刺眼響亮,通常對視覺的刺激程度較大。
鄰近色由正黃到最后的正紅色是色輪表的協調過渡色,因此頁面調和。
鄰近色與同類色一樣,是調和色,但較同類色更生動更多變化。

高純度黃色鄰近色配色(黃色 紅色)分析:
全頁選取的幾個色彩組合是高純度高明度的鄰近色正黃、淡黃(這里的淡黃色不是指淺黃色,而是色彩顏料色里的稱呼。)、中黃及正紅色。
我們知道,黃色是色彩系里明度最高的刺眼色,HSB數值H色相60度是正黃色,特性越高明度越高。H色相度往60度前是接近紅色,而紅色明度相較于黃色低,背景色HSB數值H色相為48度,往紅色靠近,因此色度較深,呈現為中黃色。使用中黃背景正是烘托突出前景的淡黃色。淡黃色的前景上設計少許中黃色帶進入,頁面的色彩層次感生動了不少。
另一個輔助色紅色HSB數值的H色相是0度,顯示正紅色且高純度高亮度,放在最顯眼的標志廣告區域,實現視覺引導作用,主次感增強了。
白色也是輔助色三色之一,在頂部面積較大的使用,使整個頁面的純度緩和了許多,起到提亮并拉開空間的作用。
點睛色用于導航欄,提示導航區域的醒目與重要性。
結論:
高純度高明度的顏色調子刺眼響亮,通常對視覺的刺激程度較大。
鄰近色由正黃到最后的正紅色是色輪表的協調過渡色,因此頁面調和。
鄰近色與同類色一樣,是調和色,但較同類色更生動更多變化。
相關網頁配色教程:
- 相關鏈接:
- 教程說明:
網頁配色教程-網頁設計配色應用實例剖析——黃色系(3)
。