清晰記得之前有人噴我的配色像一坨屎，我覺得很有道理断国，于是在網(wǎng)上搜索各種配色文章贤姆，看了很多，然后我的配色還是像一坨屎稳衬！
因?yàn)槲铱吹降娜恰t色代表熱血霞捡、活力；藍(lán)色代表科技薄疚、未來碧信；綠色代表健康等等，還有紅藍(lán)對(duì)比色街夭，紅橙鄰近色等等砰碴！
這些理論有用嗎？答案是肯定的板丽，有用衣式，但是我覺得看一兩遍，心里有數(shù)就可以了檐什，如果天天看這種碴卧，你的配色潛力就會(huì)被困在體內(nèi)，憋的難受乃正！
近期請(qǐng)教了一些同事住册、朋友關(guān)于配色的方法，再加上自己的實(shí)踐瓮具，總結(jié)一下荧飞，分享幾個(gè)接地氣的、實(shí)操性比較強(qiáng)的點(diǎn)名党！大綱如下：
1.單色
1.1顏色模式的選取
1.2調(diào)色板位置的原理
1.3顏色禁區(qū)盡量不碰
1.4疊加模式要用好
2.雙色
2.1“小”漸變
2.2 “中”漸變
2.3“大”漸變
3.多色
3.1 呼應(yīng)
3.2 取色原理
3.3 顏色占比
1.單色
1.1 顏色模式的選取
顏色模式就是記錄顏色的一種方式叹阔，分為很多種：RGB模式、CMYK模式传睹、HSB模式耳幢、Lab顏色模式、位圖模式欧啤、灰度模式睛藻、索引顏色模式……
而我最常用的就是HSB模式，因?yàn)樗唵沃庇^邢隧，容易控制店印。
HSB中的H代表色相、S代表飽和度倒慧、B代表明度按摘。
H（色相）一共360個(gè)，因?yàn)樯P一圈是360度纫谅，一度一個(gè)色相：
而千變?nèi)f化的顏色都是由于S(飽和度）和B（明度）的不同產(chǎn)生的炫贤。
為什么說HSB模式簡單直觀，容易控制呢系宜？
比如說我們隨意選三個(gè)色相照激，360、23盹牧、280
我們可以輕易的分辨出中間的顏色和其他兩個(gè)相比俩垃，飽和度與明度有所不同，數(shù)值如下：
而這時(shí)汰寓，我們只要降低中間顏色的S,提高它的B口柳，就可以使三個(gè)顏色和諧很多，不信你看：
這就是我說HSB模式簡單易懂有滑，容易控制的原因跃闹。
1.2 調(diào)色板位置的原理
選取了常用模式之后，我們需要對(duì)每個(gè)單色色板原理有所了解，首先右上角的那個(gè)紅點(diǎn)處是每個(gè)色相最純的色值望艺，水平往左滑動(dòng)是在顏色中加入白色苛秕，加入越多的白色，顏色越亮越輕找默；垂直往下滑動(dòng)是在顏色中加入黑色艇劫，加入越多的黑色，顏色越暗越重惩激。
當(dāng)顏色往左下角滑動(dòng)的時(shí)候店煞，即加入了白色也加入了黑色，也就是灰色风钻。
按照這樣的規(guī)律顷蟀，我舉個(gè)例子，如果你覺得顏色太濃骡技，太重：比如下面這張圖的背景紅色：
相當(dāng)之辣眼睛鸣个，此時(shí)就可以將顏色橫向往左滑動(dòng)，加入白色哮兰，讓顏色更輕毛萌，與整體圖標(biāo)更搭配：
這樣看起來就會(huì)舒服很多啦！
1.3 顏色“禁區(qū)”盡量不碰
當(dāng)然喝滞，這里的“禁區(qū)”是帶雙引號(hào)的阁将，沒有什么絕對(duì)的禁區(qū)，只是說顏色不易控制右遭，在連基礎(chǔ)色都沒有駕馭好之前做盅，盡量少碰。
咨詢很多人后發(fā)現(xiàn)窘哈，他們?cè)谟蒙臅r(shí)候是有禁區(qū)的吹榴，不同的人有不同的說法，我將其大概分為這三種：三角形禁區(qū)滚婉、矩形禁區(qū)图筹、扇形禁區(qū)（紅色為禁區(qū)），如下圖：
其實(shí)不難發(fā)現(xiàn)让腹，不論是哪種远剩，基本右下角方向的顏色是很少用的，因?yàn)樗鼈冇譂庥峙K骇窍，很難把控（當(dāng)然不排除有些大師任何顏色都是可以駕馭的）瓜晤！
這里舉個(gè)例子，下面這張圖是我在C4D里面渲染的一個(gè)鈴鐺腹纳，暗部的地方看起來過黑痢掠，不夠通透驱犹，其實(shí)就是因?yàn)榘挡砍霈F(xiàn)了禁區(qū)的顏色：
我們將暗部顏色調(diào)整至非禁區(qū)顏色：
來看下實(shí)際效果：
這樣就會(huì)使整個(gè)鈴鐺配色舒服很多。
1.4 疊加模式要用好
很多時(shí)候我們?cè)谧鲆恍┰O(shè)計(jì)的時(shí)候足画，害怕底色過于單調(diào)而選擇疊加一張底圖雄驹，以前我很少使用顏色的疊加模式，最多就用下正片疊底锌云，而在把圖片嵌入淺色底色的時(shí)候荠医，我一般都是將圖片的透明度直接降低，如下圖：
這樣就會(huì)使整個(gè)畫面變得很臟桑涎，后來發(fā)現(xiàn)原來很多疊加模式這么好用，比如“柔光”兼贡、“變亮”等等攻冷，比如我將下圖模式改為柔光，一對(duì)比：
就干凈很多啦遍希！
再加上點(diǎn)排版等曼，嗯，封面就有了：
更多模式大家可以多多嘗試凿蒜，在不同場景下選用最適合自己的那個(gè)模式禁谦。（當(dāng)然在用多色的時(shí)候一樣可以使用顏色疊加）
雙色（漸變色）
對(duì)于雙色，我主要想分享一下對(duì)于雙色漸變的認(rèn)知與理解废封。
單從色相來講州泊，雙色漸變可以大致分為三種：小、中漂洋、大遥皂！
“小”漸變
“小”漸變就是在色環(huán)上，小于30度的兩個(gè)色相之間的漸變刽漂，專業(yè)術(shù)語就是同色系漸變：
這種漸變色跨度變化很小演训，看起來就像是一種顏色的深淺變化（但其實(shí)會(huì)略微有一點(diǎn)色相的變化），比較保守贝咙，容易控制样悟、實(shí)用頻率很高，比如啟動(dòng)圖標(biāo)庭猩、按鈕窟她、個(gè)人中心背景色等等：
“中”漸變
“中”漸變?cè)谏h(huán)上大于30度切小于60度，專業(yè)術(shù)語叫鄰近色漸變：
這種漸變眯娱，在色相上有很細(xì)膩的變化礁苗，看起來更加時(shí)尚耐看，比如綠里加點(diǎn)黃：
藍(lán)里加點(diǎn)紫：
有很多啟動(dòng)頁都實(shí)用這種漸變方式徙缴，因?yàn)檫@里不用太拘謹(jǐn)试伙，可以適當(dāng)放開一些：
大漸變
“大”漸變?cè)谏h(huán)上大于60度嘁信，也可叫撞色漸變（互補(bǔ)色或者對(duì)比色）：
這種漸變視覺沖擊力很強(qiáng)，一般來說產(chǎn)品界面里面很少用到疏叨，為什么呢潘靖？因?yàn)橐曈X沖擊力強(qiáng)是為了吸引眼球，而產(chǎn)品界面主要以內(nèi)容為主蚤蔓，背景或元素太過搶眼反倒宣兵奪主卦溢。
反過來說那些宣傳類海報(bào)、文章封面秀又、作品包裝等內(nèi)容確實(shí)可以做大膽一點(diǎn)：
我自己也就是用在文章封面上比較多了单寂。
對(duì)于漸變，還有很多在同一色相的基礎(chǔ)上吐辙，利用不同飽和度宣决、明度來實(shí)現(xiàn)，但那不在雙色色范圍昏苏，就不討論了尊沸，而且我個(gè)人覺得那種漸變不是很耐看，哈哈贤惯。
3多色
3.1呼應(yīng)
對(duì)于多色洼专，我并沒有太多話語權(quán)，因?yàn)閭€(gè)人確實(shí)使用的比較少孵构，但是有一點(diǎn)很深的感悟就是對(duì)于多色屁商，無論你使用鄰近色，還是對(duì)比色浦译，最重要的是和諧棒假，而和諧最重要的就是呼應(yīng)。
比如同樣是多色精盅，這張圖就很怪異：
因?yàn)樗{(lán)色和黃色來的莫名其妙帽哑，沒有呼應(yīng)就會(huì)顯得格外突兀。
而下面這張就會(huì)舒服很多：
因?yàn)楸尘暗木G色叹俏、黃色有眼鏡妻枕、擴(kuò)音器顏色的呼應(yīng)。
3.2 取色原理
前期我們選色不能太憑感覺粘驰，要有一些簡單的理論支撐屡谐，比如我想給自己建的藍(lán)胖子模型配個(gè)色：
藍(lán)胖子身體是藍(lán)色，而且鼻子有一點(diǎn)紅色蝌数，所以背景色就可以選取藍(lán)色的互補(bǔ)色——紅色愕掏，再由紅色選取個(gè)鄰近色——黃色：
最后由這三個(gè)顏色組合成畫面：
再比如，由一個(gè)顏色選個(gè)鄰近色顶伞，再選個(gè)同色系的深色：
其他那些小膠囊的點(diǎn)綴色只要明度和飽和度在一個(gè)調(diào)上饵撑，用什么色相都不會(huì)有太大問題剑梳。
3.3 顏色占比
對(duì)于占比，我個(gè)人的經(jīng)驗(yàn)就是可以先選一個(gè)主色滑潘，然后讓主色占很大很大的位置垢乙，這樣不管輔色再怎么不對(duì)，有主色大面積撐著语卤，也不會(huì)出現(xiàn)太大問題追逮。
當(dāng)把這種簡單的配好，再擴(kuò)展復(fù)雜的形式粹舵。
總結(jié)
前期新手可以使用相對(duì)簡單的配色钮孵，但一定要有理論支撐，養(yǎng)成有理有據(jù)的好思維與習(xí)慣齐婴，后面啥都會(huì)有的油猫。
好了，以上就是個(gè)人對(duì)于配色的一點(diǎn)感悟和經(jīng)驗(yàn)柠偶，不足之處還請(qǐng)指正，共同進(jìn)步睬关。
