網頁設計配色應用實例剖析——綠色系_網頁配色教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
綠色在黃色和藍色(冷暖)之間,屬于較中庸的顏色,這樣使得綠色的性格最為平和、安穩、大度、寬容。是一種柔順、舒適、滿足、美麗、受歡迎之色。也是網頁中使用最為廣泛的顏色之一。
綠色與人類息息相關,是永恒的欣欣向榮是的自然之色,代表了生命與希望,也布滿了青春活力,綠色象征著和平與安全、發展與生氣、舒適與安寧、松弛與休息,有緩解眼部疲憊的作用。
它本身具有一定的與自然、健康相關的感覺,所以也經常用于與自然、健康相關的站點。綠色還經常用于一些公司的公關站點或教育站點。
綠色能使我們的心情變得格外明朗。黃綠色代表清新、平靜、安逸、和平、柔和、春天、青春、升級的心理感受。
下面我們根據綠色系不同屬性鄰近色、同類色的高純度低純度、對比色等色彩搭配做不同的舉例分析。
→ 綠色網頁例圖:http://www.bacardimojito.com
綠色系分析:
從上圖的主色調、輔色調HSB模式的數值可看出,這兩中顏色只是在明度上有區別,其顯示的色相與飽和度是一樣的。正綠色是120度,這兩種顏色從RGB數值上看,都不同程度的混合了其他少許顏色,因此離正綠色稍有些偏差。由于綠色本身的特性,所以整個網頁看起來很安穩舒適。
輔助色只在明度上降低,讓頁面多了些層次感、空間感。
白色塊面使得綠色的特性發揮到最好的狀態并增強了視覺節奏感。
點睛色恰到好處的體現出了"點睛"這一妙筆,極盡誘惑力,整個頁面頓時生動提神起來,增強了頁面主題的表達力。
結論:
主、輔色調是屬于同類色綠色系,通過不同明度的變化,能較遞增緩和變化同時卻也較明顯的體現出頁面的色彩層次感來。假如不是通過數值來分析判定,可能會有些朋友憑經驗判定,輕易誤認為這兩種顏色除了明度外有可能純度會有所不同,這時候適當的使用數值模式會很輕易得到正確的結論的。
整個頁面配色很少:最大色塊的翠綠,第二面積的白色,第三面積的深綠色,但得到的效果卻是強烈的、顯眼的,達到充分展現產品主題的目的。
深綠色給人繁茂、健康、成熟、穩重、生命、開闊的心理感受
綠色與人類息息相關,是永恒的欣欣向榮是的自然之色,代表了生命與希望,也布滿了青春活力,綠色象征著和平與安全、發展與生氣、舒適與安寧、松弛與休息,有緩解眼部疲憊的作用。
它本身具有一定的與自然、健康相關的感覺,所以也經常用于與自然、健康相關的站點。綠色還經常用于一些公司的公關站點或教育站點。
綠色能使我們的心情變得格外明朗。黃綠色代表清新、平靜、安逸、和平、柔和、春天、青春、升級的心理感受。
下面我們根據綠色系不同屬性鄰近色、同類色的高純度低純度、對比色等色彩搭配做不同的舉例分析。
→ 綠色網頁例圖:http://www.bacardimojito.com
綠色系分析:
從上圖的主色調、輔色調HSB模式的數值可看出,這兩中顏色只是在明度上有區別,其顯示的色相與飽和度是一樣的。正綠色是120度,這兩種顏色從RGB數值上看,都不同程度的混合了其他少許顏色,因此離正綠色稍有些偏差。由于綠色本身的特性,所以整個網頁看起來很安穩舒適。
輔助色只在明度上降低,讓頁面多了些層次感、空間感。
白色塊面使得綠色的特性發揮到最好的狀態并增強了視覺節奏感。
點睛色恰到好處的體現出了"點睛"這一妙筆,極盡誘惑力,整個頁面頓時生動提神起來,增強了頁面主題的表達力。
結論:
主、輔色調是屬于同類色綠色系,通過不同明度的變化,能較遞增緩和變化同時卻也較明顯的體現出頁面的色彩層次感來。假如不是通過數值來分析判定,可能會有些朋友憑經驗判定,輕易誤認為這兩種顏色除了明度外有可能純度會有所不同,這時候適當的使用數值模式會很輕易得到正確的結論的。
整個頁面配色很少:最大色塊的翠綠,第二面積的白色,第三面積的深綠色,但得到的效果卻是強烈的、顯眼的,達到充分展現產品主題的目的。
深綠色給人繁茂、健康、成熟、穩重、生命、開闊的心理感受
相關網頁配色教程:
- 相關鏈接:
- 教程說明:
網頁配色教程-網頁設計配色應用實例剖析——綠色系。