色彩基礎(chǔ)知識(shí)_第1頁
色彩基礎(chǔ)知識(shí)_第2頁
色彩基礎(chǔ)知識(shí)_第3頁
色彩基礎(chǔ)知識(shí)_第4頁
色彩基礎(chǔ)知識(shí)_第5頁
已閱讀5頁,還剩24頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、色彩基礎(chǔ)知識(shí)、色彩的構(gòu)成。無彩色是指白、灰、黑等不帶顏、色彩的構(gòu)成。無彩色是指白、灰、黑等不帶顏有彩色是指紅、黃、藍(lán)、綠等帶有顏色的色彩,如圖2中的色彩。原色:是指無法用其他顏色混合得到的顏色,即第一次色。理論上講原色只有三種:紅,黃,藍(lán)。印刷中三原色是紅,黃,青。是構(gòu)成其他顏色的母色。原色不能由其他顏色調(diào)出卻可以調(diào)配出其他任何顏色。間色:三原色中任何兩種混合產(chǎn)生的顏色稱為間色,又稱第二色。間色也是三種:橙、綠、紫。補(bǔ)色:在色環(huán)上,相對(duì)的兩種顏色(即:在同一條直徑上的兩種顏色)為一組補(bǔ)色,如:紅和綠,橙和藍(lán),黃和紫都是補(bǔ)色。補(bǔ)色的對(duì)比十分強(qiáng)烈,視覺上給人不和諧的感覺。補(bǔ)色的組合可以使人感覺紅的

2、更紅綠的更綠,雖然不和諧,但如果運(yùn)用得好的話也可以很漂亮,給人視覺沖擊力很強(qiáng),如果運(yùn)用得不好,就會(huì)給人俗氣,刺眼得感覺。對(duì)比色:如與指定的某色,依色環(huán)度大約成108度至144度之間的相對(duì),在此范圍內(nèi)的所有色相稱為對(duì)比色系。同類色:指色素比較相近得不同顏色,如:大紅,朱紅,玫瑰紅,深紅等顏色。鄰近色:鄰近色是指在色環(huán)上相鄰得各種顏色,如:黃綠,黃,橙黃,橙等。二、色彩的三要素一一色相、明度、純度:色相是指色彩得相貌,也就是色彩最顯著得特征,又叫色名,色種等。生活中得各種色彩都有自己具體得面貌,因此也就有了不同得名稱,如:海藍(lán),天藍(lán),孔雀藍(lán)等等。色彩得明度是指色彩本身得明暗深淺程度,簡單來說就是指

3、色彩得黑白程度。色彩得純度又稱色彩得飽和度,是指色彩本身得鮮艷程度。色調(diào):色調(diào)就是一幅畫得總的色彩傾向性。由若干塊占主要面積的色彩所決定的。色調(diào)從色相上分,可以有紅調(diào)子,綠調(diào)子,紫調(diào)子等;從明度上分可以有亮調(diào)子,暗調(diào)子等;從純度上分,可以分為艷調(diào)子,灰調(diào)子等;從色性上,又可以分為暖調(diào)子,冷調(diào)子等0賢32=R24RP均f16:BIDG&0賢32=R24RP均f16:BIDG&:Y兮相環(huán))3:bG耘曲錄一三、色彩的特性1、色彩的冷暖物體通過表面色彩可以給人們或溫暖或寒冷或涼爽的感覺。一般說來,溫度感覺是通過感覺器官觸娛物體而來.與色彩風(fēng)馬牛不相及。事實(shí)上,各類物體借助五彩繽紛的色彩給人一定的溫度感

4、覺。紅、橙、黃等顏色使人想到陽光、烈火,故稱“暖色”。如圖6中燃燒的深林,如果你沒看到圖,聽到火,肯定會(huì)想到是紅色,灼熱的感覺。綠、青、藍(lán)等顏色與黑夜、寒冷相聯(lián),稱“冷色”。圖7,夜晚被燈光照亮的賓館大廈,感覺冷冷的。紅色給人積極、躍勸、溫暖的感覺。藍(lán)色給人低靜、消極的感覺。綠與紫是中性色彩刺激小,效果介于紅與藍(lán)之間。中性色彩使人產(chǎn)生休憩、輕松的情緒,可以避免產(chǎn)生疲勞感。人對(duì)色彩的冷暖感覺基本取決于色調(diào)。色系一般分為暖色系、冷色系、中性色系三類。色彩的冷暖效果還需要考慮其他因素。例如,暖色系色彩的飽和度愈高,其溫暖的特性愈明顯;而冷色系色彩的亮度愈高,其特性愈明顯。我們把上面的圖6、7,分別增

5、加飽和度和亮度,看到各自反映的效果更加突出(圖8)。2、色彩的輕重感覺各種色彩給人的輕重感不同,我們從色彩得到的重量感,是質(zhì)感與色感的復(fù)合感覺。例如兩個(gè)體積、重量相等的皮箱(圖9)分別涂以不同的顏色,然后用手提、目測兩種方法判斷木箱的重量。結(jié)果發(fā)現(xiàn),僅憑目測難以對(duì)重量做出準(zhǔn)確的判斷,可是利用目測木箱的顏色卻能夠得到:輕重感,淺色密度小,有一種向外擴(kuò)散的運(yùn)動(dòng)現(xiàn)象,給人質(zhì)量輕的感覺深色密度大,給人一種內(nèi)聚感,從而產(chǎn)生份量重的感覺。3、色彩的膨脹與收縮比較兩個(gè)顏色一黑一白而體積相等的正方形(圖10)可以發(fā)現(xiàn)有趣的現(xiàn)象,即大小相等的正方形,由于各自的表面色彩相異,能夠斌予人不同的面積感覺。白色正方形似

6、乎較黑色正方形的面積大。這種因心理因素導(dǎo)致的物體表面面積大于實(shí)際面積的現(xiàn)象稱“色彩的膨脹性”。反之稱“色彩的收縮性”。給人一種膨脹或收縮感覺的色彩分別稱膨脹色”、“收縮色”。色彩的脹縮與色調(diào)密切相關(guān),暖色同膨脹色,冷色屬收縮色。圖10圖104、色彩的前進(jìn)性與后退性如果等距離地看兩種顏色,可給人不同的遠(yuǎn)近感。如:黃色與藍(lán)色以黑色為肯景時(shí)(圖11),人們往往感覺黃色距離自己比藍(lán)色近。換言之,黃色有前進(jìn)性,藍(lán)色有后退性。較底色突出的前進(jìn)性的色彩稱“進(jìn)色”;較底色暗淡的后退色彩稱“退色”。圖11圖11一般而言,暖色比冷色更富有前進(jìn)的特性。兩色之間,亮度偏高的色彩呈前進(jìn)性,飽和度偏向的色彩也呈前進(jìn)性。但

7、是色彩的前進(jìn)與后退不能一概而論,色彩的前進(jìn)、后退與背景色密切相關(guān)。如在白背景前(圖12),屬暖色的黃色給人后退感,屬冷色的藍(lán)色卻給人向前擴(kuò)展的感覺。圖12應(yīng)用色彩學(xué)由于生長在一個(gè)充滿著色彩的世界,色彩一直刺激我們的視覺器官,而色彩也往往是作品給人的第一印象色彩與生活首先在認(rèn)識(shí)色彩前,我們要先建立一種觀念,就是如果要了解色彩認(rèn)識(shí)色彩,便要用心去感受生活,留意生活中的色彩,否則容易變成一個(gè)視而不見的色盲,就如人體的其他感官一樣,色彩就活像是我們的為味覺,一樣的材料但因用了不同的調(diào)味料而有了不同的味道,成功的好吃,失敗的往往叫人難以下咽,而色彩對(duì)生理與心理都有重大的影響,因此色彩學(xué)算是設(shè)計(jì)的一門基本

8、科目。色彩意象當(dāng)我們看到色彩時(shí),除了會(huì)感覺其物理方面的影響,心里也會(huì)立即產(chǎn)生感覺,這種感覺我們一般難以用言語形容,我們稱之為印象,也就是色彩意象。紅的色彩意象由于紅色容易引起注意,所以在各種媒體中也被廣泛的利用,除了具有較佳的明視效果之外,更被用來傳達(dá)有活力,積極,熱誠,溫暖,前進(jìn)等涵義的企業(yè)形象與精神,另外紅色也常用來作為警告,危險(xiǎn),禁止,防火等標(biāo)示用色,人們在一些場合或物品上,看到紅色標(biāo)示時(shí),常不必仔細(xì)看內(nèi)容,及能了解警告危險(xiǎn)之意,在工業(yè)安全用色中,紅色即是警告,危險(xiǎn),禁止,防火的指定色。大紅桃紅磚紅玫瑰紅橙的色彩意象橙色明視度高,在工業(yè)安全用色中,橙色即是警戒色,如火車頭,登山服裝,背包

9、,救生衣等,由於橙色非常明亮刺眼,有時(shí)會(huì)使人有負(fù)面低俗的意象,這種狀況尤其容易發(fā)生在服飾的運(yùn)用上,所以在運(yùn)用橙色時(shí),要注意選擇搭配的色彩和表現(xiàn)方式,才能把橙色明亮活潑具有口感的特性發(fā)揮出來。鮮橙橘橙朱橙香吉士黃的色彩意象黃色明視度高,在工業(yè)安全用色中,橙色即是警告危險(xiǎn)色,常用來警告危險(xiǎn)或提醒注意,如交通號(hào)志上的黃燈,工程用的大型機(jī)器,學(xué)生用雨衣,雨鞋等都使用黃色。大黃檸檬黃柳丁黃米黃綠的色彩意象在商業(yè)設(shè)計(jì)中,綠色所傳達(dá)的清爽,理想,希望,生長的意象,符合了服務(wù)業(yè),衛(wèi)生保健業(yè)的訴求,在工廠中為了避免操作時(shí)眼睛疲勞,許多工作的機(jī)械也是采用綠色,一般的醫(yī)療機(jī)構(gòu)場所,也常采用綠色來作空間色彩規(guī)劃即標(biāo)示

10、醫(yī)療用品。大綠翠綠橄欖綠墨綠藍(lán)色的色彩意象大綠翠綠橄欖綠墨綠藍(lán)色的色彩意象由于藍(lán)色沉穩(wěn)的特性,具有理智,準(zhǔn)確的意象,在商業(yè)設(shè)計(jì)中,強(qiáng)調(diào)科技,效率的商品或企業(yè)形象,大多選用藍(lán)色當(dāng)標(biāo)準(zhǔn)色,企業(yè)色,如電腦,汽車,影印機(jī),攝影器材等等,另外藍(lán)色也代表憂郁,這是受了西方文化的影響,這個(gè)意象也運(yùn)用在文學(xué)作品或感性訴求的商業(yè)設(shè)計(jì)中。大藍(lán)天藍(lán)水藍(lán)深藍(lán)紫色的色彩意象大藍(lán)天藍(lán)水藍(lán)深藍(lán)紫色的色彩意象由于具有強(qiáng)烈的女性化性格,在商業(yè)設(shè)計(jì)用色中,紫色也受到相當(dāng)?shù)南拗瞥撕团杂嘘P(guān)的商品或企業(yè)形象之外,其他類的設(shè)計(jì)不常采用為主色。大紫貴族紫葡萄酒紫深紫褐色的色彩意象大紫貴族紫葡萄酒紫深紫褐色的色彩意象在商業(yè)設(shè)計(jì)上,褐色通

11、常用來表現(xiàn)原始材料的質(zhì)感,如麻,木材,竹片,軟木等,或用來傳達(dá)某些引品原料的色澤即味感,如咖啡,茶,麥類等,或強(qiáng)調(diào)格調(diào)古典優(yōu)雅的企業(yè)或商品形象。茶色可可色麥芽色調(diào)古典優(yōu)雅的企業(yè)或商品形象。茶色可可色麥芽色原木色白色的色彩意象在商業(yè)設(shè)計(jì)中,白色具有高級(jí),科技的意象,通常需和其他色彩搭配使用,純白色會(huì)帶給別人寒冷,嚴(yán)峻的感覺,所以在使用白色時(shí),都會(huì)摻一些其他的色彩,如象牙白,米白,乳白,蘋果白,在生活用品,服飾用色上,白色是永遠(yuǎn)流行的主要色,可以和任何顏色作搭配。黑色的色彩意象在商業(yè)設(shè)計(jì)中,黑色具有高貴,穩(wěn)重,科技的意象,許多科技產(chǎn)品的用色,如電視,跑車,攝影機(jī),音響,儀器的色彩,大多采用黑色,在

12、其他方面,黑色的莊嚴(yán)的意象,也常用在一些特殊場合的空間設(shè)計(jì),生活用品和服飾設(shè)計(jì)大多利用黑色來塑造高貴的形象,也是一種永遠(yuǎn)流行的主要顏色,適合和許多色彩作搭配。灰色的色彩意象在商業(yè)設(shè)計(jì)中,灰色具有柔和,高雅的意象,而且屬於中間性格,男女皆能接受,所以灰色也是永遠(yuǎn)流行的主要顏色,在許多的高科技產(chǎn)品,尤其是和金屬材料有關(guān)的,幾乎都采用灰色來傳達(dá)高級(jí),科技的形象,使用灰色時(shí),大多利用不同的層次變化組合或他配其他色彩,才不會(huì)過於素,沉悶,而有呆板,僵硬的感覺。大灰老鼠灰藍(lán)灰深灰網(wǎng)頁頁面中總是由具有某種內(nèi)在聯(lián)系的各種色彩,組成一個(gè)完整統(tǒng)一的整體,形成畫面色彩總的趨向,稱為色調(diào)。也可以理解為色彩狀態(tài)。色彩給

13、人的感覺與氛圍,是影響配色視覺效果的決定因素。為了使網(wǎng)頁的整體畫面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺,以便充分的掌握其規(guī)律來更好的分析學(xué)習(xí),上次我們介紹了視覺角色主次位置的幾個(gè)概念,本節(jié)我們介紹色彩的對(duì)比。對(duì)比與調(diào)和就是形式美的變化與統(tǒng)一規(guī)律在一定條件下,不同色彩之間的對(duì)比會(huì)有不同的效果。在不同的環(huán)境下,多色彩給人一種印象,色彩單一給人另一種印象。各種純色的對(duì)比會(huì)產(chǎn)生鮮明的色彩效果,很容易給人帶來視覺與心理的滿足。紅、黃、藍(lán)三種顏色是最極端的色彩,它們之間對(duì)比,哪一種顏色也無法影響對(duì)方。很多朋友都以為色彩對(duì)比主要是紅綠、橙藍(lán)、黃紫色的對(duì)比,實(shí)際色彩對(duì)比范疇不局限于這些。是指各種色彩的界面構(gòu)成中的面積、形狀、位

14、置以及色相、明度、純度之間的差別,使網(wǎng)頁色彩配合增添了許多變化、頁面更加豐富多彩。名詞解釋:RGB:HSB模式:HSB模式中的H、S、B分別表示色調(diào)、飽和度、亮度,這是一種從視覺的角度定義的顏色模式衣服與顏色:服裝的顏色與皮膚的顏色搭配不當(dāng)?shù)脑?,所產(chǎn)生的效果就北將是極不理想的,因?yàn)槟w色的不同,應(yīng)該選擇不同色彩的服裝。膚色白的人穿任何顏色的服裝都適合。因?yàn)椤耙话僬诎俪蟆?,而膚色較黃較暗的,就不應(yīng)該穿顏色發(fā)柴的衣服,這樣顯得面部顏色越發(fā)的暗淡。皮膚較黃的人,應(yīng)避免用明度高的黃色,藍(lán)色以及紫色上衣,這容易讓人覺得萎磨不振。缺乏生氣,相反選一些粉色調(diào)的服飾,如粉白,粉紅等色彩,可能會(huì)中和黃色,使皮膚變

15、得白皙些。皮膚太黑的人,盡量避免穿純黑或太紫太褐的上裝,因?yàn)轭伾畹纳涎b會(huì)導(dǎo)致五官模糊不清,相反,比較明亮的顏色,如粉白,淡黃,粉白等,可以使肌膚顯得既有光澤又健康。漂白的上裝和褲子,裙子不可以隨便穿,這樣與膚色反差太大,沒有美感。膚色分為4種:1,白皙的.這種膚色大體說來搭配很多顏色都很好看,但是我建議不要穿飽和度太低的,比如米黃淡粉,這樣會(huì)讓人感覺有鄉(xiāng)土氣2,暗黃的.這種膚色千萬不要嘗試非常正的顏色,比如純度很高的紅桃紅天藍(lán).應(yīng)該穿飽和度較低的衣服比如米黃淡藍(lán)等.然而選擇黑、白灰就更好了3,小麥色.這多半是紫外線的結(jié)果而不是天生的.這樣的話選擇比較沉郁啞光的效果會(huì)很好.比如酒紅咖啡粉紫銀

16、灰等.同樣,顏色可以大膽,但是飽和度不要高4,古銅色.這樣比較暗啞顏色極深的膚色最好穿暖色系中較淺的衣服.比如淡粉米黃粉藍(lán)等色彩的對(duì)比規(guī)律大致有以下幾點(diǎn):色相對(duì)比是指因色相之間的差別形成的對(duì)比。當(dāng)主色相確定后,必須考慮其他色彩與主色相是什么關(guān)系,要表現(xiàn)什么內(nèi)容及效果等,這樣才能增強(qiáng)其表現(xiàn)力。不同色相對(duì)比取得的效果有所不同,兩色越接近,對(duì)比效果越柔和。越接近補(bǔ)色,對(duì)比效果越強(qiáng)烈。f色相對(duì)比網(wǎng)頁例圖:主色調(diào)輔色調(diào)點(diǎn)瘠色背最色G:219S:91%H.305,R0T152G:15dSiSDliG.11JS:1ECTtB:1SB:2DlZ比典恬B.75&-55W-色相對(duì)比分析:主要是以綠色與藍(lán)色之間的色

17、相對(duì)比。從HSB數(shù)值上可看出嫩綠色的S純度高B亮度也很高,因此艷麗的顏色作為背景與前景純度稍低的墨綠和轱藍(lán)色形成色相之間的對(duì)比。前景的墨綠雖然純度達(dá)到最高值100%,比主色調(diào)高不少,但是因?yàn)榱炼鹊?,因此色彩顯示沒有主色調(diào)明艷。結(jié)論:該頁面色相的對(duì)比,主要作用于前景與背景的對(duì)比、局部與整體的對(duì)比。明度對(duì)比明度對(duì)比可分為:彩色差的明度對(duì)比及非彩色差的明度對(duì)比是指色彩之間明暗程度的差別而形成的對(duì)比。是頁面形成恰當(dāng)?shù)暮?、白、灰效果的主要手段。明度?duì)比在視覺上對(duì)色彩層次和空間關(guān)系影響較大。例如檸檬黃明度高,藍(lán)紫色的明度低,橙色和綠色屬中明度,紅色與藍(lán)色屬中低明度。明度對(duì)比網(wǎng)頁例圖:FrfLirvdAJR

18、rrsuHsFA5HK?NACCESSORIESFHA&RAT-JCE5BEAUTY主色調(diào)輔色調(diào)背最色DiorFrfLirvdAJRrrsuHsFA5HK?NACCESSORIESFHA&RAT-JCE5BEAUTY主色調(diào)輔色調(diào)背最色Dior明度對(duì)比分析:(非彩色差)嚴(yán)格來說,該頁面應(yīng)該是黑白灰色非色彩構(gòu)成,攝影圖片中的人物衣服為灰色,相對(duì)單純的黑白對(duì)比柔和舒適于視覺。能使頁面顯得更單純、統(tǒng)一,形成另一道獨(dú)特的風(fēng)景。純度對(duì)比是指不同色彩之間純度的差別而形成的對(duì)比。色彩純度可大致分為高純度、中純度、低純度三種。未經(jīng)調(diào)和過的原色純度是最高的,而間色多屬中純度的色彩,復(fù)色其本身純度偏低而屬低純度的色

19、彩范圍。純度的對(duì)比會(huì)使色彩的效果更明確肯定。f純度對(duì)比網(wǎng)頁例圖:主色調(diào)背員色R12H1921G:1B3S主色調(diào)背員色R12H1921G:1B3S:95M.E.233B:93W捕色調(diào)B.3S1M323-Q182324皈5.Z2弓;旳悴直睹色R.yjH.55*F!EfllH.339G:2468.90%G:3S:99B.2.1B.9SH-E.127B:95純度對(duì)比分析:整個(gè)頁面看起來異常艷麗刺激然而又非常的協(xié)調(diào)。以上數(shù)值主要選取了幾種較有代表性的顏色。大家注意看,以上色彩除了粉紅色,其他幾組顏色都是高飽和度高亮度的顏色,因此充分的發(fā)揮出了色彩的艷麗程度。包括粉紅色在內(nèi)的幾種灰色階,在中間起到了和諧作

20、用。白色能拉開相近色階的空間及明快頁面的作用,在這里可以說是功不可沒。結(jié)論:頁面實(shí)際上用了不少顏色,配色大膽。抓住顏色主次冷暖的安排,適度再加上和諧的過渡色灰色,實(shí)現(xiàn)了作者對(duì)該頁面的輕松配色。從多種高純度的搭配協(xié)調(diào)能力上看,足可見作者對(duì)色彩設(shè)計(jì)搭配不一般的功底。這類網(wǎng)頁配色非常能夠體現(xiàn)出一個(gè)網(wǎng)站頁面產(chǎn)品個(gè)性,配色難度大。讓人過目難忘。補(bǔ)色對(duì)比將紅與綠、黃與紫、藍(lán)與橙等具有補(bǔ)色關(guān)系的色彩彼此并置,使色彩感覺更為鮮明,純度增加,稱為補(bǔ)色對(duì)比。f補(bǔ)色對(duì)比網(wǎng)頁例圖:http:/ HYPERLINK http:/www.forthosewholovelife.co.uk www.forthosewhol

21、ovelife.co.ukA主色調(diào)輔色調(diào)R.55H:150R.30R255G.1G:0DIMB.20TP.OD.ID*補(bǔ)色對(duì)比分析:由冷色系的綠色、藍(lán)色組成大背景環(huán)境,純度較低。前景主要是突出產(chǎn)品、文字信息內(nèi)容的大紅色形成補(bǔ)色對(duì)比效果,RGB的R255數(shù)值與HSB是H為零,數(shù)值顯示非常明確,標(biāo)準(zhǔn)的大紅色。純度亮度非常高,達(dá)到最高值,加之白色的勾邊,使得紅色更為凸顯,更易于視覺對(duì)信息的迅速捕捉。結(jié)論:對(duì)比色的合理搭配,能拉開前景與背景的空間感,突出頁面主體物。尤其是紅色在主體物的運(yùn)用,能迅速傳遞視覺的效果。冷暖對(duì)比是指不同色彩之間的冷暖差別形成的對(duì)比。色彩分為冷、暖兩大色系,以紅、橙、黃為暖色體

22、系,藍(lán)、綠、紫則代表著冷色系,兩者基本上互為補(bǔ)色關(guān)系。另外,色彩的冷暖對(duì)比還受明度與純度的影響,白光反射高而感覺冷,黑色吸收率高而感覺暖。f冷暖對(duì)比網(wǎng)頁例圖:IIT此ImLizzieMCGUiREVoteFAVORITELizzieepisodes:嚟爲(wèi)品住HcGuir.rtLiue4lKMpsBg心pi疵PidiDdy4-D1SCBOXSETECnMihE耐IIT此ImLizzieMCGUiREVoteFAVORITELizzieepisodes:嚟爲(wèi)品住HcGuir.rtLiue4lKMpsBg心pi疵PidiDdy4-D1SCBOXSETECnMihE耐1|kBXClJUWE會(huì)札BONU

23、SFEATURESAswiRjn.口H1-8D0-HELPNObVorvisitRwdcmi陰ik陽昭a(bǔ)rgDae血afinancialMcmaliOntodayNowAvailableanAndVideoL22iHCGUIIIT*UZZIBIHCCL1RI:LIZZIEHC&UILELlllllLIZ7LHC:GjaLlzi.3iThl主色調(diào)R153H19iG:225S:3BWB:247B:97W輔色調(diào)點(diǎn)睹色背杲色R.162H70*尺西*H.49-R221H329G:1B93.34%G.213S:89WG.5B3:74%B:30B:74WB:27B:99B:1436:37%R.ZJ8H.29

24、6G:135S:47%B:2KB:1K?%R.250H.23-G.11BS:9BWB:5B:96%冷暖對(duì)比分析:以上這幾組顏色乍一看感覺鮮艷程度都差不多,但是通過觀察它們的數(shù)值發(fā)現(xiàn)飽和度都有相差,然而明度相近,因此它們給人造成的視覺感受幾乎是相同的。該頁面冷暖顏色較為豐富,橙和藍(lán)是對(duì)比最強(qiáng)烈的補(bǔ)色,其次是傾向不夠明顯的補(bǔ)色黃、紫。明度不同的兩個(gè)綠色起到了冷暖視覺的過渡作用。主色調(diào)的淺藍(lán)色亮度較高,讓頁面不易給人沉悶的感覺。結(jié)論:冷暖對(duì)比的應(yīng)用,通常在休閑娛樂網(wǎng)站、食品網(wǎng)站出現(xiàn)比較多。將這兩個(gè)色系的色彩安排在同一畫面時(shí),其對(duì)比效果極為強(qiáng)烈。通常初學(xué)者較容易使兩色相互排斥,導(dǎo)致畫面色調(diào)不諧調(diào)。一般

25、我們采用兩種調(diào)和的方法。純度調(diào)整降低冷暖兩色純度。用明度黑、白、灰變化來調(diào)整畫面的層次、直接使用黑、白、灰色系進(jìn)入畫面搭配,或者加入補(bǔ)色的諧調(diào),也都能很好的起到協(xié)調(diào)的效果。f純度調(diào)整網(wǎng)頁例圖:http:/ HYPERLINK Thjp*i|rtvnPhil-ppin*?rigiPHIaI.吧知uE!:Ivhhr-upboThjp*i|rtvnPhil-ppin*?rigiPHIaI.吧知uE!:IvhhQUQD.PhaLsshMbiuitin1rjrn*ipliIinErrtwiJ-a-vnfk-hd主色調(diào)輔色調(diào)尺zsiH.M-R51H.1751R.355H.43R.H5H.S591R;5iH

26、2051G.153S:1IK%G.15JS:S71tG:1B3-S.1KX%g.1s.gowG.D3:100%B:QB.99WB:153B:60E:0B:7B.10O%B.OB:2D%純度調(diào)整分析:主色調(diào)的橙色,添入了少許黑色做漸變背景色,降低了純度。輔助色的藍(lán)色是橙色的補(bǔ)色,主要起的是使得整個(gè)頁面過多的暖色降低協(xié)調(diào)于整體的效果,及背景色的棕色都分別提暗降低純度。而左上角的黃色則通過提高了亮度來降低純度。一個(gè)頁面里應(yīng)有少量純度較高的顏色而不至于使整個(gè)頁面過于壓抑,純度亮度很高的點(diǎn)睛色紅色就起到了這個(gè)作用。結(jié)論:純度的調(diào)整主要是通過明度黑、白、灰變化來調(diào)整畫面的層次,適當(dāng)?shù)募尤胙a(bǔ)色也是其中的一個(gè)

27、辦法。網(wǎng)頁設(shè)計(jì)配色應(yīng)用色彩的調(diào)和面積調(diào)整主次的面積區(qū)分。根據(jù)設(shè)計(jì)主題的需要,在畫面的面積上以一方為主色,于是就掌控畫面的色調(diào)作用,其他的顏色在使用面積上拉開距離,使畫面的主次關(guān)系更突出,在統(tǒng)一的同時(shí)富有變化。f面積調(diào)整網(wǎng)頁例圖:http:/ HYPERLINK 99主色調(diào)輔色調(diào)點(diǎn)靖色背杲色R255H:3CFR237H(TG:153G.33&口9:34-面積調(diào)整分析:作為大面積使用的主色調(diào)-飽和度和亮度為最高值的橙色,通過適當(dāng)面積的白色加入?yún)f(xié)調(diào)和平衡了視覺的作用外,主體物的深紅紋樣的圖片點(diǎn)綴著純度、亮度較高的紅色有醒目作用,縮小面積而卻又能突出于視覺中心點(diǎn),疏密構(gòu)圖的對(duì)比效果。結(jié)論:大面積的顏色

28、和小面積使用的顏色可以拉開主次關(guān)系,位置的正確安排也是一個(gè)方面。面積對(duì)比同一種色彩,面積越大,明度、純度越強(qiáng),面積越小,明度、純度越低。面積大的時(shí)候,亮的色顯得更輕,暗的色顯得更重。這種現(xiàn)象稱為色彩的面積效果。面積對(duì)比是指頁面中各種色彩在面積上多與少、大與小的差別,影響到頁面主次關(guān)系。面積的對(duì)比,可以是中高低明度差的面積變化及中高低純度差的面積變化。f面積對(duì)比網(wǎng)頁例圖:http:/www.parkpack.ruo主色調(diào)輔色調(diào)點(diǎn)潔色RJQBH.1Q5-K.nrH.WR.KZK.rG.195G1723:33WB:2D4B30B:6T%面積對(duì)比分析:作為大面積使用的主色調(diào)-飽和度和亮度為最高值的橙色

29、,通過適當(dāng)面積的白色加入?yún)f(xié)調(diào)和平衡了視覺的作用外,主體物的深紅紋樣的圖片點(diǎn)綴著純度、亮度較高的紅色有醒目作用,縮小面積而卻又能突出于視覺中心點(diǎn),疏密構(gòu)圖的對(duì)比效果。結(jié)論:大面積的顏色和小面積使用的顏色可以拉開主次關(guān)系,位置的正確安排也是一個(gè)方面。網(wǎng)頁頁面中總是由具有某種內(nèi)在聯(lián)系的各種色彩,組成一個(gè)完整統(tǒng)一的整體,形成畫面色彩總的趨向,稱為色調(diào)。也可以理解為色彩狀態(tài)。色彩給人的感覺與氛圍,是影響配色視覺效果的決定因素。為了使網(wǎng)頁的整體畫面呈現(xiàn)穩(wěn)定協(xié)調(diào)的感覺,以便充分的掌握其規(guī)律來更好的分析學(xué)習(xí),我們前面介紹了色調(diào)的視覺角色主次位置的幾個(gè)概念,也介紹了色彩的對(duì)比。今天我們介紹色彩的調(diào)和。兩種或兩種

30、以上的色彩合理搭配,產(chǎn)生統(tǒng)一諧調(diào)的效果,稱為色彩調(diào)和。色彩調(diào)和是求得視覺統(tǒng)一,達(dá)到人們心理平衡的重要手段。調(diào)和就是統(tǒng)一,下面介紹的四種方法能夠達(dá)到調(diào)和頁面色彩的目的。同種色的調(diào)和相同色相、不同明度和純度的色彩調(diào)和。使之產(chǎn)生秩序的漸進(jìn),在明度、純度的變化上,彌補(bǔ)同種色相的單調(diào)感。f同種色的調(diào)和網(wǎng)頁例圖:oneABOdIWslconwIGsolarOneatStuyvesantCoveParkoneABOdIWslconwIGsolarOneatStuyvesantCoveParkIcnenergyS=Ul.flR.POrtERLUBAIlLtFtafRIfcS點(diǎn)睛色背最色aim詠ofncflar

31、卩加制a倍眞snqtedvnuueS=Ul.flR.POrtERLUBAIlLtFtafRIfcS點(diǎn)睛色背最色R.255H忖R.255ti.6=rR.217n:as=*G.2DT3:96昏;囲関G:93S3驚S6B.1O0%B:30呂:3丁也B:1E:asw主色調(diào)輔色調(diào)同種色的調(diào)和分析:同種色給人的感覺是相當(dāng)協(xié)調(diào)的。它們通常在同一個(gè)色相里,通過明度的黑白灰或者純度的不同來稍微加以區(qū)別的,產(chǎn)生了及其微妙的韻律美。為了不至于讓整個(gè)頁面呈現(xiàn)過于單調(diào)平淡,有些頁面則是加入極其小的其他顏色做點(diǎn)綴。該頁面使用了同種色的黃色系,淡黃、檸檬黃、中黃、通過明度、純度的微妙變化產(chǎn)生緩和的節(jié)奏美感。結(jié)論:同種色被稱

32、為最穩(wěn)妥的色彩搭配方法。類似色的調(diào)和在色環(huán)中,色相越靠近越調(diào)和。主要靠類似色之間的共同色來產(chǎn)生作用。f類似色的調(diào)和網(wǎng)頁例圖:聊創(chuàng)TEiHUG.衛(wèi)廿巴咎iiiiLii:I?ifliS.A1A讓整個(gè)頁面呈現(xiàn)過于單調(diào)平淡,有些頁面則是加入極其小的其他顏色做點(diǎn)綴。該頁面使用了同種色的黃色系,淡黃、檸檬黃、中黃、通過明度、純度的微妙變化產(chǎn)生緩和的節(jié)奏美感。結(jié)論:同種色被稱為最穩(wěn)妥的色彩搭配方法。類似色的調(diào)和在色環(huán)中,色相越靠近越調(diào)和。主要靠類似色之間的共同色來產(chǎn)生作用。f類似色的調(diào)和網(wǎng)頁例圖:聊創(chuàng)TEiHUG.衛(wèi)廿巴咎iiiiLii:I?ifliS.A1A-TH1TMsmoMEIOI託匕曇長T391當(dāng)?

33、|fil4IHt|.n9-M1笛凹LVB坐洞6叫魁討護(hù)導(dǎo)出黑丄!勺掘|右-alRE4oioiBai.u|?ij.?jh阿匸SS2JIUtf-Ef主醫(yī)也筆wtii巨足u時(shí)*旦淬4利古的il!X宙外關(guān)育屯tyysfrift罟形斗F也令|rUf訊曾軒它里璃叫衛(wèi)衛(wèi)5f科沖;3田耳S.flPFq-ftrEfitA-1日護(hù)卜|也音芒阿州-3*151vw5ir4-e*i3出口I辺若02SCO-TmI:(ni5Qt-7SE2-L&tf:ElfiK?HI-J0169已匸H電衛(wèi)営甘打丼導(dǎo)衛(wèi)SjiI!1.poy噸理一山百城(H耳-別曲量*硏:.5=12-出匸理TH也段空即包厲圈醐旦?U3-/二背;1K出耳計(jì)耳翌兇芒

34、卅1主色調(diào)輔色調(diào)點(diǎn)睛色背冒色R.ZJ0H.STG23rSHTte0;107氐93懷RBH159G:1673.96%B12SB;73%R:Z38H35CTG:4SS:7B*B;3PB陽,牖類似色的調(diào)和分析:類似色相較于同類色色彩之間的可搭配度要大些,顏色豐富、富于變化。以上頁面主要取的是色環(huán)中的黃色、綠色、藍(lán)色通過明度、純度、面積上的不同實(shí)現(xiàn)變化和統(tǒng)一的。雖然主色調(diào)的米黃色在頁面中使用面積最大,但是我們看到由于它的明度非常高,飽和度就降低了,因此在頁面中處在不明顯的角色。而綠色的純度最高,且使用面積次之,頁面顯示較顯眼,因此用于次級(jí)導(dǎo)航位置上。整個(gè)頁面主次的視覺引導(dǎo)分明。結(jié)論:不是每種主色調(diào)都是

35、極其顯眼的位置,通常多扮演著用于突出主體的輔助性配角。而重要角色往往在頁面中用的份量極少,卻又起到突出主體的作用。對(duì)比色的調(diào)和調(diào)和方法有:1、提高或降低對(duì)比色的純度;2、在對(duì)比色之間插入分割色(金、銀、黑、白、灰等);3、采用雙方面積大小不同的處理方法;4、對(duì)比色之間加入相近的類似色。f對(duì)比色的調(diào)和網(wǎng)頁例圖:http:/ HYPERLINK 主色調(diào)輔也調(diào)R238HR2O0H333G2D13.95%主色調(diào)輔也調(diào)R238HR2O0H333G2D13.95%S.S5對(duì)比色的調(diào)和分析:基本上可以說是黃色和紫色的對(duì)比色做頁面的主要色調(diào)。黃色紫色組合在網(wǎng)頁中使用率較低,原因是這組顏色適用范圍相對(duì)其他兩組對(duì)比色要小很多,配色難度也較兩組大。這里黃色加入了紅色呈中黃色,紫色加入了紅色,偏玫瑰色,所以這組顏色不

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論