3d定独胆百期无错公式 www.qratuj.com.cn

@菜心設計鋪?:在網上看了很多配色文章,還是沒有進步。

因為我看到的全是紅色代表熱血、活力;藍色代表科技、未來;綠色代表健康等等,還有紅藍對比色,紅橙鄰近色等等。

這些理論有用嗎?答案是肯定的,有用。但是我覺得看一兩遍,心里有數就可以了,如果天天看這種,你的配色潛力就會被困在體內,憋的難受。

近期請教了一些同事、朋友關于配色的方法,再加上自己的實踐,總結一下,分享幾個接地氣的、實操性比較強的技巧。大綱如下:

單色

1. 顏色模式的選取

顏色模式就是記錄顏色的一種方式,分為很多種:RGB 模式、CMYK 模式、HSB 模式、Lab 顏色模式、位圖模式、灰度模式、索引顏色模式……

而我最常用的就是 HSB 模式,因為它簡單直觀,容易控制。

HSB 中的 H 代表色相、S 代表飽和度、B 代表明度。

H(色相)一共 360 個,因為色盤一圈是 360 度,一度一個色相。

而千變萬化的顏色都是由于 S(飽和度)和 B(明度)的不同產生的。

為什么說 HSB 模式簡單直觀,容易控制呢?

比如說我們隨意選三個色相,360、23、280:

我們可以輕易地分辨出中間的顏色和其他兩個相比,飽和度與明度有所不同,數值如下:

而這時,我們只要降低中間顏色的 S,提高它的 B,就可以使三個顏色和諧很多:

這就是我說 HSB 模式簡單易懂,容易控制的原因。

2. 調色板位置的原理

選取了常用模式之后,我們需要對每個單色色板原理有所了解,我個人喜歡這樣去理解這個色板(僅供參考)。首先右上角的那個紅點處是每個色相最純的色值,水平往左滑動是在顏色中加入白色,加入越多的白色,顏色越亮越輕;垂直往下滑動是在顏色中加入黑色,加入越多的黑色,顏色越暗越重。

當顏色往左下角滑動的時候,既加入了白色也加入了黑色,也就是灰色。

按照這樣的規律,我舉個例子,如果覺得顏色太濃,太重,比如下面這張圖的背景紅色:

相當之辣眼睛,此時就可以將顏色橫向往左滑動,加入白色,讓顏色更輕,與整體圖標搭配更和諧:

3. 顏色「禁區」盡量不碰

當然,這里的「禁區」是帶雙引號的,沒有什么絕對的禁區,只是說顏色不易控制,在連基礎色都沒有駕馭好之前,盡量少碰。

咨詢很多人后發現,他們在用色的時候是有禁區的,不同的人有不同的說法,我將其大概分為這三種:三角形禁區、矩形禁區、扇形禁區(紅色為禁區),如下圖:

其實不難發現,不論是哪種,基本右下角方向的顏色是很少用的,因為它們又濃又臟,很難把控(當然不排除有些大師任何顏色都是可以駕馭的)。

這里舉個例子,下面這張圖是我在 C4D 里面渲染的一個鈴鐺,暗部的地方看起來過黑,不夠通透,其實就是因為暗部出現了禁區的顏色:

我們將暗部顏色調整至非禁區顏色:

來看下實際效果:

這樣就會使整個鈴鐺配色舒服很多。

4. 疊加模式要用好

很多時候我們在做一些設計的時候,害怕底色過于單調而選擇疊加一張底圖,以前我很少使用顏色的疊加模式,最多就用下正片疊底,而在把圖片嵌入淺色底色的時候,我一般都是將圖片的透明度直接降低,如下圖:

這樣就會使整個畫面變得很臟,后來發現原來很多疊加模式這么好用,比如「柔光」、「變亮」等等。我將下圖模式改為柔光,一對比就干凈很多了。

再加上點排版,封面就有了:

更多模式大家可以多多嘗試,在不同場景下選用最適合自己的那個模式。(當然在用多色的時候一樣可以使用顏色疊加)

雙色(漸變色)

關于雙色,我主要想分享一下對于雙色漸變(線性)的認知與理解。

單從色相來看,雙色漸變可以大致分為三種:小、中、大。

1.「小」漸變

「小」漸變就是在色環上,小于 30 度的兩個色相之間的漸變,專業術語就是同類色漸變:

這種漸變色跨度變化很小,看起來就像是一種顏色的深淺變化(但其實會略微有一點色相的變化),比較保守,容易控制,實用頻率很高,比如啟動圖標、按鈕、個人中心背景色等等。

2.「中」漸變

「中」漸變在色環上大于 30 度且小于 60 度,專業術語叫鄰近色漸變:

這種漸變,在色相上有很細膩的變化,看起來更加時尚耐看,比如綠里加點黃:

藍里加點紫:

有很多啟動頁都使用這種漸變方式,因為這里不用太拘謹,可以適當放開一些:

3.「大」漸變

「大」漸變在色環上大于 60 度,也可叫撞色漸變(互補色或者對比色):

這種漸變視覺沖擊力很強,一般來說產品界面里面很少用到。為什么呢?因為視覺沖擊力強是為了吸引眼球,而產品界面主要以內容為主,背景或元素太過搶眼反倒喧賓奪主。

反過來說那些宣傳類海報、文章封面、作品包裝等內容確實可以做大膽一點:

我自己也是在文章封面上用的比較多。

對于漸變,還有很多在同一色相的基礎上,利用不同飽和度、明度來實現,但那不在雙色范圍,就不討論了。

多色

1. 呼應

對于多色,我并沒有太多話語權,因為個人確實使用的比較少,但是有一點很深的感悟就是對于多色,無論你使用鄰近色,還是對比色,最重要的是和諧,而和諧最重要的就是呼應。

比如同樣是多色,這張圖就很怪異:

因為藍色和黃色來的莫名其妙,沒有呼應就會顯得格外突兀。

而下面這張就會舒服很多:

因為背景的綠色、黃色,有眼鏡、擴音器顏色的呼應。

2. 取色原理

前期我們選色不能太憑感覺,要有一些簡單的理論支撐,比如我想給自己建的藍胖子模型配個色:

藍胖子身體是藍色,而且鼻子有一點紅色,所以背景色就可以選取藍色的互補色──紅色,再由紅色選取個鄰近色──黃色:

最后由這三個顏色組合成畫面:

再比如,由一個顏色選個鄰近色,再選個同色系的深色:

其他那些小膠囊的點綴色只要明度和飽和度在一個調上,用什么色相都不會有太大的問題。

3. 顏色占比

對于占比,我個人的經驗就是可以先選一個主色,然后讓主色占很大的位置,這樣不管輔色再怎么不對,有大面積的主色撐著,也不會出現太大問題。

把這種簡單的配好,再擴展復雜的形式。

總結

前期新手可以使用相對簡單的配色,但一定要有理論支撐,養成有理有據的好思維與習慣,后面就能更得心應手。

以上就是個人對于配色的一點感悟和經驗,不足之處還請指正,共同進步。

歡迎關注作者的微信公眾號:「菜心設計鋪」

點贊 9
收藏 320
繼續閱讀相關文章

發表評論 已發布 21

還可以輸入 800 個字
 
 
載入中....
21 收藏