色彩搭配案例分析

1、.,色彩搭配,.,.,你能分辨它們嗎？,html中的紅,pantone(潘通）的紅,pantone(潘通）中暖紅,.,一、色 彩,.,定 義,色彩是一種由特定光譜的光線混合，并經(jīng)過(guò)傳播，反射引起的視覺(jué)感受。 色彩是由光引起的，而光是由各種稱為可視光譜色彩混合的： 紅、橙、黃、綠、 青、藍(lán)、紫。 物體吸收了特定波長(zhǎng)的光，并把其余的反射到我們的眼睛，因此形成了色彩感。,.,為什么紅蘋果是紅色的？,1：太陽(yáng)光中所有“不可見(jiàn)色彩“都照射到蘋果上2：蘋果的表面吸收掉除了紅色以外的其他所有色彩，并把紅色反射到人類的眼睛3：眼睛對(duì)進(jìn)入的色彩進(jìn)行接受，并把信息傳達(dá)給大腦,.,三個(gè)屬性： 色相(hue)、明度(

2、value)、彩度(chroma) 名稱（色相）：紅？綠？ 0 60 120 180 240 300 純度（飽和度）：是指色彩的鮮艷程度/飽和程度，相對(duì)于灰度的純度 沒(méi)有加入任何雜質(zhì)的時(shí)候,是最飽和的,最純凈的狀態(tài) 0% 50% 100%,描述一個(gè)色彩,.,描述一個(gè)色彩,三個(gè)維度 明度（亮度）：相對(duì)于黑色與白色的明亮程度，可以通過(guò)加入黑或白，來(lái)降低或增加亮度。 也是，平時(shí)生活中經(jīng)常提到的顏色的淺,淡,亮和明,暗,重. 0% 50% 100%,.,.,純度（飽和度）,同一色相中高純度和低純度的色彩具有很大的不同 比如，粉紅雖然屬于紅色，但由于純度較低，所以失去了紅色具有的激情，充滿能量的含義，反

3、而表現(xiàn)出柔軟和甜蜜等含義。 較暗的藍(lán)色具有典雅，穩(wěn)重的特性，而天空藍(lán)則具有輕盈，開(kāi)闊的特性。,.,加色法,意味著色彩是從黑色開(kāi)始，隨著色彩的疊加，逐漸變亮，最后成為白色。 在加色系統(tǒng)里沒(méi)有色彩就是黑色,.,減色法,意味著由白色開(kāi)始，隨色色彩的疊加，直到黑色,cmyk(在印刷領(lǐng)域),ryb(顏料調(diào)色),.,色環(huán)（色輪）,是種按照色相把色彩排列的呈現(xiàn)方式。,原色 紅 黃 藍(lán),間色 橙 綠 紫,三級(jí)色 黃橙、紅橙 紅紫、藍(lán)紫 黃綠、藍(lán)綠,.,互補(bǔ)色和類似色,互補(bǔ)色之間的搭配十分有趣，如果合適的搭配，會(huì)造成強(qiáng)烈的視覺(jué)效果，而不當(dāng)?shù)拇钆?，?huì)使畫面一團(tuán)糟。,互補(bǔ)色,類似色,類似色，是色環(huán)色上距離相近的顏色

4、,.,.,色彩的殘像,.,色彩搭配,?,.,圖形-背景之間的關(guān)系,圖形：主題，背景：陪襯 很大程度上依賴于色彩之間的對(duì)比 對(duì)比越強(qiáng)烈，主題在視覺(jué)上就越突出 理想的閱讀體驗(yàn)：保持文字和背景80%的對(duì)比度 （相對(duì)于最佳的黑白對(duì)比） 特殊情況-同時(shí)對(duì)比,你能看到我的文字么，這里是黃色的文字和白色的背景,你能看到我么，藍(lán)色的文字和黑色的背景,這是藍(lán)色背景和紅色文字的效果，你能看上一分鐘么?我勸你算了，把力氣花在看下面的文字吧.,.,使用互補(bǔ)色時(shí),高飽和度的色彩搭配容易產(chǎn)生更高的色彩對(duì)比，而低飽和的色彩搭配則使整體對(duì)比下降,.,設(shè)計(jì)中的色彩對(duì)比（1）,飽和度對(duì)比 這種對(duì)比是由飽和度不同的同色相的色彩并排

5、放置形成的 明暗對(duì)比 這種對(duì)比中由色彩明度不同引起的 面積對(duì)比（比例對(duì)比） 是由各色彩占用的面積而造成的對(duì)比，而這個(gè)面積往往由色彩的重量感來(lái)決定,.,設(shè)計(jì)中的色彩對(duì)比（2）,互補(bǔ)色對(duì)比 這時(shí)色環(huán)上互相為補(bǔ)色的色彩之間形成的對(duì)比 同時(shí)對(duì)比 是在視覺(jué)上形成顫抖和不穩(wěn)定色彩放在一起產(chǎn)生的 色相對(duì)比 這是不同色相形成的對(duì)比，就是色環(huán)上不同位置的色彩形成的對(duì)比，色環(huán)上距離越大，對(duì)比越強(qiáng)烈 冷暖對(duì)比 這是冷色和暖色并置在一起形成的對(duì)比,.,比例和明度,當(dāng)多種色彩在并置的時(shí)候，我們的視覺(jué)感到的并不個(gè)單個(gè)的色彩，而是色彩混合在一起形成的整體，這一整體會(huì)因其中各個(gè)色彩占面積比例的不同，而表現(xiàn)出不同的情況。 面積

6、比例最大色彩的是主導(dǎo)色，這往往是畫面的背景色。比例稍小的為次主導(dǎo)色。而占用比例最小的被稱為強(qiáng)調(diào)色。強(qiáng)調(diào)色在整體中往往占用的比例比較小，但通過(guò)色相，亮度，純度的對(duì)比來(lái)進(jìn)行強(qiáng)調(diào)和突出。,.,在面積比例不變的情況下，改變色彩的亮度也能改變整體給人的視覺(jué)感。,主導(dǎo)色,次主導(dǎo)色,畫面的強(qiáng)調(diào),.,創(chuàng)造強(qiáng)調(diào)色,第一種：把較小面積的高明度色放在低明度的背景上 第二種：把較小面積的低明度色放在高明度的背景上。 如果主導(dǎo)色（最大面積的色彩）為亮色（高明度色），那么畫面整體給人感覺(jué)較亮，較輕 相反，如果主導(dǎo)色為暗色，那么整體給人感覺(jué)較暗，較重。,.,主導(dǎo)色,次主導(dǎo)色,強(qiáng)調(diào)色,.,主導(dǎo)因素,精美的工藝品？吸引人的廣告

7、牌？又或者是個(gè)簡(jiǎn)單的文字闡述？ 以對(duì)比做主導(dǎo)因素：高對(duì)比，中等對(duì)比，低對(duì)比 以明度做主導(dǎo)因素：高明度，中等明度，低明度。,.,色彩搭配方法,把色輪按照明暗重新進(jìn)行了劃分，分出了更多的色彩,.,這個(gè)搭配對(duì)比稍高，明度中等，使用高飽和色 這個(gè)搭配對(duì)比高，明度中等，使用不同明度和純度色色彩 這個(gè)搭配對(duì)比稍低，明度稍亮，使用了較高亮度和不同純度的色彩,.,這個(gè)搭配對(duì)比適中，中等明度，使用了各亮度和不同純度的色彩 這個(gè)搭配對(duì)比稍低，明度偏暗，使用了較暗的色彩，純度各有不同 這個(gè)搭配對(duì)比低，中等明度，使用了各種明度和純度的色彩,.,這個(gè)搭配明度稍高，中等明度，使用了各種明度和純度的色彩 這個(gè)搭配對(duì)比高，明

8、度也高，使用了各種明度和純度的色彩,.,冷色和暖色,色環(huán)可以根據(jù)色相給人冷暖感受分為 暖色給人的印象是生動(dòng)的，激情的，有表現(xiàn)力的，給人感覺(jué)在空間位置靠前。 冷色給人的印象是謹(jǐn)慎的，冷靜的，產(chǎn)生平靜感，給人感覺(jué)在空間位置靠后。,.,一般我們把黑色，白色和灰色這里無(wú)色系視為中立，并沒(méi)有冷暖感，但在實(shí)際運(yùn)用中受到其他搭配色彩的影響，黑白灰等色彩也會(huì)表現(xiàn)出一定的冷暖感 下面是色彩冷暖的一個(gè)圖示：,.,色彩搭配進(jìn)階,.,互補(bǔ)色搭配,色環(huán)上相對(duì)的兩種色彩的搭配為互補(bǔ)色搭配，比如紅色和綠色。這種色彩之間強(qiáng)烈對(duì)比在高純度的情況下會(huì)引起色彩的顫動(dòng)和不穩(wěn)定感，在搭配中一定要處理好這種情況，不然會(huì)使得畫面沖突非常嚴(yán)

9、重并破壞整體。 互補(bǔ)色搭配在正式的設(shè)計(jì)中比較少見(jiàn)，主要由于它特殊性和不穩(wěn)定，但是很顯然的是，在各種色相搭配中，互補(bǔ)色搭配無(wú)疑是一種最突出的搭配，所以如果你想然你的作品特別引人注目，那互補(bǔ)色搭配或許是種最佳選擇。,.,近似色搭配和類似色搭配,色環(huán)上距離較近的色彩搭配被稱為近似色搭配，或者類似色搭配(一般可以把近似和類似等同起來(lái)）。一般這種色彩之間大搭配顯得平靜而舒服。 近似色搭配常常在自然中被找到，所以對(duì)眼睛來(lái)說(shuō)，這時(shí)種最舒適的搭配方式。在使用近似色搭配的時(shí)候，一定要適當(dāng)加強(qiáng)對(duì)比，不然可能使畫面顯得平淡。,.,三角形搭配,這種搭配是在色環(huán)上等距的選出三種色彩進(jìn)行搭配的方式。 三角形搭配是種能使得

10、畫面生動(dòng)的搭配方式，即使使用了低飽和度的色彩。在使用三角形搭配的時(shí)候一定要選出一種色彩作為主色，另外兩種作為輔助色。,.,分裂互補(bǔ)色搭配,這是種互補(bǔ)色搭配的變體，它的本質(zhì)是用使用類似色來(lái)代替互補(bǔ)色中的一個(gè)，以達(dá)到既有互補(bǔ)色搭配的優(yōu)點(diǎn)，并彌補(bǔ)互補(bǔ)色搭配的弱點(diǎn)。 分裂互補(bǔ)色的對(duì)比依然非常強(qiáng)烈，但它并不會(huì)像互補(bǔ)色搭配那樣產(chǎn)生顫抖和不安的感覺(jué)。 對(duì)初學(xué)者來(lái)說(shuō)，這是種非常好用的搭配，一般來(lái)說(shuō)，使用分裂互補(bǔ)色搭配的畫面對(duì)比強(qiáng)烈，而不易使色彩產(chǎn)生混亂的感覺(jué)。,.,矩形搭配(雙分裂互補(bǔ)色）,這同樣是互補(bǔ)色搭配的變體，相比上面的分裂互補(bǔ)色，這個(gè)搭配把而種色彩都替換成了類似色。這種搭配的色彩非常豐富，能使畫面產(chǎn)生

11、節(jié)奏感。 當(dāng)其中一種色彩作為主要色時(shí)，這種搭配能取得良好的效果。在這種搭配中要同時(shí)注意色彩冷暖的對(duì)比。,.,正方形搭配,這種搭配中四種色彩被均勻的分布在整個(gè)色彩空間。當(dāng)其中一種色彩作為主要色時(shí)，這種搭配能取得最好的效果。和矩形搭配一樣，需要注意冷暖色的對(duì)比和平衡。,.,配色實(shí)踐-提高畫面對(duì)比的原則,.,畫面產(chǎn)生對(duì)比的原則,一、使用明度差別較大的前景色和背景色進(jìn)行搭配，即使是色相和純度不同的色彩，如果他們明度差別較小，那請(qǐng)盡量不要把他們搭配在一起。 在設(shè)計(jì)過(guò)程中，設(shè)計(jì)師需要假設(shè)一點(diǎn)：觀者對(duì)色彩對(duì)比的敏感并沒(méi)有設(shè)計(jì)師本人高。所以在設(shè)計(jì)過(guò)程中，請(qǐng)盡量擴(kuò)大前景和背景之間的明度對(duì)比。,.,下圖是各種色彩

12、明度的參考：,.,畫面產(chǎn)生對(duì)比的原則,二、盡量從色環(huán)底部來(lái)選擇明度較低的色彩，從色環(huán)頂部來(lái)選擇明度較高的色彩，而不要從色環(huán)底部選擇明度較高的色彩，從頂部選擇明度低的色彩。 對(duì)很多人來(lái)說(shuō)，使用色環(huán)底部的高明度色彩，形成的對(duì)比并不明顯。,.,畫面產(chǎn)生對(duì)比的原則,三、減少使用近似色搭配，特別在雙方明度差別不大的時(shí)候。 這樣做可以有效避免一些色彩不敏感人群對(duì)整體識(shí)別上的困難。,.,色彩心理學(xué),.,色彩溫度感（冷色與暖色）,.,前進(jìn)色與后退色,前進(jìn)色：一般是暖色或者明度和純度都較高，給人一種視覺(jué)上靠近觀者的感覺(jué)。 后退色：一般是冷色或者明度和純度都較低，給人一種視覺(jué)上遠(yuǎn)離觀者的感覺(jué)。,.,色彩體積感（膨

13、脹色與收縮色）,膨脹色一般是前進(jìn)色和暖色，明度較高 收縮色一般是后退色和冷色，明度較低 在服飾搭配中，體型偏胖者可以選擇收縮色，偏瘦者可以選擇膨脹色。,.,色彩重量感（輕色與重色）,輕色：一般為明度高，冷色 重色：一般為明度低，暖色,.,色彩華麗感（華麗色與樸素色）,華麗色：一般是純度較高或者明度較高 樸素色：一般是純度較低或者明度較低,.,色彩的硬度感（柔軟色與堅(jiān)硬色）,.,色彩的味覺(jué)感,甜味：一般是黃，橙，紅等明度較高的暖色-聯(lián)想到西瓜和蛋糕等 酸味：一般是綠色，以及黃綠這類的色彩-聯(lián)想到未成熟的桔子和檸檬 苦味：以黑色，灰褐色為主，一般是低明度，低純度的色彩-聯(lián)想到咖啡,可可等 辣味：以

14、紅色和綠色這類的高純度色彩為主-聯(lián)想到辣椒 咸味：高亮度的藍(lán)色于灰色-聯(lián)想到大海與鹽 澀味：灰綠色，暗綠色這類的低純度色彩-聯(lián)想到未成熟的柿子,.,.,色彩的季節(jié)感,春天：是具有朝氣，生命的特性，一般各種高明度和高純度的色彩，以黃綠色為典型 夏天：具有陽(yáng)光，強(qiáng)烈的特性，一般是高純度的色彩形成的對(duì)比，以高純度的綠色，高明度的黃色和紅色為典型 秋天：具有成熟，蕭索的特性，一般是黃色以及暗色調(diào)為主的色彩 冬天：具有冰凍，寒冷的特性，一般是灰色，高明度的藍(lán)色，白色等冷色,.,.,色彩與形狀,色彩也具有各自的幾何形狀的特性，如果能和形狀結(jié)合起來(lái)，可以加強(qiáng)本身的特性 圓形：具有溫和，圓滑的特性，適合藍(lán)色的

15、特性 正方形：具有方正，有重量感，適合紅色的特性 三角形：具有尖銳，積極，適合黃色的特性 長(zhǎng)方形：介于黃于紅色之間，適合橙色的特性 橢圓：介于紅于藍(lán)之間，適合紫色的特性,.,色彩的可視性,一般來(lái)說(shuō)，色彩的可視性是指色彩能否被看清楚的特性，色彩的可視性往往在色彩搭配中才能表現(xiàn)出來(lái)，同時(shí)會(huì)因圖背景，面積，明度，亮度，純度產(chǎn)生變化。 一般來(lái)說(shuō)，色彩明度越高，純度越高，面積比例越大，可視性越好；,.,可以辨識(shí)下下面那個(gè)車牌容易被識(shí)別,.,色彩的地域差別 人們對(duì)于色彩的喜好，會(huì)因?yàn)榄h(huán)境，教育，民族，流行等產(chǎn)生很大的差別，這方面的知識(shí)由于涉及面非常廣，所以我們并不詳細(xì)介紹，大家可以通過(guò)平時(shí)積累來(lái)詳細(xì)體會(huì)這

16、些差別。,.,色彩所占用的面積大小當(dāng)色彩占用面積較大時(shí)，表現(xiàn)出一種充滿能量，占有統(tǒng)治地位的視覺(jué)感覺(jué)，而面積較小時(shí)候，則給人弱小，軟弱的感覺(jué)。,.,與其他色彩的搭配我們常常有一些習(xí)慣的色彩搭配，在這些搭配中每個(gè)色彩都有自己的特有的意思，比如西方紅色和綠色就是圣誕節(jié)的搭配，在我國(guó)，黃色和紅色象征著國(guó)家機(jī)關(guān),.,色彩與性別差異 性別差異會(huì)不會(huì)造成對(duì)色彩的認(rèn)知的不同？雖然研究者們眾說(shuō)紛紜，但研究結(jié)果表明：男性和女性對(duì)于某種色彩的喜好程度是不同的。 男性比女性更喜好藍(lán)色，而女性比男性更喜好紅色 女性比男性對(duì)色彩的認(rèn)知度更高，但這個(gè)不是先天造成的，而是由于女性更多的生活在色彩豐富的環(huán)境下,.,色彩與食欲-

17、利用色彩來(lái)減肥 藍(lán)色，可能是各種色彩中最不適宜食物的色彩。,.,色彩的力量-粉色 粉色可以使強(qiáng)壯的人變得虛弱，粉色的監(jiān)獄能使得變得平靜,.,色彩與視覺(jué)刺激 哪些色彩使人感到不舒服？ 黃色-高亮度的檸檬黃（以下簡(jiǎn)稱黃色）是最容易引起視覺(jué)疲憊的色彩，為什么？我們可以通過(guò)光學(xué)物理來(lái)解釋這個(gè)問(wèn)題，黃色作為明度最高的色彩，也意味著放射最多的光線到我們的眼睛，所以，黃色是一種對(duì)眼睛有刺激性的色彩 我們經(jīng)常用紅色來(lái)形容人生氣的樣子,.,色彩的聯(lián)想 由于人們平常接觸的物體都有自己的色彩，相反但看到某種色彩，也會(huì)聯(lián)想到相應(yīng)的一些物體,.,配色實(shí)踐-配色與平衡,.,目 的,配色的目的就是使得畫面整體符合人的色彩感

18、覺(jué)，并達(dá)到色彩平衡。 有秩序的色彩組合，往往能使人產(chǎn)生愉悅的視覺(jué)享受。利用色相明度純度之間的對(duì)比與面積比例的變化，來(lái)調(diào)整色彩的統(tǒng)一與變化，以此來(lái)達(dá)到配色的平衡。,.,對(duì)于同一色相的的配色,由于色相種類比較少，很容易使得畫面變的穩(wěn)定，但由于缺乏變化，我們可以通過(guò)明度和純度的對(duì)比變化來(lái)達(dá)到平衡。,.,類似色的配色,類似色是指色環(huán)上位置相近的色彩，這類色彩之間的搭配穩(wěn)定，容易平衡。,.,互補(bǔ)色之間的配色,互補(bǔ)色之間由于色相對(duì)比非常大，除了調(diào)節(jié)各色相之間的面積、明度和純度，經(jīng)常使用間色或者無(wú)色系的色彩來(lái)起到平衡整體的作用。,.,配色實(shí)踐-配色的原則與方法,平衡、強(qiáng)調(diào)、節(jié)奏、支配,.,平衡,配色中的平衡

19、是指色彩搭配時(shí)，上下左右有平穩(wěn)安定的感覺(jué)，一般通過(guò)色彩的明度和面積比例變化來(lái)調(diào)整整體的平衡。 明度高的色彩在上面，明度低的在下面時(shí)，整體上容易平衡 純度高的色彩和暖色的面積應(yīng)該小于純度低的色彩和冷色，這樣整體上容易平衡。,.,.,節(jié) 奏,節(jié)奏能使畫面產(chǎn)生活潑的，有律動(dòng)的感覺(jué)，節(jié)奏的使用可以分為重復(fù)節(jié)奏和漸變節(jié)奏兩種。 重復(fù)節(jié)奏是指：以某種色彩作為有規(guī)律的重復(fù)變化。 漸變節(jié)奏是指：色彩由明到暗，由淺到深，或者色相漸變的變化,.,.,強(qiáng)調(diào),在整體色彩單調(diào)的情況下，可以使用小面積的強(qiáng)而醒目的色彩來(lái)進(jìn)行強(qiáng)調(diào)。強(qiáng)調(diào)色可以使用整體色彩的互補(bǔ)色或者分類互補(bǔ)色，并且與整體形成對(duì)比（比如整體低明度的情況下使用高

20、明度，整體低純度的情況下使用高純度等）,.,.,支 配,在不能取得調(diào)和的整體畫面上再鋪上一層色彩，使得因?yàn)榫哂型械纳识纬烧w的和諧，這層色彩可以被稱為支配色，一般構(gòu)造支配色有二中手法： 明度支配：是指在整體各色彩中加入白色或者黑色的成分，使得整體明度上取得和諧色相支配：是指在整體各色彩中加入某一種色彩，使得整體色彩在色相上取得和諧,.,.,配色實(shí)踐-色彩的對(duì)比,色彩會(huì)被相鄰或者相近的其他色彩影響而產(chǎn)生變化，這便是色彩對(duì)比的來(lái)源,.,同時(shí)對(duì)比與繼續(xù)對(duì)比 同時(shí)對(duì)比就是同時(shí)看到幾種色彩，這幾種色彩相互影響，而產(chǎn)生不同于原來(lái)的色彩效果 繼續(xù)對(duì)比是指有次序的快速觀察幾種色彩，前面觀察的色彩影響的后面的色彩。這個(gè)我們可以想象快速依次觀看畫廊里的作品產(chǎn)生的效果。,.,色相對(duì)比 把兩種不同色相的色彩并置在一起，相互產(chǎn)生偏色的情