4種接地氣的配色野路子

3 評(píng)論 8665 瀏覽 66 收藏 8 分鐘

配色在設(shè)計(jì)中起著至關(guān)重要的地位,那要如何才能配色更好的運(yùn)用呢?文章作者給大家總結(jié)了四個(gè)接地氣的點(diǎn),或許對(duì)你有幫助,enjoy~

清晰記得之前有人噴我的配色像一坨屎,我覺得很有道理,于是在網(wǎng)上搜索各種配色文章,看了很多,然后我的配色還是像一坨屎!

因?yàn)槲铱吹降娜恰t色代表熱血、活力;藍(lán)色代表科技、未來(lái);綠色代表健康等等,還有紅藍(lán)對(duì)比色,紅橙鄰近色等等!

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

近期請(qǐng)教了一些同事、朋友關(guān)于配色的方法,再加上自己的實(shí)踐,總結(jié)一下,分享幾個(gè)接地氣的、實(shí)操性比較強(qiáng)的點(diǎn)!

大綱如下:

  1. 顏色模式的選取
  2. 顏色禁區(qū)盡量不碰
  3. 顏色不要太正
  4. 疊加模式要用好

1. 顏色模式的選取

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

而我最常用的就是HSB模式,因?yàn)樗?jiǎn)單直觀,容易控制。

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

H(色相)一共360個(gè),因?yàn)樯P一圈是360度,一度一個(gè)色相:

而千變?nèi)f化的顏色都是由于S(飽和度)和B(明度)的不同產(chǎn)生的。

為什么說HSB模式簡(jiǎn)單直觀,容易控制呢?

比如說:我們隨意選三個(gè)色相,360、23、280。

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

而這時(shí),我們只要降低中間顏色的S,提高它的B,就可以使三個(gè)顏色和諧很多,不信你看:

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

2. 顏色禁區(qū)盡量不碰

咨詢很多人后發(fā)現(xiàn),他們?cè)谟蒙臅r(shí)候是有禁區(qū)的,不同的人有不同的說法,我將其大概分為這三種:三角形禁區(qū)、矩形禁區(qū)、扇形禁區(qū)(紅色為禁區(qū)),如下圖:

其實(shí)不難發(fā)現(xiàn),不論是哪種,基本右下角方向的顏色是很少用的,因?yàn)樗鼈冇譂庥峙K,很難把控(當(dāng)然不排除有些大師任何顏色都是可以駕馭的)!

這里舉個(gè)例子,下面這張圖是我在C4D里面渲染的一個(gè)鈴鐺,暗部的地方看起來(lái)過黑,不夠通透,其實(shí)就是因?yàn)榘挡砍霈F(xiàn)了禁區(qū)的顏色:

我們將暗部顏色調(diào)整至非禁區(qū)顏色:

來(lái)看下實(shí)際效果:

這樣就會(huì)使整個(gè)鈴鐺配色舒服很多。

最后再?gòu)?qiáng)調(diào)下,文章這個(gè)“禁區(qū)”并不是一定不能用,只是比較難駕馭,新人如果用不好就盡量少用。

3. 顏色不要太正

在色相方面,由于人們經(jīng)常見到很正的顏色(大紅大紫),多少會(huì)有些審美疲勞,所以我在選用顏色的時(shí)候,盡量避免使用太正的顏色,尤其是在拉漸變的時(shí)候,比如色相上,綠里加點(diǎn)黃。

藍(lán)里加點(diǎn)紫:

除了色相,飽和度與明度也可以相應(yīng)的調(diào)整。

來(lái)個(gè)立竿見影的栗子,我在配這張圖底色的時(shí)候,最初用的就是很濃重的大紅色:

相當(dāng)之辣眼睛,我將飽和度適當(dāng)降低,看下效果:

看起來(lái)就會(huì)舒服很多啦!

4. 疊加模式要用好

以前我很少使用顏色的疊加模式,最多就用用正片疊底。

在把圖片嵌入淺色底色的時(shí)候,我一般都是將圖片的透明度直接降低,如下圖:

這樣就會(huì)使整個(gè)畫面變得很臟,后來(lái)發(fā)現(xiàn)原來(lái)很多疊加模式這么好用,比如“柔光”、“變亮”等等,比如我將下圖模式改為柔光,一對(duì)比:

就干凈很多啦!

再加上點(diǎn)排版,嗯,封面就有了:

更多模式大家可以多多嘗試,在不同場(chǎng)景下選用最適合自己的那個(gè)模式!

好了,以上就是今天要分享的一點(diǎn)個(gè)人關(guān)于配色的小經(jīng)驗(yàn),算不上什么法則啊、方法論啊,僅供參考,下期見!

#專欄作家#

菜心,微信公眾號(hào):菜心設(shè)計(jì)鋪,人人都是產(chǎn)品經(jīng)理專欄作家,騰訊視覺設(shè)計(jì)師,4年工作經(jīng)驗(yàn),負(fù)責(zé)騰訊動(dòng)漫移動(dòng)端相關(guān)設(shè)計(jì)。歡迎大家互相交流關(guān)注。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 學(xué)習(xí)了。

    回復(fù)
  2. 不錯(cuò),有水平

    回復(fù)
  3. 逼死色弱患者 ??

    來(lái)自山東 回復(fù)