一蕉拢、色彩三要素:
色彩可用的色調(diào)(色相)特碳、飽和度(純度)和明度來(lái)描述。人眼看到的任一彩色光都是這三個(gè)特性的綜合效果晕换,這三個(gè)特性即是色彩的三要素午乓。
色相
? ?色彩是由于物體上的物理性的光反射到人眼視神經(jīng)上所產(chǎn)生的感覺(jué)。色的不同是由光的波長(zhǎng)的長(zhǎng)短所決定的闸准。作為色相益愈,指的是這些不同波長(zhǎng)的色的情況。在色相環(huán)上夷家,與環(huán)中心對(duì)稱蒸其,并在180度的位置兩端的色被稱為互補(bǔ)色,如:紅與青库快,藍(lán)與黃摸袁,綠與品紅為互補(bǔ)色;在24色相環(huán)上相距120度到180 度之間的兩種顏色义屏,稱為對(duì)比色但惶;在24色相環(huán)上任選一色耳鸯,與此色相距90度,或者彼此相隔五六個(gè)數(shù)位的兩色膀曾,即稱為鄰近色县爬;在色環(huán)上任意60°角度以內(nèi)的顏色,各色之間含有共同色素添谊,故稱"類似色”财喳;色相環(huán)中15°夾角內(nèi)的顏色為同類色。想學(xué)習(xí)平面設(shè)計(jì)的可以加我qq群:760610867斩狱!系統(tǒng)帶你學(xué)習(xí)耳高!
明度
表示色所具有的亮度和暗度被稱為明度,黑色為0所踊,白色為10泌枪,在0—10之間等間隔的排列為9個(gè)階段。色彩可以分為有彩色和無(wú)彩色秕岛,但后者仍然存在著明度碌燕。
飽和度
飽和度是指色彩的鮮艷程度,也稱色彩的純度继薛。飽和度取決于該色中含色成分和消色成分(灰色)的比例修壕。含色成分越大,飽和度越大遏考;消色成分越大慈鸠,飽和度越小。純的顏色都是高度飽和的灌具,如鮮紅青团,鮮綠】ч梗混雜上白色壶冒,灰色或其他色調(diào)的顏色,是不飽和的顏色截歉,如絳紫胖腾,粉紅,黃褐等瘪松。完全不飽和的顏色根本沒(méi)有色調(diào)咸作,如黑白之間的各種灰色。
通常在界面設(shè)計(jì)中宵睦,大多采用HSB的顏色模式進(jìn)行色彩的調(diào)整记罚,在HSB模式中,H(hues)表示色相壳嚎,S(saturation)表示飽和度桐智,B(brightness)表示明度末早。
二、色彩的視覺(jué)特征
不同的色彩说庭,會(huì)給人帶來(lái)不同的聯(lián)想然磷,因此,不同的色彩才會(huì)帶給人不用的視覺(jué)感受刊驴,例如看到綠色會(huì)感受到自然的輕松愜意等姿搜。
色彩的冷暖感
暖色:人們見(jiàn)到紅、紅橙捆憎、橙舅柜、黃橙、紅紫等色后躲惰,馬上聯(lián)想到太陽(yáng)致份、火焰、熱血等物像础拨,產(chǎn)生溫暖氮块、熱烈、危險(xiǎn)等感覺(jué)太伊。
冷色:見(jiàn)到藍(lán)雇锡、藍(lán)紫逛钻、藍(lán)綠等色后僚焦,則很易聯(lián)想到太空、冰雪曙痘、海洋等物像芳悲,產(chǎn)生寒冷、理智边坤、平靜等感覺(jué)名扛。
色彩的冷暖感覺(jué)不僅表現(xiàn)在固定的色相上,而且在比較中還會(huì)顯示其相對(duì)的傾向性茧痒。如同樣表現(xiàn)天空的霞光肮韧,用玫紅畫(huà)早霞那種清新而偏冷的色彩,感覺(jué)很恰當(dāng)旺订,而描繪晚霞則需要暖感強(qiáng)的大紅了弄企。想學(xué)習(xí)平面設(shè)計(jì)的可以加我qq群:760610867!系統(tǒng)帶你學(xué)習(xí)区拳!
色彩的輕重感
這主要與色彩的明度有關(guān)拘领。明度高的色彩使人聯(lián)想到藍(lán)天、白云樱调、彩霞及許多花卉還有棉花约素,羊毛等。產(chǎn)生輕柔、飄浮甩栈、上升隘弊、敏捷、靈活等感覺(jué)样漆。明度低的色彩易使人聯(lián)想鋼鐵为障,大理石等物品,產(chǎn)生沉重放祟、穩(wěn)定鳍怨、降落等感覺(jué)。
色彩的前后感
色彩的前后感其實(shí)是視錯(cuò)覺(jué)的一種現(xiàn)象跪妥,一般暖色鞋喇、純色、高明度色眉撵、強(qiáng)烈對(duì)比色侦香、大面積色、集中色等有前進(jìn)感覺(jué)纽疟,相反罐韩,冷色、濁色污朽、低明度色散吵、弱對(duì)比色、小面積色蟆肆、分散色等有后退感覺(jué)矾睦。
色彩的華麗與質(zhì)樸
色彩的三要素對(duì)華麗及質(zhì)樸感都有影響,其中純度關(guān)系最大炎功。明度高枚冗、純度高的色彩,豐富蛇损、強(qiáng)對(duì)比 色彩感覺(jué)華麗赁温、輝煌。明度低淤齐、純度低的色彩股囊,單純、弱對(duì)比的色彩感覺(jué)質(zhì)樸床玻、古雅毁涉。
色彩的莊重與活潑
暖色、高純度色锈死、豐富多彩色贫堰、強(qiáng)對(duì)比色感覺(jué)跳躍穆壕、活潑有朝氣,冷色其屏、低純度色喇勋、低明度色感覺(jué)莊重、嚴(yán)肅偎行。
三川背、配色方法
配色主要分為單色、漸變色和多色蛤袒,單色和漸變色的配色稍微簡(jiǎn)單一些熄云,這里主要來(lái)講解多色的配色方法。多色的配色一般可拆解為主色妙真、輔助色和強(qiáng)調(diào)色缴允。
主色:主色一般作為背景色存在,占比為60%左右珍德,決定了整個(gè)畫(huà)面的基調(diào)练般;
輔助色:輔助色一般為主體的色彩,占比為30%左右锈候,輔助色常為主色的對(duì)比色薄料;
強(qiáng)調(diào)色:強(qiáng)調(diào)色是在主色和輔助色以外起強(qiáng)調(diào)作用的色彩,可以說(shuō)它是非常重要的視覺(jué)焦點(diǎn)泵琳。有時(shí)只有兩種色彩搭配的時(shí)候摄职,輔助色也是強(qiáng)調(diào)色;
配色方案一般由5個(gè)左右的色彩組成虑稼,在這5種色彩中琳钉,通常其中會(huì)有2~3個(gè)顏色屬于同色系(不同明度或飽和度)或鄰近色势木;
補(bǔ)充:黑白灰作為無(wú)彩色系蛛倦,在配色方案中不計(jì)入。
配色方案常見(jiàn)的方法有兩種啦桌,一種是直接找到別人分享的配色方案溯壶,將配色方案運(yùn)用在自己的設(shè)計(jì)中,例如用百度搜索”配色方案“會(huì)出現(xiàn)很多例如下圖的結(jié)果:
常用的配色工具和網(wǎng)站介紹:
1甫男、coolors.co ?
剛打開(kāi)頁(yè)面時(shí)且改,會(huì)隨機(jī)生成一個(gè)配色方案,按空格鍵可以隨機(jī)切換板驳,如果某個(gè)色彩覺(jué)得可以又跛,可以點(diǎn)擊鎖定按鈕,將此色鎖定若治,再按空格鍵進(jìn)行配色慨蓝。鏈接:https://coolors.co/f08700-f49f0a-efca08-00a6a6-bbdef0
2感混、kuler
可以在網(wǎng)頁(yè)端使用,也有桌面本地版本礼烈。使用也很簡(jiǎn)單弧满,只需要移動(dòng)界面上的取色點(diǎn),就可以隨機(jī)生成一個(gè)配色方案此熬,還可保持到PS里面庭呜,同時(shí)也可以在ps應(yīng)用里看到別的大神分享在kuler的配色方案;鏈接:https://color.adobe.com/zh/create/color-wheel/
3犀忱、Palatable
隨機(jī)挑選喜歡的顏色組成配色色板募谎;可單獨(dú)調(diào)整某個(gè)顏色色值,也可直接輸入色號(hào)添加顏色阴汇;http://www.palettable.io/382518
4近哟、Reeoo
顏色分類與檢索提供一些APP,網(wǎng)頁(yè)設(shè)計(jì)鲫寄,平面設(shè)計(jì)吉执,書(shū)籍設(shè)計(jì),ICON等的精彩案例地来,可選擇色彩后直接預(yù)覽案列效果戳玫,更方便配色方案的挑選。
5未斑、Dribbble
這個(gè)網(wǎng)站大多都是看國(guó)外設(shè)計(jì)師的一些概念作品咕宿,但每個(gè)作品也會(huì)有配色色板,另外點(diǎn)擊某個(gè)色彩蜡秽,就會(huì)跳轉(zhuǎn)到使用了該色的作品列表頁(yè)面府阀,我們可以根據(jù)作品表達(dá)出來(lái)的風(fēng)格和效果來(lái)選擇一個(gè)合適的配色方案。
另一種則是自己制作配色方案:
首先選擇一張攝影作品或者繪畫(huà)作品芽突,畫(huà)面風(fēng)格與設(shè)計(jì)作品相符试浙。
如何吸取顏色?首先觀察畫(huà)面的色彩結(jié)構(gòu)寞蚌,拆解出主色田巴、輔助色和強(qiáng)調(diào)色。吸取顏色的時(shí)候挟秤,例如粉紅色也有飽和度的高低壹哺,這時(shí),你盡量在中檔飽和度的這個(gè)區(qū)域內(nèi)選擇艘刚。
先尋找畫(huà)面中的主色調(diào)管宵,分別選取兩到三個(gè)不同明度的顏色;
再尋找輔助色,這里葉子的顏色為輔助色箩朴;
最后選取主體的色彩笛臣,作為強(qiáng)調(diào)色來(lái)凸顯主題,這里是花朵上的紅色隧饼;想學(xué)習(xí)平面設(shè)計(jì)的可以加我qq群:760610867沈堡!系統(tǒng)帶你學(xué)習(xí)!
補(bǔ)充說(shuō)明:對(duì)于色彩運(yùn)用較豐富的設(shè)計(jì)作品燕雁,在制作配色的方案的時(shí)候诞丽,再此基礎(chǔ)上還可以再根據(jù)不同的配色,選取更多的搭配色拐格,例如這里的主色-紅色僧免,我們還可以在圖片中選取出兩到三個(gè)顏色來(lái)搭配,這樣在色彩運(yùn)用的過(guò)程中捏浊,色彩的變化就會(huì)更加豐富細(xì)膩了懂衩。
補(bǔ)充:如果覺(jué)得取色的時(shí)候不好抉擇,可以采用另一種方法:先將圖片模糊金踪,然后執(zhí)行:濾鏡>像素化>晶格化浊洞;處理之后,色彩的飽和度基本都處于中間值胡岔,然后選擇配色方案會(huì)方便很多法希,但這也會(huì)有一個(gè)弊端,就是會(huì)丟失一些色彩靶瘸,那再具體運(yùn)用配色的時(shí)候又會(huì)需要將這些點(diǎn)睛的色彩找回來(lái)苫亦,配色的效果才會(huì)出來(lái)。
四怨咪、配色方案運(yùn)用
我們借助一個(gè)海報(bào)的上色來(lái)簡(jiǎn)單的運(yùn)用一下我們通過(guò)前面的方法得到的配色方案屋剑,案例原圖如下:
首先,我們分別使用上圖玫瑰花和紫色房屋的配色方案試一下诗眨,效果圖如下唉匾;
調(diào)整了方案之后,感覺(jué)第二個(gè)圖的感覺(jué)好一些辽话,但對(duì)于海報(bào)中的圖形和構(gòu)圖來(lái)說(shuō)肄鸽,感覺(jué)視覺(jué)沖擊力不夠卫病,太柔和油啤,所以找到下面這張照片,黑色的背景下蟀苛,暖黃色的帳篷成了視覺(jué)中心益咬,剛好適合我們這里案列的構(gòu)圖,大背景上一個(gè)主體帜平,接著我們采用上面介紹的配色方法幽告,提取照片中的配色梅鹦。
補(bǔ)充說(shuō)明:
1、對(duì)于不同的構(gòu)圖和內(nèi)容冗锁,展現(xiàn)的形式就不同齐唆,例如這里對(duì)于在不同配色下的字體進(jìn)行了修改,因?yàn)檫@里主要講配色冻河,對(duì)于其它內(nèi)容有需要的話就以后再補(bǔ)充吧箍邮!
2、關(guān)于如何選擇合適的配色方案以及配色方案的運(yùn)用叨叙,這里需要多去理解色彩的視覺(jué)特征锭弊,我們可以根據(jù)需要的風(fēng)格特征來(lái)選擇合適的配色方案,例如制作節(jié)日的海報(bào)擂错,則需要選擇以暖色調(diào)為主味滞,能烘托熱鬧氣氛的配色,這種我們可以直接找一個(gè)具有節(jié)日氣氛的攝影作品或同類作品來(lái)提取色彩钮呀;
3剑鞍、其實(shí)這里也反應(yīng)出,要想學(xué)好配色爽醋,大腦里必須有一個(gè)自己的色彩庫(kù)攒暇,我們平時(shí)看到好的作品,不僅要收集到電腦里子房,還應(yīng)該收集到自己的大腦里形用,記住的是什么呢?首先應(yīng)該是整個(gè)作品渲染的氛圍和表現(xiàn)的情感证杭,其次是記住色調(diào)的組成田度,色彩的比例,分成主色解愤、輔助色以及強(qiáng)調(diào)色來(lái)記憶镇饺,這樣我們?cè)谧鲈O(shè)計(jì)的時(shí)候,遇到相關(guān)的需求送讲,就能立馬想到可以參考的配色作品奸笤。