不管是平面設(shè)計還是網(wǎng)頁設(shè)計,不管你是新手還是大神,色彩始終是一名設(shè)計師必學(xué)必會的科目。你可以暫時沒有驚艷的創(chuàng)意靈感,也可以暫時沒有縝密的設(shè)計思維,但是不可以一日不會色彩搭配。
一、自我檢測
要搭配出好看的色彩,首先不能是一個色盲,話雖然不太好聽,但是道理是實(shí)實(shí)在在的。
1、色相(色調(diào)):最初的基本色相為紅、橙、黃、綠、藍(lán)、紫,在各色中間加插一兩個中間色,其頭尾色相。按光譜順序?yàn)椋杭t、橙色、黃橙、黃、黃綠、綠、綠藍(lán)、藍(lán)綠、藍(lán)、藍(lán)紫、紫。紅紫、紅和紫中再加個中間色,可制出十二基本色相。
2、飽和度:就是色彩的濃度,或者說是鮮艷程度。越鮮艷的色彩通常就被認(rèn)為越飽和。
3、明度(色度):是色彩的明暗程度。不同色彩有不同的明度,即使同一種色彩,其明度也有不同。
三、色彩名詞解析
1、三原色:
所有顏色的源頭被稱為三原色,三原色指的是紅色、黃色和藍(lán)色。如果我們談?wù)摰氖瞧聊坏娘@示顏色,比如顯示器,三原色則分別是紅色、綠色和藍(lán)色,也就是我們熟悉的RGB。
2、間色、復(fù)色(三級顏色)
如果將紅色和黃色、黃色和藍(lán)色、藍(lán)色和紅色均勻混合,就會創(chuàng)建三種間色:綠色、橙色和紫色。將這些顏色應(yīng)用進(jìn)項(xiàng)目中,可以提供很強(qiáng)烈的對比。三次色來源于間色與原色的混合,主要有:紅紫色、藍(lán)紫色、藍(lán)綠色、黃綠色、橙紅色和橙黃色。
3、同類色、鄰近色
同類色指色相性質(zhì)相同,但色度有深淺之分。(是色相環(huán)中15°夾角內(nèi)的顏色)
4、近似色
近似色指相性質(zhì)相同,色度深淺比較明顯(是指色相環(huán)中夾角50°左右的兩種近似色)
5、對比色
對比色是人的視覺感官所產(chǎn)生的一種生理現(xiàn)象,是視網(wǎng)膜對色彩的平衡作用。指在24色相環(huán)上相距120°-180°之間的兩種顏色,稱為對比色。
6、補(bǔ)色
又稱互補(bǔ)色,余色,亦稱強(qiáng)度比色,就是兩種顏色(等量)混合后呈黑灰色,那么這兩種顏色一定互為補(bǔ)色。色環(huán)的任何直徑兩端相對之色都稱為互補(bǔ)色。
7、冷、暖、中性色
色彩學(xué)上根據(jù)心理感受,把顏色分為暖色調(diào)(紅、橙、黃),冷色調(diào)(青、藍(lán))和中性色調(diào)(紫、綠、黑、灰、白)。
四、色彩搭配
色彩搭配的方式有千萬種,這里不可能一一列舉到,列舉一些典型的,大眾可以用到的,然后大家根據(jù)自己的經(jīng)驗(yàn)拓展。如果基礎(chǔ)不好或者想要學(xué)習(xí)設(shè)計,可以加我企鵝號:八九八二二四三七四。設(shè)計的學(xué)習(xí)是一點(diǎn)點(diǎn)的積累,一點(diǎn)點(diǎn)的嘗試,不要受任何方式方法的束縛,敢想、敢嘗試,你就可以成為真正的設(shè)計師!不多說,開始舉例。
1、冷色與白色色調(diào)的搭配
青色、藍(lán)色、藍(lán)紫色等等都屬于冷色系列。冷色一般跟白色調(diào)和可以達(dá)到很好的視覺效果,冷色一般應(yīng)用于一些高科技、高品質(zhì)、理性類頁面設(shè)計中。
2、暖色與黑色色調(diào)的搭配
黃色、橙色、紅色等都屬于暖色系列。暖色跟黑色調(diào)和可以達(dá)到很好的效果。暖色一般應(yīng)用與女性、兒童、食品類等。也可以體現(xiàn)商品的琳瑯滿目,熱情活潑、溫馨等。
3、同類色和近似色搭配
如黃綠色、黃色和潔色等。近似色的搭配給人的視覺效果很舒適,很自然。所以近似色在設(shè)計中極為常見。(注:在用近似色時,要適當(dāng)加強(qiáng)對比,不然會使畫面顯得平淡)
4、對比色和補(bǔ)色搭配
最突出,最引人注目的搭配,有強(qiáng)烈的視覺沖擊!(注:互補(bǔ)色之間的強(qiáng)烈對比,會引起色彩的顫動和不穩(wěn)定感,處理不好會使頁面沖突,破壞整體感。對于互補(bǔ)色,調(diào)整一下互補(bǔ)色的亮度,或者調(diào)整互補(bǔ)色的使用面積。有時候是一種很好的搭配)
5、三角搭配法則
使得畫面生動的搭配方式。在使用三角形搭配方式時,一定要選出一種色彩作為主色,別外兩種作為輔色。
6、分裂互補(bǔ)色搭配
這是互補(bǔ)搭配的變體,本質(zhì)是用類似色來代替互補(bǔ)色中的一個顏色,以達(dá)到既有互補(bǔ)色對比強(qiáng)烈的特點(diǎn),又彌補(bǔ)了不穩(wěn)定的缺點(diǎn)。對初學(xué)者來說是非常好用的搭配方式,畫面對比強(qiáng)烈又不容易產(chǎn)生混亂。
7、四方色/四方補(bǔ)色
四方色是在色輪上畫一個正方形,取四個角的顏色。這個顏色超棒,尤其是使用其中一個顏色作為主色,其他的三個顏色作為輔助色的時候。四立補(bǔ)色和四方色的差別在于四方補(bǔ)色采用的是一個矩形。通過一組互補(bǔ)色兩旁的顏色建立的色彩組合。
8、常見色彩搭配匯總
五、什么樣的畫面方便識別
1、色相變化
2、明度變化
3、飽和度變化
4、清晰度變化
這里是《靈感與設(shè)計》,喜歡我的文章歡迎訂閱。有設(shè)計問題可以在下面留言區(qū)留言互動,我會在第一時間回復(fù),想學(xué)習(xí)設(shè)計的朋友也可以加入學(xué)習(xí)群:527263056