想象一個場景：你已經(jīng)差不多完成了一個設(shè)計項目，但是在最后的步驟前停下了：選擇一個配色方案。讓我猜猜：無論設(shè)計什么，你總是在糾結(jié)用什么顏色才好？你已經(jīng)組織好了布局，定下了內(nèi)容，甚至選好了字體，卻在顏色上舉棋不定……你是應(yīng)該用經(jīng)典的黑白色呢，還是用些明亮的顏色，或者單色？什么顏色都用上？ 

快速選擇正確的顏色

選擇正確的顏色前先在這兩種顏色中確定：

• 中性色

• 強(qiáng)調(diào)色

方便起見，我們把中性色定義為黑色，白色，灰色或米黃色系/棕色系中的顏色。強(qiáng)調(diào)色可以是你喜歡的任意顏色，從碧綠色到青瓜綠。從以上這兩個選擇中，你可以創(chuàng)造一個無盡的調(diào)色盤，從三種顏色到三十種。如何做到的？通過添加淺色調(diào)和深色調(diào)。 

什么是淺色調(diào)和深色調(diào)？

淺色調(diào)和深色調(diào)是同一種顏色的變體，減淡或加深后的美術(shù)專業(yè)術(shù)語。它們由對一個基本色添加白色（制作淺色調(diào)）或黑色（制作深色調(diào)）而來。用淺色調(diào)和深色調(diào)作為調(diào)色盤的一部分由很多優(yōu)勢。其一，簡化顏色選擇的過程。供你選擇的顏色減少，避免使用顏色過多導(dǎo)致作品畫面紛繁雜亂。其二，使用淺色調(diào)和深色調(diào)會使調(diào)色盤的顏色連貫一致，過渡自然，因?yàn)樗鼈兌际腔�于同一種顏色形成的。

下圖品牌設(shè)計就是這個技巧的一個應(yīng)用案例，作者Whitney Blake 用灰色和藍(lán)色的調(diào)色盤（注意由它們各自的深色、淺色變體營造的對比感）令原本柔和的配色方案更加靈動。 

如何制造淺色調(diào)和深色調(diào)

只是目測的話很難為一個調(diào)色盤選擇淺色調(diào)和深色調(diào)。一些設(shè)計軟件有工具幫你選擇淺色調(diào)和深色調(diào) ，不過這些工具可能功能有限且不可定制。下面將為大家介紹一些有用的在線工具。

01.Paletton

隨機(jī)從色輪上選取一個基本顏色，或輸入RGB數(shù)值選取一個具體的顏色，Paletton的單色模式會根據(jù)選取的顏色自動生成淺色調(diào)和深色調(diào)的調(diào)色盤。用自由風(fēng)格模式可以選取2到4個基本顏色，點(diǎn)擊底部“預(yù)先設(shè)置”按鈕，選擇基本顏色的更多變體。

02.Material Palette

相比而言Material Palette更基礎(chǔ)，適合快速選取顏色。Material Palette 提供有限的亮色（谷歌Material Design 風(fēng)格），少量中性色，用戶一次可以選擇兩個顏色。Material Palette 會根據(jù)用戶選取的第一個顏色，自動生成含有一個淺色調(diào)和一個深色調(diào)的調(diào)色盤；Material Palette 會將用戶選取的第二個顏色作為強(qiáng)調(diào)色，生成幾個中性色供用戶選擇。

03.Colour Code

Colour Code 操作簡單，用戶從左側(cè)面板中選取一個方案，（左側(cè)面板中的單色，單色&深灰，或單色&淺灰方案會提供基于淺色調(diào)和深色調(diào)的效果不錯的調(diào)色盤），將鼠標(biāo)拖到任何一個方向都可嘗試配色。

應(yīng)用淺色調(diào)和深色調(diào)的方法

選好調(diào)色盤后就該將其應(yīng)用到設(shè)計上了�；�本色的淺色調(diào)和深色調(diào)會給配色方案增加對比，視覺趣味和靈動感。需要一些靈感嗎？看看下面的創(chuàng)意和案例吧： 

01.創(chuàng)造引人的品牌

用同一顏色衍生出的淺色調(diào)和深色調(diào)繪制品牌圖案會有很強(qiáng)的統(tǒng)一性和和諧感。Mast設(shè)計工作室利用淺色調(diào)和深色調(diào)將靈活和創(chuàng)意在下面的兩張作品中展現(xiàn)地淋漓盡致。你也可以做到哦。第一張作品運(yùn)用了中藍(lán)色底色的多種變體色，第二張作品只用了一種基礎(chǔ)色和一個深色調(diào)。第二張作品中的兩種紅色和設(shè)計元素的顏色都來取自于品牌標(biāo)志顏色，視覺上再次突出了品牌。

02.增加對比

任何設(shè)計中對比都是增加易讀性的關(guān)鍵。創(chuàng)造對比很簡單：選一個最淺的色調(diào)搭配最深的色調(diào)。以Michael Hildebrand設(shè)計的活動海報為例，底部淺粉色文字在桃紅色背景的襯托下十分醒目、突出。海報上方“四周年”，文字是桃紅色，底色是淡粉色，也創(chuàng)造了很好看的對比。

在 Szende Brassai設(shè)計的日歷中至少使用了四種淺綠色的深淺色調(diào)和兩種珊瑚色，外加一些中性色，Szende Brassai將這些顏色組合在一起創(chuàng)造了強(qiáng)烈的對比，增加了視覺趣味。冷暖色調(diào)的強(qiáng)烈對比也增強(qiáng)了效果。

03.混合

色彩的對比可以用來突出設(shè)計元素，也可以使設(shè)計元素相互融合協(xié)調(diào)。 Robert Frank Hunter設(shè)計的書封面使用了藍(lán)色的一系列深淺色調(diào)，沒有制造強(qiáng)烈的對比，相反整個畫面非常和諧溫和，從而突出了字體。

04.簡化&分離

如果一份設(shè)計作品使用的都是同一個顏色，色調(diào)，飽和度，那么設(shè)計元素會很難區(qū)分。這時候就要用到深色調(diào)和淺色調(diào)了，尤其當(dāng)你有很多信息需要組織、表達(dá)時，不同的信息用不同的色調(diào)會易于讀者區(qū)分。同時，基于同一顏色創(chuàng)造出的色盤避免了畫面繚亂復(fù)雜。William Mellor設(shè)計的信息圖表中只是用了基礎(chǔ)綠色和它的一個淺色調(diào)，外加黑色和白色，即使內(nèi)容很多，但整個畫面非常清爽。

Owen Shifflett設(shè)計的網(wǎng)站也用了同樣的技巧，他用了藍(lán)色的淺色調(diào)和深色調(diào)，創(chuàng)造了溫柔和諧的背景，使色彩斑斕的產(chǎn)品圖像凸顯出來了，整個網(wǎng)站畫面結(jié)構(gòu)嚴(yán)謹(jǐn)、井井有條。

05.添加厚度和立體感

創(chuàng)造厚度和立體感是深色調(diào)和淺色調(diào)的使用方法之一。運(yùn)用顏色的深淺創(chuàng)造陰影和亮度，就像Mads Berg制作的復(fù)古旅游海報一樣。用深灰色給游艇創(chuàng)造了立體感，用深藍(lán)色給天空和海水創(chuàng)造了立體感，整個畫面呈現(xiàn)出三維效果。

同樣是航海主題，DKNG Studios設(shè)計的兩張海報分別用了冷暖色系的一系列深淺色調(diào)，精美復(fù)雜，富有層次感。暖色的海報營造出黎明的感覺，冷色的海報則是夜晚的感覺。下一個技巧我們將介紹如何用顏色營造氣氛。

06.營造氣氛，建立主題

顏色可以為設(shè)計作品營造氣氛，再次看看上面的音樂會海報，難道他們沒有一種夏天，假期，熱帶風(fēng)情，慵懶的夜晚的感覺嗎？顏色的選擇很大程度上決定了作品營造的氣氛。顏色還可以傳達(dá)內(nèi)容，明確、加強(qiáng)設(shè)計主題。 Alan Cheetham 設(shè)計的幾款標(biāo)簽用色大膽鮮明，具有親和、現(xiàn)代感，同時不同的顏色代表了不同蠟燭的氣味。

Veronica Lethorn在她的包裝設(shè)計中，使用了幾組基礎(chǔ)色外加一個衍生淺色調(diào)的搭配，使產(chǎn)品包裝時尚吸睛，每一種顏色也非常符合產(chǎn)品的味道。

07.使用漸變

若要同時使用多個冷色調(diào)和暖色調(diào)，漸變是個不錯的選擇，再加上透明的效果就再好不過了。Hyperakt設(shè)計的活動海報使用了兩種漸變方式。封面（左圖）Hyperakt’用小三角形拼成了兩個側(cè)面人像，每個三角形都用了漸變效果填充，整個畫面呈現(xiàn)出三維立體的感覺。內(nèi)頁（右圖）則是背景全圖漸變。

Brandexpert 設(shè)計的產(chǎn)品包裝則在包裝的一部分上使用了透明漸變，漸變的顏色選自背景色，既和諧美觀，又襯托出中間的文字文本，增加了易讀性。

08.擴(kuò)大調(diào)色板的顏色

設(shè)計作品的顏色選擇會受限于品牌定位，打印條件或者設(shè)計師的風(fēng)格。如果條件允許，不妨嘗試擴(kuò)大調(diào)色板的顏色。以Julie Wauters 設(shè)計的兒童圖書封面為例，她使用了綠色和粉色的深淺色調(diào)衍生色外加黑色白色。畫面精美豐富，淺色調(diào)和深色調(diào)擴(kuò)大了她的顏色選擇。

09.增加透明度

平面設(shè)計過程中，透明的形狀和背景很實(shí)用。透明度搭配深色調(diào)和淺色調(diào)可以擴(kuò)大調(diào)色板的顏色。透明的淺色調(diào)和深色調(diào)圖形相交時會產(chǎn)生另一種顏色，正如 Julian Bauer設(shè)計的書本封面一樣。

選取一個基本色，改變其透明度再疊加黑色或白色就可以得到透明的深淺色調(diào)。Oliver Lo在他設(shè)計的電影系列海報中將透明的紅色圖層疊加在黑白照片上，獲得了不錯的效果。

10.簡潔

想要創(chuàng)作樸素低調(diào)的風(fēng)格的作品，不妨嘗試一下單色調(diào)色盤。單色調(diào)色盤技能提供足夠的衍生淺色調(diào)深色調(diào)，又能保持畫面的整潔美感。Chris Ross 設(shè)計的會議日程安排中只有用了黃色的淺色調(diào)（不算白色和黑色在內(nèi)），搭配幾何圖形呈現(xiàn)出現(xiàn)代感。

即使是接近單色調(diào)的調(diào)色盤也能簡化一份設(shè)計，以Steve Wolf的設(shè)計作品為例，除了兩種藍(lán)色之外，他還添加了灰白色作為中立色，少許紅色作為強(qiáng)調(diào)色。整幅畫面依然是簡潔美觀的。

11.繪制圖形和花紋

淺色調(diào)和深色調(diào)可以用來繪制圖形、花紋或其他幾何元素。Chloe Park設(shè)計的兩款名片中分別使用了逐漸加深的橙色和藍(lán)色，以及淺色調(diào)繪制的三角形組成的幾何圖形，簡單大方。

 Mike Peck設(shè)計的星巴克包裝袋中用深淺色調(diào)的漸變色的小三角形組成背景，疊加了透明效果，非常好看、吸睛。

12.兩組或三組顏色

選擇兩組不同的深淺色調(diào)進(jìn)行創(chuàng)作。以Michael Hildebrand為一家餐廳設(shè)計的宣傳片為例，設(shè)計中融合了紅色和金棕色的深淺色調(diào)，金棕色更為中立，彌補(bǔ)了紅色的張揚(yáng)。

下面圖片中， Megan Clark 選擇了藍(lán)色，綠色和灰色三組顏色的深淺色調(diào)進(jìn)行搭配，為了避免顏色過于雜亂，她每組只選擇了兩種顏色，一個淺色調(diào)和一個深色調(diào)。

13.文本

別將文本限制于黑白灰，深淺色調(diào)也可以用于字體。嘗試一下彩色文本吧。

Francesco Poroli在設(shè)計中文字和圖片只使用了紫色及其深淺色調(diào)，效果不錯。