常用配色基本概念及精相關(guān)彩實(shí)例剖析(3)_網(wǎng)頁(yè)配色教程

      編輯Tag賺U幣
      教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
      按此在新窗口瀏覽圖片

      補(bǔ)色

      ■ 補(bǔ)色:

        是廣義上的對(duì)比色。在色環(huán)上劃直徑,正好相對(duì)(即距離最遠(yuǎn))的兩種色彩互為補(bǔ)色。如:紅色是綠色的補(bǔ)色;橙色是藍(lán)色的補(bǔ)色;黃色是紫色的補(bǔ)色。
        補(bǔ)色的運(yùn)用可以造成最強(qiáng)烈的對(duì)比。

      → 補(bǔ)色網(wǎng)頁(yè)例圖:http://www.upsod.org
      按此在新窗口瀏覽圖片
        補(bǔ)色分析:
        選用了一組紅綠對(duì)比色,極賦視覺沖擊力、所表現(xiàn)出的性格異常鮮明。
        我們看到RGB中綠色的數(shù)值顯示情況符合復(fù)色的條件,因此注定了該顏色明度稍暗、純度較低的特性,而紅色R數(shù)值118構(gòu)成了該色的主要成份,其他G72,B61數(shù)值接近,純度和亮度相對(duì)綠色較高,因此2色在構(gòu)成色彩空間差距上拉大。HSB中2色的S數(shù)值也顯示出,它們的飽和度相差較大。
        結(jié)論:
        補(bǔ)色最能傳達(dá)強(qiáng)烈、個(gè)性的情感。純度稍低的綠色為背景的大面積使用,對(duì)比并突出了前景純度明度較高的面積較小紅色的圖形,形成了視覺中心重點(diǎn)突出,達(dá)到主次分明的主題效果。
        紅綠、橙藍(lán)、黃紫這三組補(bǔ)色中,前兩種使用得最頻繁。這三組補(bǔ)色搭配出的最終效果和目的,可以用兩個(gè)字來概括——強(qiáng)烈!
      按此在新窗口瀏覽圖片

      鄰近色

      ■ 鄰近色:

        是在色環(huán)上任一顏色同其毗鄰之色。鄰近色也是類似色關(guān)系,只是范圍縮小了一點(diǎn)。例如紅色和黃色,綠色和藍(lán)色,互為鄰近色。

      → 鄰近色網(wǎng)頁(yè)例圖:http://www.artoyz.com
      按此在新窗口瀏覽圖片
        鄰近色分析:
        上圖選用了紅色、黃色為鄰近色示例,主要在色相上做區(qū)別豐富了頁(yè)面色彩上的變化。
        RGB數(shù)值上看,以上5色R的數(shù)值都很高,僅是微妙的不同。其中淺黃色的B為138,因此在HSB數(shù)值中純度S顯示最低,為46%;5色RGB中G的數(shù)值都不同,色相、明度也產(chǎn)生相應(yīng)的不同。從數(shù)值上分析整體看來,5色都有在同一頻率的變化。
      結(jié)論:
        由于是相鄰色系,視覺反差不大,統(tǒng)一、調(diào)和,形成協(xié)調(diào)的視覺韻律美,相較顯得安定、穩(wěn)重的同時(shí)不失活力,是一種恰到好處的配色類型。

      按此在新窗口瀏覽圖片

      同類色

      ■ 同類色:

        比鄰近色更加接近的顏色,它主要指在同一色相中不同的顏色變化。例如,紅顏色中有紫紅、深紅、玫瑰紅、大紅、朱紅、桔紅等等種類,黃顏色中又有深黃、土黃、中黃、桔黃、淡黃、檸檬黃等等區(qū)別。它起到色彩調(diào)和統(tǒng)一,又有微妙變化的作用。
      → 同類色網(wǎng)頁(yè)例圖:http://www.misspato.com
      按此在新窗口瀏覽圖片
        同類色分析:
        選用紅色系4種同類色示例,主要在明度上做區(qū)別變化。
      由于是紅色系,4色RGB數(shù)值中的R,數(shù)值都很高,且相當(dāng)。從HSB數(shù)值看出,明度越高的顏色飽和度越低。
        這4種同類色相來看,明度在強(qiáng)中弱的節(jié)奏中的緩和的進(jìn)行變化。
      結(jié)論:
        第一眼看上去給人溫柔、雅致、安寧的心理感受,便可知該組同類色系非常調(diào)和統(tǒng)一。只運(yùn)用同類色系配色,是十分謹(jǐn)慎穩(wěn)妥的做法,但是有時(shí)會(huì)有單調(diào)感。添加少許相鄰或?qū)Ρ壬,可以體現(xiàn)出頁(yè)面的活躍感和強(qiáng)度。

      按此在新窗口瀏覽圖片

      暖色

      ■ 暖色:

        指的是紅、橙、黃、這類顏色。暖色系的飽和度越高,其暖和特性越明顯?梢源碳と说呐d奮性,使體溫有所升高。
      → 暖色網(wǎng)頁(yè)例圖:http://www.mrwong.de
      按此在新窗口瀏覽圖片
        暖色分析:
        由于是暖色系,以上3種顏色RGB數(shù)值中R的含量為主導(dǎo),B都為0,暖度強(qiáng)度傾向在G的添加黃色成份變化中可以看到,較規(guī)律的數(shù)值變化、較有視覺節(jié)奏感。HSB中純度S和明度B都達(dá)到最高值,是鮮艷奪目的搭配色組合。
      結(jié)論:
        高明度高純度的色彩搭配,把頁(yè)面表達(dá)得鮮艷炫目,有非常強(qiáng)烈刺激的視覺表現(xiàn)力。
      充分體現(xiàn)了暖色系的飽和度越高,其暖和特性越明顯的性格。
      按此在新窗口瀏覽圖片

      冷色

      ■ 冷色:

        指的是綠、青、藍(lán)、紫等顏色,冷色系亮度越高,其特性越明顯。能夠使人的心情平靜,清爽,恬雅。
      → 冷色網(wǎng)頁(yè)例圖:http://www.portaldemoda.pt
      按此在新窗口瀏覽圖片

        冷色分析:

        該網(wǎng)頁(yè)示例主要選用了鄰近色系藍(lán)色綠色和同類色的明度變化。其中3種藍(lán)色系的RGB數(shù)值從二位數(shù)到三位數(shù),隨著明度的遞增的同時(shí),由低到高在有規(guī)律有節(jié)奏的變化。HSB的數(shù)值SB也相對(duì)隨著同比變化,純度S的含量都不大,因此這幾組色彩相對(duì)含蓄柔和。
        綠色系RGB數(shù)值G的色相明顯,相應(yīng)添加了高亮度的黃色R,使色彩較鮮艷明快。HSB數(shù)值SB也顯示出其高純度高亮度的特性。
        結(jié)論:
        冷色系的亮度越高,其特性越明顯。單純冷色系搭配視覺感比暖色系舒適,不易造成視覺疲憊。藍(lán)色、綠色是冷色系的主要系,是設(shè)計(jì)中較常用的顏色,也是大自然之色,帶來一股清新、祥和安寧的空氣。

        本部分小結(jié):

        ● 從以上例子可看出三原色視覺沖擊力最強(qiáng),也最是刺目的,輕易制造沖突、煩燥、不舒適的心情,所以是較難把握的配色,大面積大范圍使用要慎重。間色是由三原色中的兩色調(diào)配二次,間于原色和復(fù)色之間,屬于中性色,視覺沖擊力次之,顏色的刺激緩和不少,給人舒適、愉悅的心情,是較輕易把握的配色,也是在設(shè)計(jì)中使用得比較多的顏色。復(fù)色是由兩種間色或原色與間色相混合而產(chǎn)生的顏色,呈灰色階,視覺沖擊力更弱,柔和但是使人沉悶壓抑。復(fù)色調(diào)配好了,能體現(xiàn)出高層次高素養(yǎng)的成熟特性魅力,也稱為高級(jí)灰,是很經(jīng)看的顏色。
        由上可知,顏色相互混合的越多,飽和度越低,視覺沖擊力越弱。

        ● 色彩運(yùn)用到一定程度后,應(yīng)該逐漸熟悉到在一個(gè)環(huán)境、區(qū)域范圍里,色彩的屬性、性能特性是相對(duì)的。例如黃色在藍(lán)色、綠色這兩個(gè)區(qū)域環(huán)境下,黃色可以說這個(gè)時(shí)候是呈暖色,而出現(xiàn)在桔紅、朱紅、深紅這幾個(gè)區(qū)域環(huán)境下,黃色可以說在這個(gè)時(shí)候是呈冷色。同樣的,藍(lán)色相對(duì)綠色是冷色,紫色相對(duì)藍(lán)色是暖色等等?筛鶕(jù)網(wǎng)頁(yè)設(shè)計(jì)主題的目的要求,環(huán)境協(xié)調(diào)度的需要等等做相應(yīng)的搭配調(diào)整。

        ● RGB三者的數(shù)值越接近,色階較趨于直線平穩(wěn),呈灰階,網(wǎng)頁(yè)對(duì)視覺的刺激性越緩慢、柔和;RGB三者的數(shù)值相互間差距越大,色階曲線波動(dòng)就大,網(wǎng)頁(yè)對(duì)視覺的刺激性越迅速、強(qiáng)烈。HSB數(shù)值中SB相應(yīng)數(shù)值越高,視覺刺激度越強(qiáng)烈。抓住以上這些規(guī)律及色彩特性,在以后的網(wǎng)頁(yè)設(shè)計(jì)配色中,根據(jù)不同的需要配置不同的顏色,來達(dá)到某些不同的目的和效果。
        通過RGB數(shù)值和HSB數(shù)值的計(jì)算,能幫助更科學(xué)理性的分析判定,為的是更準(zhǔn)確的研究分析網(wǎng)頁(yè)設(shè)計(jì)配色的協(xié)調(diào)性、合理性、把握其規(guī)律性。
        有經(jīng)驗(yàn)的設(shè)計(jì)師通常僅僅憑目測(cè)、直覺,就能隨心所欲的掌控色彩的配置了。但如碰到困惑,不防也使用一下模式計(jì)算法。


      共3頁(yè)上一頁(yè)123下一頁(yè)
      來源:天極設(shè)計(jì)//所屬分類:網(wǎng)頁(yè)配色教程/更新時(shí)間:2006-08-25
      相關(guān)網(wǎng)頁(yè)配色教程