網頁設計配色應用實例剖析――黃色系_網頁配色教程

2024-08-30 08:33:20

字體：大中小

來源：轉載

供稿：網友

文章要害字：網頁配色
黃色是陽光的色彩，具有活潑與輕快的特點，給人十分年輕的感覺。象征光明、希望、高貴、愉快。淺黃色表示柔弱，灰黃色表示病態。它的亮度最高，和其他顏色配合很活潑，有溫曖感，具有快樂、希望、聰明和輕快的個性，有希望與功名等象征意義。黃色也代表著土地、象征著權力，并且還具有神秘的宗教色彩。

　　黃色的性格冷漠、高傲、敏感、具有擴張和不安寧的視覺印象。
　　淺黃色系明朗、愉快、希望、發展，它的雅致，清爽屬性，較適合用于女性及化妝品類網站。
　　中黃色有崇高，尊貴，輝煌、注重、擴張的心理感受。
　　深黃色給人高貴、暖和、內斂、穩重的心理感受。

　　下面我們根據黃色系不同屬性鄰近色、同類色的高純度低純度色彩搭配做不同的舉例分析。

　　→ 黃色系網頁例圖：www.bernhardwolff.com
　　按此在新窗口瀏覽圖片

　　黃色系分析：
　　黃色是所有彩色中明度最高的顏色。上圖看到HSB模式的H數值是60度，正是正黃色，但RGB數值中加入了B藍色數值為51，因此降低了HSB的飽和度S為80％，但是大面積的　　黃色仍使得該頁面色彩明亮顯眼。
　　輔助色是純黑色，非色彩明度最低的顏色。
　　大面積顯眼的正黃色有黑色的線條壓制，黃色頓時顯得沉穩，頁面增添內容感。
　　白色雖然是點睛色，但由于非色彩的白色與黃色的明度最高，因此這里似乎沒有起到"點睛"的作用。

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

　　→ 黃色同類色網頁例圖：www.paralotna.pl
　　按此在新窗口瀏覽圖片

　　黃色同類色分析
　　該頁面的配色很單純，是同類色的黃色不同明度顏色，頁面看起來干凈、單純。
點睛色白色淡黃色在深色黃色背景下比較顯眼，且在最中間位置，是整個頁面中的高調部分。
　　這三種黃色，明度都很高，只有背景輔助色明度稍低，點睛黃色H色相是三種顏色中黃色傾向最高的為57度，而60度是正黃色，因此明度也是最高的，充分的發揮其點睛色的作用。
　　背景色和前景色只在色相上明度上有非常微妙的變化，卻也很巧妙，形成了變化較明顯的空間層次感，削弱了同類色易產生的單調感。點睛色白色讓層次感更明顯。

　　結論：
　　同類色的屬性使得整個頁面非常和諧，可以根據不同的主題來設計配色。
　　可以通過明度、飽和度的不同變化來加強頁面配色的層次感。

上一篇：網頁設計配色應用實例剖析――橙色系_網頁配色教程

下一篇：自然界的色彩搭配與界面設計_網頁配色教程