網頁設計配色應用實例剖析——紫色系_網頁配色教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
紫色是一種在自然界中比較少見的顏色。象征著女性化,代表著高貴和奢華、優雅與魅力,也象征著神秘與莊重、神圣和浪漫。另一方面又有孤獨等意味。紫色在西方宗教世界中是一種代表尊貴的顏色,大主教身穿的教袍便采用了紫色。
紫色的明度在有彩色的色度中是最低的。紫色的低明度給人一種沉悶、神秘的感覺。在紫色中紅的成份較多時,顯得華麗和諧。紫色中加入少量的黑,沉重、傷感、恐怖、莊重的感覺。紫色中加入白,變得優雅、嬌氣,并布滿女性的魅力。
紫色通常用于以女性為對象或以藝術作品介紹為主的站點,但很多大公司的站點中也喜歡使用包含神秘色彩的紫色,但都很少做大面積使用。
不同色調的紫色可以營造非常濃郁的女性化氣息,在白色的背景色和灰色的突出顏色的襯托下,紫色可以顯示出更大的魅力。
下面我們根據紫色系不同屬性的鄰近色、高純度低純度配色、相對對比色等色彩搭配做不同的舉例分析。
→ 紫色高純度網頁例圖:http:// www.everythinggirl.com
紫色系分析:(高純度對比:同類紫色 同類對比色)
紫色的HSB數值H色相為300度時是正紫色。上圖的HSB模式S數值顯示,上組顏色飽和度基本都比較高,加上部分較高的明度組合,使該頁面異常奢華艷麗。
輔色調之一的黃色是紫色強度最高的對比色,主、輔色面積的大小不同是形成視覺沖擊力最大的主要原因。值得一提的是右下腳的淺藍色的運用,它在整個頁面配色上是很謙遜的角色,但卻既突出上面的文字內容,又不張揚的壓抑住其他顏色的配色,屬于豐富于頁面的輔助作用。假如把它試換成別的顏色似乎還是沒有這個淺藍色效果好。
另一輔助色淺紫紅色又稱粉紅色,粉紅色主要用于包含少女在內的女性站點。因為從明亮到淺白色調的粉紅色能夠表現出可愛、乖巧的感覺,這里只做少量運用。
其他點睛色使用得雖多但面積很小,主要是主色調紫色四周的過渡色,例如群青、青蓮、玫瑰、紅色等點綴,閃亮刺眼,增強頁面的視覺感染力,有渲染出華麗凸顯現代氣息的作用。
結論:
紫色結合紅色的紫紅色是非常女性化的顏色,它給人的感覺通常都是浪漫、柔和、華麗、高貴優雅,非凡是粉紅色可以說是女性化的代表顏色。高彩度的紫紅色可以表現出超凡的華麗,而低彩度的粉紅色可以表現出高雅的氣質。
紫紅色并不能隨意在所有的站點中使用,但使用恰當的紫紅色會給人留下深刻的印象。高彩度的紫色和粉紅色之間的搭配通常都能得到較好的效果。
該頁面具有非常強烈的現代奢華感。時尚張揚的配色組合,符合該頁面主題所要表達的環境,讓人輕易記住它
紫色的明度在有彩色的色度中是最低的。紫色的低明度給人一種沉悶、神秘的感覺。在紫色中紅的成份較多時,顯得華麗和諧。紫色中加入少量的黑,沉重、傷感、恐怖、莊重的感覺。紫色中加入白,變得優雅、嬌氣,并布滿女性的魅力。
紫色通常用于以女性為對象或以藝術作品介紹為主的站點,但很多大公司的站點中也喜歡使用包含神秘色彩的紫色,但都很少做大面積使用。
不同色調的紫色可以營造非常濃郁的女性化氣息,在白色的背景色和灰色的突出顏色的襯托下,紫色可以顯示出更大的魅力。
下面我們根據紫色系不同屬性的鄰近色、高純度低純度配色、相對對比色等色彩搭配做不同的舉例分析。
→ 紫色高純度網頁例圖:http:// www.everythinggirl.com
紫色系分析:(高純度對比:同類紫色 同類對比色)
紫色的HSB數值H色相為300度時是正紫色。上圖的HSB模式S數值顯示,上組顏色飽和度基本都比較高,加上部分較高的明度組合,使該頁面異常奢華艷麗。
輔色調之一的黃色是紫色強度最高的對比色,主、輔色面積的大小不同是形成視覺沖擊力最大的主要原因。值得一提的是右下腳的淺藍色的運用,它在整個頁面配色上是很謙遜的角色,但卻既突出上面的文字內容,又不張揚的壓抑住其他顏色的配色,屬于豐富于頁面的輔助作用。假如把它試換成別的顏色似乎還是沒有這個淺藍色效果好。
另一輔助色淺紫紅色又稱粉紅色,粉紅色主要用于包含少女在內的女性站點。因為從明亮到淺白色調的粉紅色能夠表現出可愛、乖巧的感覺,這里只做少量運用。
其他點睛色使用得雖多但面積很小,主要是主色調紫色四周的過渡色,例如群青、青蓮、玫瑰、紅色等點綴,閃亮刺眼,增強頁面的視覺感染力,有渲染出華麗凸顯現代氣息的作用。
結論:
紫色結合紅色的紫紅色是非常女性化的顏色,它給人的感覺通常都是浪漫、柔和、華麗、高貴優雅,非凡是粉紅色可以說是女性化的代表顏色。高彩度的紫紅色可以表現出超凡的華麗,而低彩度的粉紅色可以表現出高雅的氣質。
紫紅色并不能隨意在所有的站點中使用,但使用恰當的紫紅色會給人留下深刻的印象。高彩度的紫色和粉紅色之間的搭配通常都能得到較好的效果。
該頁面具有非常強烈的現代奢華感。時尚張揚的配色組合,符合該頁面主題所要表達的環境,讓人輕易記住它
相關網頁配色教程:
- 相關鏈接:
- 教程說明:
網頁配色教程-網頁設計配色應用實例剖析——紫色系。