新網(wǎng)頁大法：綠色風(fēng)格網(wǎng)站配色方案

關(guān)于網(wǎng)頁配色方案的教程，這里介紹一下綠色風(fēng)格類網(wǎng)站的配色方案。綠色在黃色和藍色(冷暖)之間，屬于較中庸的顏色，這樣使得綠色的性格最為平和、安穩(wěn)、大度、寬容。是一種柔順、恬靜、滿足、優(yōu)美、受歡迎之色。也是網(wǎng)頁中使用最為廣泛的顏色之一。

綠色與人類息息相關(guān)，是永恒的欣欣向榮是的自然之色，代表了生命與希望，也充滿了青春活力，綠色象征著和平與安全、發(fā)展與生機、舒適與安寧、松弛與休息，有緩解眼部疲勞的作用。

它本身具有一定的與自然、健康相關(guān)的感覺，所以也經(jīng)常用于與自然、健康相關(guān)的站點。綠色還經(jīng)常用于一些公司的公關(guān)站點或教育站點。

綠色能使我們的心情變得格外明朗。黃綠色代表清新、平靜、安逸、和平、柔和、春天、青春、升級的心理感受。

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

綠色系分析：

從上圖的主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出，這兩中顏色只是在明度上有區(qū)別，其顯示的色相與飽和度是一樣的。正綠色是120度，這兩種顏色從RGB數(shù)值上看，都不同程度的混合了其他少許顏色，因此離正綠色稍有些偏差。由于綠色本身的特性，所以整個網(wǎng)頁看起來很安穩(wěn)舒適。

輔助色只在明度上降低，讓頁面多了些層次感、空間感。

白色塊面使得綠色的特性發(fā)揮到最好的狀態(tài)并增強了視覺節(jié)奏感。

點睛色恰到好處的體現(xiàn)出了”點睛”這一妙筆，極盡誘惑力，整個頁面頓時生動提神起來，增強了頁面主題的表達力。

結(jié)論：

主、輔色調(diào)是屬于同類色綠色系，通過不同明度的變化，能較遞增緩和變化同時卻也較明顯的體現(xiàn)出頁面的色彩層次感來。如果不是通過數(shù)值來分析判斷，可能會有些朋友憑經(jīng)驗判斷，容易誤認為這兩種顏色除了明度外有可能純度會有所不同，這時候適當(dāng)?shù)氖褂脭?shù)值模式會很容易得到正確的結(jié)論的。

整個頁面配色很少：大色塊的翠綠，第二面積的白色，第三面積的深綠色，但得到的效果卻是強烈的、顯眼的，達到充分展現(xiàn)產(chǎn)品主題的目的。

深綠色給人茂盛、健康、成熟、穩(wěn)重、生命、開闊的心理感受。

綠色系分析： (高純度配色：綠色+對比色組合)

HSB數(shù)值H顯示60度為正黃色，該主、輔色調(diào)只向綠色傾斜了一丁點–H為75度。大面積明度稍低的黃綠色為主要色調(diào)，飽和度卻非常高，達到了100%，輔助色使用了提高明度的嫩綠色和白色，這兩種輔色除了增加頁面的層次感的同時，還能讓整個頁面配色有透亮的感覺，增強了綠色的特性。背景深褐色無疑把前景的所有純色烘托得都耀眼于舞臺上。

該頁面有兩組小小的對比色，一組是黃綠與橙紅色，一組是橙黃色與天藍色，這兩組配色嚴格的來說不算對比色，因為色彩多少有些偏差。雖然它們的飽和度降低，但在這個頁面中足以構(gòu)成了最響亮的色調(diào)，把整個頁面烘托得非?；钴S、鮮明。

結(jié)論：

主、輔色調(diào)黃綠色大面積使用并不刺目，反而使得頁面看起來很有朝氣、活力。

適當(dāng)運用不同純度的不是相當(dāng)嚴格意義上的對比色系組合時，通常能起到的主要作用是主次關(guān)系明確。不”標準”的對比色系對比特性雖然減弱，頁面色彩看起來容易協(xié)調(diào)、柔和，但一樣能突出主題。

綠色系分析：(同類色淺綠色)

主色調(diào)綠色屬性是明度很高的淺綠色，前面提到過，通常情況下明度高飽和度就降低，飽和度低頁面色彩度就降低，除非顏色本身有自己的特性，加上大面積的輔助色白色，整個頁面看起來很清淡、柔和、寧靜，甚至有溫馨的感覺。

頁面中使用了漸變的淺綠色，使得整個頁面視覺上更加柔和舒適。

盡管點睛色只在主要標志上出現(xiàn)，按鈕也只有少許一點，但也給整個頁面的色彩帶來些亮筆。尤其是紅色的HSB模式的H數(shù)值顯示顏色接近于正紅色，飽和度達到最高值。另一個點睛色中黃色，在頁面視覺上呈綠色與紅色這一組對比色起到緩和視覺的作用。因為在色輪表上，黃色正是在綠色和紅色之間的過渡色。

結(jié)論：成都網(wǎng)站建設(shè)?? 成都網(wǎng)站建設(shè)公司

淺綠色系有優(yōu)雅、休息、安全、和睦、寧靜、柔和的感覺。

漸變的效果更能加深這種印象。但頁面配色上淺色過多時，整個頁面容易呈現(xiàn)發(fā)”灰”的感受，這就需要適量的添加純度稍高的顏色例如左下角的輔助色綠色塊，適當(dāng)?shù)孽r艷的點睛都能很好的解決這一問題。

分享名稱：新網(wǎng)頁大法：綠色風(fēng)格網(wǎng)站配色方案
鏈接地址：http://www.muchs.cn/news43/311743.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、外貿(mào)網(wǎng)站建設(shè)、定制網(wǎng)站、App開發(fā)、商城網(wǎng)站、手機網(wǎng)站建設(shè)

廣告

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