網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例之藍(lán)色系的應(yīng)用

藍(lán)色是冷色調(diào)最典型的代表色，是網(wǎng)站設(shè)計(jì)中運(yùn)用得最多的顏色，也是許多人鐘愛的顏色。

藍(lán)色表達(dá)著深遠(yuǎn)、永恒、沉靜、無限、理智、誠實(shí)、寒冷的多種感覺。藍(lán)色會(huì)給人很強(qiáng)烈的安穩(wěn)感，同時(shí)藍(lán)色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。

下面我們根據(jù)藍(lán)色系不同屬性的同類色、鄰近色、高純度對比、相對對比色等色彩搭配做不同的舉例分析。

藍(lán)色系分析：(高純度對比：藍(lán)色+玫瑰色)

藍(lán)色的HSB數(shù)值H色相為240度時(shí)是正藍(lán)色。上圖的HSB模式S數(shù)值顯示，所有主要配色的飽和度都是100%。從主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出，這兩種顏色在明度上有較大的區(qū)別，色相上稍有輕 變化，飽和度相同。RGB模式上看，主色調(diào)與輔色調(diào)R數(shù)值都為0，G綠色的數(shù)值和B藍(lán)色數(shù)值分量的變化，得到了不同藍(lán)色的兩結(jié)果。點(diǎn)睛色僅是R紅色與B藍(lán)色兩色調(diào)和而得沒有摻雜其他顏色，因此飽和度呈高值100%。整個(gè)頁面配色的飽和度都為100%，頁面整體配色看起來視覺沖擊力異常強(qiáng)烈。

輔助色白色讓頁面上的顏色的特性發(fā)揮到極致，是不可缺少的輔助配色。

結(jié)論： 響亮、強(qiáng)烈刺激的詞語似乎都適用于上圖頁面，源于高純度烘托、微妙的冷暖變化配色上，體現(xiàn)出現(xiàn)代都市張揚(yáng)時(shí)尚的氣息。白色塊面的線型使得這種高純度高強(qiáng)度的配色變得響亮卻也緩和。

輔色調(diào)藍(lán)色的運(yùn)用透露出設(shè)計(jì)師的大膽與魄力，玫瑰色在色輪表里算是冷色系，但是與藍(lán)色廣義上的對比來說是暖色，在這里與藍(lán)色搭配算是絕配了。整個(gè)頁面無不體現(xiàn)出特色和個(gè)性。

藍(lán)色系分析： (同類色：淺藍(lán)色)

主色調(diào)HSB數(shù)值H顯示200度，色輪度稍向綠色方位傾斜，但是由于從180度到270度基本上給人的視覺呈現(xiàn)還是藍(lán)色范疇，因此與視覺上廣義的藍(lán)色差別不大。

該頁面中間色較多，主要是在藍(lán)色范疇內(nèi)做明度的變化，所以色度差非常緩和，以致于頁面的色彩呈現(xiàn)非常柔和，甚至稍有些發(fā)灰的感覺，好在該頁面還有些較大色塊的淺藍(lán)色及白色，拉大了頁面的色階，使得這種灰的感覺減弱不少。

點(diǎn)睛色的HSB數(shù)值是258，色輪趨勢是向暖色紫色(相對冷暖色)傾向，變化微妙，是本頁面最溫暖的顏色。藍(lán)紫色在色相環(huán)中位于藍(lán)色和紫色之間，所以它也蘊(yùn)含著紫色的一些神秘感，加上淺藍(lán)色的雅致，所以亮度較高的藍(lán)紫色顯得非常高雅。在網(wǎng)頁中，藍(lán)紫色通常與藍(lán)色一起搭配使用。

結(jié)論：

淺藍(lán)色給人一種很寧靜安靜的心理感受。淺藍(lán)色系有淡雅、清新、浪漫、高級的特質(zhì)，常用于化妝品、女性、服裝網(wǎng)站。它是最具涼爽，清新特征的色彩。和白色混合時(shí)，能體現(xiàn)柔順，淡雅，浪漫的氣氛

主色調(diào)選擇明亮的藍(lán)色，配以白色的背景和灰亮的輔助色，可以使站點(diǎn)干凈而整潔，給人莊重、充實(shí)的印象。

該頁面基本上屬于同類色系，也是最保守穩(wěn)妥且調(diào)和的配色方案。但該種配色看久了容易呈現(xiàn)出平淡乏味的感受。

藍(lán)色系分析：(深藍(lán)色)

HSB數(shù)值顯示主色調(diào)和輔色調(diào)的H色相接近，飽和度為高，都為100%，兩者只在明度上有區(qū)別，分別是35%和65%。三維厚重的設(shè)計(jì)風(fēng)格，用調(diào)和法之一的漸變手法，把主色調(diào)和輔色調(diào)進(jìn)行了緩緩的過渡，增強(qiáng)了層次感，體現(xiàn)個(gè)性魅力，符合該頁面視音頻風(fēng)格網(wǎng)站的主題。

雖然是被譽(yù)為點(diǎn)睛色，但從整個(gè)頁面來看由于面積關(guān)系，點(diǎn)睛色在這里所起的作用不大，僅僅就蜻蜓點(diǎn)水而已。相反的輔助色在這里卻起到了較為突顯的作用――讓整個(gè)沉悶的本只起烘托作用的深藍(lán)色得到充分的展示。另一輔色調(diào)灰色令白色與深藍(lán)色反差不易過大，起到調(diào)和的目的。白色增強(qiáng)了整個(gè)頁面的視覺感，使之更醒目。

結(jié)論：

深藍(lán)色是沉穩(wěn)的且較常用的色調(diào)。能給人穩(wěn)重、冷靜、嚴(yán)謹(jǐn)、冷漠、深沉、成熟的心理感受。它主要用于營造安穩(wěn)、可靠、略帶有神秘色彩的氛圍。

深藍(lán)色明度偏暗，基于上面對深藍(lán)色的特質(zhì)描述，在常規(guī)網(wǎng)站的設(shè)計(jì)里，可能不適合做太大面積的使用。但根據(jù)不同網(wǎng)站主題的設(shè)計(jì)需要可以做些不同的嘗試。

藍(lán)色系分析：(純度對比)

從HSB模式上的數(shù)值顯示情況進(jìn)行分析，全頁基本上是屬于高純度配色，各顏色特性相互輝映、相互交融，把整個(gè)頁面環(huán)境渲染得異常鮮亮和熱鬧。

冷暖色系之間跨度很大：藍(lán)色、綠色、黃色、橙黃色、朱紅色、土橙黃色、墨綠色，幾乎按照色輪表上的軌跡進(jìn)行。也由于面積有多有少的原因，因此頁面看起來較明快調(diào)和。其中土橙黃色和墨綠色是頁面明度最重的顏色，從RGB色值上可看出，都分別的混合了其他顏色，因此飽和度相對較低，略呈灰色狀態(tài)，另一種意義上來說這種灰色狀態(tài)是調(diào)和色的一種很好的方式。

由于有大面積的主色調(diào)和背景色做掌控，加之以上因素綜合分析，無論頁面再多再細(xì)再耀眼的顏色都能很好的統(tǒng)一在同一個(gè)頁面之中。

結(jié)論：

非常明快活潑、跳躍的富有趣味性的配色。使人勾起了無限愉悅的童趣。

高純度的藍(lán)色主色調(diào)配合的其他高純度冷暖色調(diào)對比，會(huì)營造出一種整潔輕快的印象。

根據(jù)色輪表的緩和過渡及使用面積多少，判斷分析出頁面調(diào)和程度。

文章名稱：網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例之藍(lán)色系的應(yīng)用
網(wǎng)頁鏈接：http://www.muchs.cn/news/32803.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站建設(shè)、虛擬主機(jī)、服務(wù)器托管、網(wǎng)站維護(hù)、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)