網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系_網(wǎng)頁(yè)配色教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
綠色在黃色和藍(lán)色(冷暖)之間,屬于較中庸的顏色,這樣使得綠色的性格最為平和、安穩(wěn)、大度、寬容。是一種柔順、舒適、滿(mǎn)足、美麗、受歡迎之色。也是網(wǎng)頁(yè)中使用最為廣泛的顏色之一。
綠色與人類(lèi)息息相關(guān),是永恒的欣欣向榮是的自然之色,代表了生命與希望,也布滿(mǎn)了青春活力,綠色象征著和平與安全、發(fā)展與生氣、舒適與安寧、松弛與休息,有緩解眼部疲憊的作用。
它本身具有一定的與自然、健康相關(guān)的感覺(jué),所以也經(jīng)常用于與自然、健康相關(guān)的站點(diǎn)。綠色還經(jīng)常用于一些公司的公關(guān)站點(diǎn)或教育站點(diǎn)。
綠色能使我們的心情變得格外明朗。黃綠色代表清新、平靜、安逸、和平、柔和、春天、青春、升級(jí)的心理感受。
下面我們根據(jù)綠色系不同屬性鄰近色、同類(lèi)色的高純度低純度、對(duì)比色等色彩搭配做不同的舉例分析。
→ 綠色網(wǎng)頁(yè)例圖:http://www.bacardimojito.com
綠色系分析:
從上圖的主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出,這兩中顏色只是在明度上有區(qū)別,其顯示的色相與飽和度是一樣的。正綠色是120度,這兩種顏色從RGB數(shù)值上看,都不同程度的混合了其他少許顏色,因此離正綠色稍有些偏差。由于綠色本身的特性,所以整個(gè)網(wǎng)頁(yè)看起來(lái)很安穩(wěn)舒適。
輔助色只在明度上降低,讓頁(yè)面多了些層次感、空間感。
白色塊面使得綠色的特性發(fā)揮到最好的狀態(tài)并增強(qiáng)了視覺(jué)節(jié)奏感。
點(diǎn)睛色恰到好處的體現(xiàn)出了"點(diǎn)睛"這一妙筆,極盡誘惑力,整個(gè)頁(yè)面頓時(shí)生動(dòng)提神起來(lái),增強(qiáng)了頁(yè)面主題的表達(dá)力。
結(jié)論:
主、輔色調(diào)是屬于同類(lèi)色綠色系,通過(guò)不同明度的變化,能較遞增緩和變化同時(shí)卻也較明顯的體現(xiàn)出頁(yè)面的色彩層次感來(lái)。假如不是通過(guò)數(shù)值來(lái)分析判定,可能會(huì)有些朋友憑經(jīng)驗(yàn)判定,輕易誤認(rèn)為這兩種顏色除了明度外有可能純度會(huì)有所不同,這時(shí)候適當(dāng)?shù)氖褂脭?shù)值模式會(huì)很輕易得到正確的結(jié)論的。
整個(gè)頁(yè)面配色很少:最大色塊的翠綠,第二面積的白色,第三面積的深綠色,但得到的效果卻是強(qiáng)烈的、顯眼的,達(dá)到充分展現(xiàn)產(chǎn)品主題的目的。
深綠色給人繁茂、健康、成熟、穩(wěn)重、生命、開(kāi)闊的心理感受
綠色與人類(lèi)息息相關(guān),是永恒的欣欣向榮是的自然之色,代表了生命與希望,也布滿(mǎn)了青春活力,綠色象征著和平與安全、發(fā)展與生氣、舒適與安寧、松弛與休息,有緩解眼部疲憊的作用。
它本身具有一定的與自然、健康相關(guān)的感覺(jué),所以也經(jīng)常用于與自然、健康相關(guān)的站點(diǎn)。綠色還經(jīng)常用于一些公司的公關(guān)站點(diǎn)或教育站點(diǎn)。
綠色能使我們的心情變得格外明朗。黃綠色代表清新、平靜、安逸、和平、柔和、春天、青春、升級(jí)的心理感受。
下面我們根據(jù)綠色系不同屬性鄰近色、同類(lèi)色的高純度低純度、對(duì)比色等色彩搭配做不同的舉例分析。
→ 綠色網(wǎng)頁(yè)例圖:http://www.bacardimojito.com
綠色系分析:
從上圖的主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出,這兩中顏色只是在明度上有區(qū)別,其顯示的色相與飽和度是一樣的。正綠色是120度,這兩種顏色從RGB數(shù)值上看,都不同程度的混合了其他少許顏色,因此離正綠色稍有些偏差。由于綠色本身的特性,所以整個(gè)網(wǎng)頁(yè)看起來(lái)很安穩(wěn)舒適。
輔助色只在明度上降低,讓頁(yè)面多了些層次感、空間感。
白色塊面使得綠色的特性發(fā)揮到最好的狀態(tài)并增強(qiáng)了視覺(jué)節(jié)奏感。
點(diǎn)睛色恰到好處的體現(xiàn)出了"點(diǎn)睛"這一妙筆,極盡誘惑力,整個(gè)頁(yè)面頓時(shí)生動(dòng)提神起來(lái),增強(qiáng)了頁(yè)面主題的表達(dá)力。
結(jié)論:
主、輔色調(diào)是屬于同類(lèi)色綠色系,通過(guò)不同明度的變化,能較遞增緩和變化同時(shí)卻也較明顯的體現(xiàn)出頁(yè)面的色彩層次感來(lái)。假如不是通過(guò)數(shù)值來(lái)分析判定,可能會(huì)有些朋友憑經(jīng)驗(yàn)判定,輕易誤認(rèn)為這兩種顏色除了明度外有可能純度會(huì)有所不同,這時(shí)候適當(dāng)?shù)氖褂脭?shù)值模式會(huì)很輕易得到正確的結(jié)論的。
整個(gè)頁(yè)面配色很少:最大色塊的翠綠,第二面積的白色,第三面積的深綠色,但得到的效果卻是強(qiáng)烈的、顯眼的,達(dá)到充分展現(xiàn)產(chǎn)品主題的目的。
深綠色給人繁茂、健康、成熟、穩(wěn)重、生命、開(kāi)闊的心理感受
相關(guān)網(wǎng)頁(yè)配色教程:
- 網(wǎng)站配色指南-互聯(lián)網(wǎng)的色彩心理學(xué)
- 網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ)分析:RGB與HSB
- 網(wǎng)頁(yè)設(shè)計(jì)色彩搭配寶藍(lán)色的介紹
- 看圖學(xué)配色藝術(shù),學(xué)習(xí)設(shè)計(jì)
- 學(xué)習(xí)HTML的一些關(guān)于顏色方面的參考
- 網(wǎng)頁(yè)配色:正文中國(guó)傳統(tǒng)色彩名錄
- 韓國(guó)在線(xiàn)配色網(wǎng)頁(yè)
- 網(wǎng)頁(yè)設(shè)計(jì)配色:原色
- 網(wǎng)頁(yè)設(shè)計(jì)配色:和色
- 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黑色系
- 主流web2.0網(wǎng)站的配色參考方案
- 網(wǎng)站設(shè)計(jì)中的對(duì)比配色和相近配色
網(wǎng)頁(yè)配色教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)配色教程推薦
猜你也喜歡看這些
- Robots Meta標(biāo)簽及其用法
- 記事本風(fēng)格的分欄設(shè)計(jì)
- 網(wǎng)頁(yè)設(shè)計(jì)中圖片展現(xiàn)形式的思考
- 注冊(cè)登錄界面設(shè)計(jì)的八種錯(cuò)誤表現(xiàn)
- 網(wǎng)絡(luò)界面設(shè)計(jì)中的批判性思維
- HTML絕對(duì)路徑和相對(duì)路徑
- 扁平化設(shè)計(jì):你在這趨勢(shì)中收獲了什么?
- 企業(yè)網(wǎng)站的錘煉,讓你的網(wǎng)站更像專(zhuān)業(yè)的網(wǎng)站
- 響應(yīng)式的炫彩2013中國(guó)節(jié)日大全桌面及其移動(dòng)設(shè)備日歷
- 界面設(shè)計(jì)表達(dá)需要注意尺度
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系
- 教程說(shuō)明:
網(wǎng)頁(yè)配色教程-網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——綠色系
。
