配色的方法很多，輔助工具也不少，但是令人印象深刻的，往往是一些頗為有意思的技巧。今天，小編給大家分享一個配色大師 Patrick Multani 的色彩搭配技巧。也許這10個技巧，會成為你的配色體系的可靠補(bǔ)充~

謹(jǐn)記配色策略

在開始著手挑選配色之前，我常常會翻看 Dustin Senos 關(guān)于設(shè)計原則的短文。他在文章中，闡述設(shè)計原則的方式非常有意思，干練而有趣，“方向優(yōu)于選擇”，“合適優(yōu)于一致”，“發(fā)展性優(yōu)于總結(jié)”。其實(shí)如果借用這種句式來總結(jié)配色也不錯：“白色優(yōu)于灰色”，“和諧優(yōu)于錯位”，“沉靜優(yōu)于熱烈”。當(dāng)我在工作的時候，我會時刻謹(jǐn)記這些配色策略，它們更像是一種感覺上的規(guī)范，就像用戶角色引導(dǎo)UX設(shè)計師來設(shè)計體驗(yàn)一樣。

取色一條線

當(dāng)我在調(diào)色板上選擇色彩的時候，我會傾向于沿著直線路徑來挑選色彩，從左到右，從上到下，或者沿著對角線來選取色彩。這樣所獲得的一套配色可以兼顧到不同的按鈕狀態(tài)（可用/不可用，活動/非活動），兼顧到視覺主體和邊框，背景等。我們也可以在取色器的同一個位置取色，調(diào)整色調(diào)，獲得的一組色度接近色調(diào)不同但是高度協(xié)調(diào)的色彩組合。上圖中，中間那個就是。

保持敏感，小幅調(diào)整 

調(diào)配這這么多配色方案，給我最深刻的經(jīng)驗(yàn)教訓(xùn)就是：哪怕輕微的色彩調(diào)整，都會對整個配色方案帶來巨大的影響。所以，我覺得在配色的時候，要保持敏感，小幅度調(diào)整和改變。你可以試著挑選偏冷或偏暖的灰色，運(yùn)用到你的配色方案中，你會發(fā)現(xiàn)它們會不同程度地調(diào)和整個配色方案的協(xié)調(diào)度。根據(jù)這樣的策略，你可以挑選出一大堆色彩作為備選，反復(fù)迭代，變得對于微妙的色彩變化更加敏感。

善用疊加模式

如果你能善用混合模式，就能創(chuàng)造出令人著迷的配色方案。通過簡單的疊加兩個色塊，選擇“Multiply”（乘法）混合模式，就能得到匹配的第三種色彩。在白色背景上，我們還能通過調(diào)整透明度來快速調(diào)整色彩的明暗。不過我始終覺得在黑色背景上來調(diào)整色彩更有意思，搭配混合模式來探索色彩的可能性，總能創(chuàng)造新的搭配。這種同色彩的交互方式，為許多經(jīng)驗(yàn)豐富的設(shè)計師所使用。

沉靜而集中的配色

選好色彩是一回事，在視覺設(shè)計中有效地運(yùn)用它們是另外一回事。有的配色方案非常漂亮，但是一旦運(yùn)用在特定的設(shè)計項(xiàng)目當(dāng)中，整個視覺就崩壞了。盡量讓配色方案中色彩不要那么龐雜，讓整個設(shè)計更加沉靜。比如，文本、圖標(biāo)和邊框采用不同類型的藍(lán)色，能讓整個設(shè)計顯得協(xié)調(diào)。當(dāng)你想要高亮突出什么東西的時候，可以采用這種方法。

在不同的背景下查看配色

我記得之前參與過一個可拓展的色彩系統(tǒng)項(xiàng)目，當(dāng)時我挑選了大量微妙而接近的色彩，當(dāng)我仔細(xì)審視它們的時候發(fā)現(xiàn)很難區(qū)分彼此。這個時候，我將這些色彩復(fù)制了一份，然后添加了一個黑色的背景，這個時候，色彩和色彩之間的區(qū)別就變得明晰了，讓我能夠更好的作出選擇。

明艷的色彩更吸引人

在取色器的右上角取色能夠找到更加安全、更加吸引人的色彩，供你運(yùn)用在配色方案中。色彩越靠左、靠下，色彩上所疊加的灰度和黑色就越多，色彩本身的重量就越重，而過重的色調(diào)會在潛意識上給人以壓力。所以，我更傾向于使用清晰明亮的色調(diào)來進(jìn)行設(shè)計。

疊加圖層調(diào)色

想象有一張半透明的紙，當(dāng)我們將它置于色彩上方的時候，它能夠從視覺上“消減”色度。我們可以在PS和Sketch中來模擬這樣的“紙”，新建形狀，通過調(diào)整透明度和混合模式，或者搭配使用來實(shí)現(xiàn)不同的效果，我們還可以調(diào)整紙張本身為白色或者黑色，在疊加混合模式下，能對色彩的飽和度產(chǎn)生不同的影響。在有的UI設(shè)計項(xiàng)目當(dāng)中，會借助這樣的技術(shù)來暫時調(diào)整整個區(qū)域的敏感色度，這比改色更加輕松，還保持了色彩之間的協(xié)調(diào)度。

上圖中的三種效果：

黑色圖層，疊加混合模式，不透明度50%（增加飽和度）

白色圖層，正?；旌夏Ｊ?，不透明度50%（變亮）

黑色圖層，正常混合模式，不透明度50%（變暗）

根據(jù)前景色來挑選背景色

當(dāng)我選取背景色的時候，我更喜歡根據(jù)前景色來搭配，吸取前景色，調(diào)亮或者變暗，而不是選擇純粹的中性灰色。這樣的方式會讓背景色是或冷或暖的淺灰，給人一種協(xié)調(diào)的感覺。

色彩的明暗與前后

最后，我們應(yīng)該始終謹(jǐn)記色彩的明暗所帶來的視覺深度原理。在較深的背景下，淺色會顯得更靠前，而在較淺的背景下，深色會顯得突出而靠前。

原文地址：小阿田的設(shè)計筆記（公眾號）

作者：小阿田的設(shè)計筆記

1.圖層真的是空的嗎？

當(dāng)你處理多圖層文件的時候，很容易就會把圖層堆得和山一樣高?；蛟S你是個漫不經(jīng)心的設(shè)計師，以至于從來都不會麻煩去更改圖層的名稱。好吧，假設(shè)你現(xiàn)在想處理一下堆積如山的圖層并刪去那些空白的圖層。等等，那些空圖層真的是空的嗎？ 這里有一個小技巧，按住Ctrl鍵并單擊圖層縮略圖，如果你看到“警告：沒有像素被選中”，好吧，那這個圖層就是空的。如果你想直接一次性刪除空圖層，選擇“文件>腳本>刪除所有空圖層”。

2.清除采樣

如果你正在處理一個含有雜色的高分辨率圖像，是挺難選中你想要的顏色的，你會發(fā)現(xiàn)一不小心就選到了雜色的顏色上去了。正確的處理方法是改變采樣范圍的大小，使用平均采樣當(dāng)你選擇吸管工具時，你會在選項(xiàng)欄上看到采樣大小，選擇一個更大的范圍來屏蔽雜色的干擾。

3.鎖定你的筆刷設(shè)定

沒多少人知道這個棒呆了的功能。當(dāng)你選擇一個新畫筆的時候，所有的參數(shù)都會被調(diào)整到這個畫筆的設(shè)置參數(shù)。如果你點(diǎn)擊了右側(cè)的那個小鎖頭圖標(biāo)，參數(shù)就會被鎖定了，這真的非常有用。當(dāng)你取消鎖定的時候，筆刷就會馬上跳回默認(rèn)參數(shù)。要還原所有的參數(shù)設(shè)置的時候，可以點(diǎn)擊右上角的下拉菜單，取消所有選項(xiàng)的參數(shù)鎖定。

4.基礎(chǔ)色圖層

很多時候，你需要建立一個純色圖層來添加某些效果。你或許會使用鏡頭耀斑或者是雜色來創(chuàng)造雜質(zhì)，做非破壞性的加深或減淡操作，或者任何需要用到黑、白、灰純色圖層的效果。通常你創(chuàng)建這一類圖層的時候，你需要將這類圖層的混合模式調(diào)整為“混合”來去掉基礎(chǔ)顏色的顯示而只留下圖層效果。你可以創(chuàng)建圖層——填充顏色——添加效果——修改混合模式，也可以按照下面的方法做：當(dāng)你點(diǎn)擊面板底部的新建圖層的按鈕的同時按住Alt鍵，在下拉菜單中選擇混合模式，你也可以看見下方的這個勾選框，勾選它，就可以方便的創(chuàng)建新圖層。

5.隨意拖動你的鏡頭耀斑

說到鏡頭耀斑，你知道其實(shí)你可以在圖像的正中間添加鏡頭耀斑嗎？事實(shí)上，你可以在圖層的任意位置添加耀斑。當(dāng)你選擇“濾鏡——鏡頭耀斑”你會看到這樣一個預(yù)覽圖，直接在預(yù)覽圖中拖動耀斑的位置就可以直接進(jìn)行調(diào)整。

6.圖層樣式控制

當(dāng)你創(chuàng)建圖層樣式的時候，你可以通過之間在文件中拖拽的方法來重定位投影，內(nèi)陰影和漸變疊加效果。這樣就比調(diào)節(jié)滑塊的方法更加方便直觀了。

7.柔滑線條

有時候你講一個一像素形式出現(xiàn)的線條拖動到Photoshop中的時候，你會發(fā)現(xiàn)它們有銳利的邊緣，這真的很難看，但是我們有辦法修復(fù)它們。使用“濾鏡——模糊——高斯模糊（2至6像素）”。再按下Ctrl + L添加閾值調(diào)整圖層，將黑白兩個滑塊拖到中間的位置來，這樣你會發(fā)現(xiàn)曲線變得柔和

了。

8.在你當(dāng)前的圖層下方創(chuàng)建新圖層

通常你新建圖層的時候新圖層會出現(xiàn)在當(dāng)前圖層的上方。如果你希望在當(dāng)前圖層下方創(chuàng)建圖層的時候你要怎么辦呢？按住Ctrl鍵并單擊圖層面板下方的新建圖層按鈕即可。

9.直接在你的文檔中備份一個圖層

有很多方式可以復(fù)制圖層，例如，你可以將一個圖層拖到信件圖層按鈕上方來實(shí)現(xiàn)，或者按下Ctrl + J。但如何同時在備份圖層的時候移動它們呢？拖動圖層的時候按下Alt鍵，就可以將圖層備份到想要的圖層順序位置。

10.轉(zhuǎn)換選區(qū)

我知道你已經(jīng)知道了如何在創(chuàng)建選區(qū)的時候同時移動它，繪制的時候按下空格鍵即可，或者按下Shift來選擇長寬相同的選區(qū)，或者按下Alt鍵來將縮放點(diǎn)移動到選區(qū)正中、這里另外有一個選區(qū)操作的小技巧：選擇完成之后，選擇“選擇——轉(zhuǎn)換選區(qū)”，這時候你就可以運(yùn)動自由變換工具對選區(qū)進(jìn)行操作了。右擊可以看到所有的選項(xiàng)。

11.從圖層到文件，從文件到圖層

將所有的圖像都合并到一個圖層上很麻煩，更麻煩的是將不同的圖層保存為不同的文件！好消息！你可以讓Photoshop自動做這項(xiàng)工作。對于前者，選擇“文件——腳本——裝載文件”，選擇你的文件，點(diǎn)擊確定，它們就會被裝載到一個圖層上。對于后者，選擇“文件——腳本——到處圖層到文件”，你也可以選擇“文件——腳本——圖像處理”來進(jìn)行更多選項(xiàng)的調(diào)整。

12.光源效果濾鏡在哪里？提示：32-bit

你或許奇怪曾經(jīng)的光源濾鏡效果去哪兒了？你或許知道用“濾鏡——鏡頭——光源效果”，好消息是：在CS5（我認(rèn)為最穩(wěn)定的版本）里你還可以找到它；壞消息是：它只會在32bit的模式下出現(xiàn)（這也同樣能使得你的一些老插件生效）。

13.視頻濾鏡

Photoshop拓展版（Extended）有能力處理視頻。你在圖像上能夠應(yīng)用的效果大部分能夠應(yīng)用到視頻上?；蛟S你已經(jīng)試驗(yàn)過這樣的濾鏡，但發(fā)現(xiàn)它們的效果之出現(xiàn)在一張單幀上。秘密是，你可以將視頻轉(zhuǎn)化為智能對象。一旦轉(zhuǎn)化為智能對象，濾鏡效果就會對整個視頻都有效了。