用科學(xué)有效的方法,解決不會(huì)配色的問題,從此告別配色難。

2018-09-27 3483 0

undefined


寫在前面

對(duì)于很多設(shè)計(jì)師來說,配色是一個(gè)很愁人的問題。我詢問了幾位設(shè)計(jì)師朋友,大家對(duì)于如何做好配色都是一知半解,比較好的知道去網(wǎng)上尋找配色方案,用照片的自然色做配色;差些的就是吸取其他產(chǎn)品的顏色,或者是自己憑感覺進(jìn)行配色。我想說好的配色并不是依靠個(gè)人感覺搭配出來的,合理的顏色搭配必定存在合理的配色規(guī)律和配色方法論的支撐,下面就分享下幾個(gè)自己學(xué)習(xí)到的快速配色方法,希望幫助到配色困難戶們。


 

目錄

1、了解色環(huán)

2、了解什么是HSB

3、幾個(gè)合理的配色方案

4、通過色環(huán)+HSB進(jìn)行科學(xué)選色

5、選用顏色組成柔和漸變色


 

正文

1、了解色環(huán)

在百度百科中,我們可以了解到色環(huán)是在彩色光譜中所見的長(zhǎng)條形的色彩序列,只是將首尾連接在一起,使紅色連接到另一端的紫色,色環(huán)通常包括12種不同的顏色。

注:這里說的色相環(huán)分為10、12、16、24、36等多個(gè)色相環(huán),文章中我們以24色環(huán)介紹方法


 

2、了解什么是HSB

一個(gè)顏色由HSB構(gòu)成,其中,H表示色相,S表示飽和度,B表示亮度


 

H色相,在0~360°的標(biāo)準(zhǔn)色輪上,色相是按位置度量的。在通常的使用中,色相是由顏色名稱標(biāo)識(shí)的,比如紅、綠或橙色。黑色和白色無色相。在PS拾色器中,我們可以上下調(diào)整來確定索要的顏色的色相,即H確定一個(gè)數(shù)值,就是確定一個(gè)顏色的色相。


 

S飽和度,就是指色彩的鮮艷程度,也稱色彩的純度,數(shù)值為0時(shí)為灰色。白、黑和其他灰色色彩都沒有飽和度的。在最大飽和度時(shí),每一色相具有最純的色光。取值范圍0~100%。從PS拾色器中我們可以看到,向左顏色飽和度越低,向右顏色的飽和度越高,就是說S數(shù)值越小,顏色飽和度越小;S數(shù)值越大,顏色飽和度越大。


 

B亮度,是色彩的明亮度。為0時(shí)即為黑色。最大亮度是色彩最鮮明的狀態(tài)。取值范圍0~100%。在PS拾色器中,越向上,顏色亮度越高;越向下,顏色亮度越低,就是B數(shù)值越小,顏色亮度越小;B數(shù)值越大,顏色亮度越大。


 

3、幾個(gè)合理的配色方案

以二十四色相環(huán)為例,任何一色作為基色都可以把色相對(duì)的分為同類色、類似色、鄰近色、中差色、對(duì)比色、互補(bǔ)色等類別。


 

由此我們我么可以找到最科學(xué)合理的顏色搭配方案。在確定基色后,我們可以找到它的同類色,臨近色,對(duì)比色等;也可以通過基色的確定,來調(diào)整出柔和的漸變色,漸變色方案如同色系單色配色、同類色配色、類似色配色、鄰近色配色、中差色配色、對(duì)比色配色、互補(bǔ)色配色。


 

4、通過色環(huán)+HSB進(jìn)行科學(xué)選色


 

少啰嗦?。?!直接看操作


 

我們這里已HSB分別為199、100、91的藍(lán)色為基色,來配比出其他配色
 


 

同色系色

是指同一類顏色,但是他們之間的飽和度不同,通過 S數(shù)值的調(diào)整,我們很容易得到基色的同色系色


同類色

同類色是指色相中距離基色15度的顏色


類似色

類似色是指色相中距離基色30度的顏色


鄰近色

鄰近色是指色相中距離基色60度的顏色


中差色

中差色是指色相中距離基色90度的顏色

undefined

對(duì)比色

對(duì)比色是指色相中距離120度的顏色

undefined


互補(bǔ)色

互補(bǔ)色是指色相中距離基色180度的顏色


 

這樣主題色我們確定后,就可以選擇上面的類似色、鄰近色、對(duì)比色作為配色中的輔助色使用



 


 

5、選用顏色組成柔和漸變色

漸變配色也可以用這種科學(xué)的方法找到合適的兩種顏色進(jìn)行配色,這里列舉同類色漸變配色和同色系漸變配色,感受下配色效果

注:這里一定要選擇好合適的主色,合適的主色可以搭配出很好的漸變色效果,在這里只是向大家說明設(shè)計(jì)的技法。


 

感謝閱讀,喜歡就點(diǎn)個(gè)贊吧!

END.


26
評(píng)論區(qū)(0)
正在加載評(píng)論...