想象一個(gè)場(chǎng)景：你已經(jīng)差不多完成了一個(gè)設(shè)計(jì)項(xiàng)目，但是在最后的步驟前停下了：選擇一個(gè)配色方案。讓我猜猜：無論設(shè)計(jì)什么，你總是在糾結(jié)用什么顏色才好？你已經(jīng)組織好了布局，定下了內(nèi)容，甚至選好了字體，卻在顏色上舉棋不定……你是應(yīng)該用經(jīng)典的黑白色呢，還是用些明亮的顏色，或者單色？什么顏色都用上？
快速選擇正確的顏色
選擇正確的顏色前先在這兩種顏色中確定：
- 中性色
- 強(qiáng)調(diào)色
方便起見，我們把中性色定義為黑色，白色，灰色或米黃色系/棕色系中的顏色。強(qiáng)調(diào)色可以是你喜歡的任意顏色，從碧綠色到青瓜綠。從以上這兩個(gè)選擇中，你可以創(chuàng)造一個(gè)無盡的調(diào)色盤，從三種顏色到三十種。如何做到的？通過添加淺色調(diào)和深色調(diào)。
什么是淺色調(diào)和深色調(diào)？
淺色調(diào)和深色調(diào)是同一種顏色的變體，減淡或加深后的美術(shù)專業(yè)術(shù)語。它們由對(duì)一個(gè)基本色添加白色（制作淺色調(diào)）或黑色（制作深色調(diào)）而來。用淺色調(diào)和深色調(diào)作為調(diào)色盤的一部分由很多優(yōu)勢(shì)。其一，簡(jiǎn)化顏色選擇的過程。供你選擇的顏色減少，避免使用顏色過多導(dǎo)致作品畫面紛繁雜亂。其二，使用淺色調(diào)和深色調(diào)會(huì)使調(diào)色盤的顏色連貫一致，過渡自然，因?yàn)樗鼈兌际腔谕环N顏色形成的。
下圖品牌設(shè)計(jì)就是這個(gè)技巧的一個(gè)應(yīng)用案例，作者Whitney Blake 用灰色和藍(lán)色的調(diào)色盤（注意由它們各自的深色、淺色變體營(yíng)造的對(duì)比感）令原本柔和的配色方案更加靈動(dòng)。
如何制造淺色調(diào)和深色調(diào)
只是目測(cè)的話很難為一個(gè)調(diào)色盤選擇淺色調(diào)和深色調(diào)。一些設(shè)計(jì)軟件有工具幫你選擇淺色調(diào)和深色調(diào) ，不過這些工具可能功能有限且不可定制。下面將為大家介紹一些有用的在線工具。
01.Paletton
隨機(jī)從色輪上選取一個(gè)基本顏色，或輸入RGB數(shù)值選取一個(gè)具體的顏色，Paletton的單色模式會(huì)根據(jù)選取的顏色自動(dòng)生成淺色調(diào)和深色調(diào)的調(diào)色盤。用自由風(fēng)格模式可以選取2到4個(gè)基本顏色，點(diǎn)擊底部“預(yù)先設(shè)置”按鈕，選擇基本顏色的更多變體。
02.Material Palette
相比而言Material Palette更基礎(chǔ)，適合快速選取顏色。Material Palette 提供有限的亮色（谷歌Material Design 風(fēng)格），少量中性色，用戶一次可以選擇兩個(gè)顏色。Material Palette 會(huì)根據(jù)用戶選取的第一個(gè)顏色，自動(dòng)生成含有一個(gè)淺色調(diào)和一個(gè)深色調(diào)的調(diào)色盤；Material Palette 會(huì)將用戶選取的第二個(gè)顏色作為強(qiáng)調(diào)色，生成幾個(gè)中性色供用戶選擇。
03.Colour Code
Colour Code 操作簡(jiǎn)單，用戶從左側(cè)面板中選取一個(gè)方案，（左側(cè)面板中的單色，單色&深灰，或單色&淺灰方案會(huì)提供基于淺色調(diào)和深色調(diào)的效果不錯(cuò)的調(diào)色盤），將鼠標(biāo)拖到任何一個(gè)方向都可嘗試配色。
應(yīng)用淺色調(diào)和深色調(diào)的方法
選好調(diào)色盤后就該將其應(yīng)用到設(shè)計(jì)上了。基本色的淺色調(diào)和深色調(diào)會(huì)給配色方案增加對(duì)比，視覺趣味和靈動(dòng)感。需要一些靈感嗎？看看下面的創(chuàng)意和案例吧：
01.創(chuàng)造引人的品牌
用同一顏色衍生出的淺色調(diào)和深色調(diào)繪制品牌圖案會(huì)有很強(qiáng)的統(tǒng)一性和和諧感。Mast設(shè)計(jì)工作室利用淺色調(diào)和深色調(diào)將靈活和創(chuàng)意在下面的兩張作品中展現(xiàn)地淋漓盡致。你也可以做到哦。第一張作品運(yùn)用了中藍(lán)色底色的多種變體色，第二張作品只用了一種基礎(chǔ)色和一個(gè)深色調(diào)。第二張作品中的兩種紅色和設(shè)計(jì)元素的顏色都來取自于品牌標(biāo)志顏色，視覺上再次突出了品牌。
02.增加對(duì)比
任何設(shè)計(jì)中對(duì)比都是增加易讀性的關(guān)鍵。創(chuàng)造對(duì)比很簡(jiǎn)單：選一個(gè)最淺的色調(diào)搭配最深的色調(diào)。以Michael Hildebrand設(shè)計(jì)的活動(dòng)海報(bào)為例，底部淺粉色文字在桃紅色背景的襯托下十分醒目、突出。海報(bào)上方“四周年”，文字是桃紅色，底色是淡粉色，也創(chuàng)造了很好看的對(duì)比。
在 Szende Brassai設(shè)計(jì)的日歷中至少使用了四種淺綠色的深淺色調(diào)和兩種珊瑚色，外加一些中性色，Szende Brassai將這些顏色組合在一起創(chuàng)造了強(qiáng)烈的對(duì)比，增加了視覺趣味。冷暖色調(diào)的強(qiáng)烈對(duì)比也增強(qiáng)了效果。
03.混合
色彩的對(duì)比可以用來突出設(shè)計(jì)元素，也可以使設(shè)計(jì)元素相互融合協(xié)調(diào)。 Robert Frank Hunter設(shè)計(jì)的書封面使用了藍(lán)色的一系列深淺色調(diào)，沒有制造強(qiáng)烈的對(duì)比，相反整個(gè)畫面非常和諧溫和，從而突出了字體。
04.簡(jiǎn)化&分離
如果一份設(shè)計(jì)作品使用的都是同一個(gè)顏色，色調(diào)，飽和度，那么設(shè)計(jì)元素會(huì)很難區(qū)分。這時(shí)候就要用到深色調(diào)和淺色調(diào)了，尤其當(dāng)你有很多信息需要組織、表達(dá)時(shí)，不同的信息用不同的色調(diào)會(huì)易于讀者區(qū)分。同時(shí)，基于同一顏色創(chuàng)造出的色盤避免了畫面繚亂復(fù)雜。William Mellor設(shè)計(jì)的信息圖表中只是用了基礎(chǔ)綠色和它的一個(gè)淺色調(diào)，外加黑色和白色，即使內(nèi)容很多，但整個(gè)畫面非常清爽。
Owen Shifflett設(shè)計(jì)的網(wǎng)站也用了同樣的技巧，他用了藍(lán)色的淺色調(diào)和深色調(diào)，創(chuàng)造了溫柔和諧的背景，使色彩斑斕的產(chǎn)品圖像凸顯出來了，整個(gè)網(wǎng)站畫面結(jié)構(gòu)嚴(yán)謹(jǐn)、井井有條。
05.添加厚度和立體感
創(chuàng)造厚度和立體感是深色調(diào)和淺色調(diào)的使用方法之一。運(yùn)用顏色的深淺創(chuàng)造陰影和亮度，就像Mads Berg制作的復(fù)古旅游海報(bào)一樣。用深灰色給游艇創(chuàng)造了立體感，用深藍(lán)色給天空和海水創(chuàng)造了立體感，整個(gè)畫面呈現(xiàn)出三維效果。
同樣是航海主題，DKNG Studios設(shè)計(jì)的兩張海報(bào)分別用了冷暖色系的一系列深淺色調(diào)，精美復(fù)雜，富有層次感。暖色的海報(bào)營(yíng)造出黎明的感覺，冷色的海報(bào)則是夜晚的感覺。下一個(gè)技巧我們將介紹如何用顏色營(yíng)造氣氛。
06.營(yíng)造氣氛，建立主題
顏色可以為設(shè)計(jì)作品營(yíng)造氣氛，再次看看上面的音樂會(huì)海報(bào)，難道他們沒有一種夏天，假期，熱帶風(fēng)情，慵懶的夜晚的感覺嗎？顏色的選擇很大程度上決定了作品營(yíng)造的氣氛。顏色還可以傳達(dá)內(nèi)容，明確、加強(qiáng)設(shè)計(jì)主題。 Alan Cheetham 設(shè)計(jì)的幾款標(biāo)簽用色大膽鮮明，具有親和、現(xiàn)代感，同時(shí)不同的顏色代表了不同蠟燭的氣味。
Veronica Lethorn在她的包裝設(shè)計(jì)中，使用了幾組基礎(chǔ)色外加一個(gè)衍生淺色調(diào)的搭配，使產(chǎn)品包裝時(shí)尚吸睛，每一種顏色也非常符合產(chǎn)品的味道。
07.使用漸變
若要同時(shí)使用多個(gè)冷色調(diào)和暖色調(diào)，漸變是個(gè)不錯(cuò)的選擇，再加上透明的效果就再好不過了。Hyperakt設(shè)計(jì)的活動(dòng)海報(bào)使用了兩種漸變方式。封面（左圖）Hyperakt’用小三角形拼成了兩個(gè)側(cè)面人像，每個(gè)三角形都用了漸變效果填充，整個(gè)畫面呈現(xiàn)出三維立體的感覺。內(nèi)頁(yè)（右圖）則是背景全圖漸變。
Brandexpert 設(shè)計(jì)的產(chǎn)品包裝則在包裝的一部分上使用了透明漸變，漸變的顏色選自背景色，既和諧美觀，又襯托出中間的文字文本，增加了易讀性。
08.擴(kuò)大調(diào)色板的顏色
設(shè)計(jì)作品的顏色選擇會(huì)受限于品牌定位，打印條件或者設(shè)計(jì)師的風(fēng)格。如果條件允許，不妨嘗試擴(kuò)大調(diào)色板的顏色。以Julie Wauters 設(shè)計(jì)的兒童圖書封面為例，她使用了綠色和粉色的深淺色調(diào)衍生色外加黑色白色。畫面精美豐富，淺色調(diào)和深色調(diào)擴(kuò)大了她的顏色選擇。
09.增加透明度
平面設(shè)計(jì)過程中，透明的形狀和背景很實(shí)用。透明度搭配深色調(diào)和淺色調(diào)可以擴(kuò)大調(diào)色板的顏色。透明的淺色調(diào)和深色調(diào)圖形相交時(shí)會(huì)產(chǎn)生另一種顏色，正如 Julian Bauer設(shè)計(jì)的書本封面一樣。
選取一個(gè)基本色，改變其透明度再疊加黑色或白色就可以得到透明的深淺色調(diào)。Oliver Lo在他設(shè)計(jì)的電影系列海報(bào)中將透明的紅色圖層疊加在黑白照片上，獲得了不錯(cuò)的效果。
10.簡(jiǎn)潔
想要?jiǎng)?chuàng)作樸素低調(diào)的風(fēng)格的作品，不妨嘗試一下單色調(diào)色盤。單色調(diào)色盤技能提供足夠的衍生淺色調(diào)深色調(diào)，又能保持畫面的整潔美感。Chris Ross 設(shè)計(jì)的會(huì)議日程安排中只有用了黃色的淺色調(diào)（不算白色和黑色在內(nèi)），搭配幾何圖形呈現(xiàn)出現(xiàn)代感。
即使是接近單色調(diào)的調(diào)色盤也能簡(jiǎn)化一份設(shè)計(jì)，以Steve Wolf的設(shè)計(jì)作品為例，除了兩種藍(lán)色之外，他還添加了灰白色作為中立色，少許紅色作為強(qiáng)調(diào)色。整幅畫面依然是簡(jiǎn)潔美觀的。
11.繪制圖形和花紋
淺色調(diào)和深色調(diào)可以用來繪制圖形、花紋或其他幾何元素。Chloe Park設(shè)計(jì)的兩款名片中分別使用了逐漸加深的橙色和藍(lán)色，以及淺色調(diào)繪制的三角形組成的幾何圖形，簡(jiǎn)單大方。
Mike Peck設(shè)計(jì)的星巴克包裝袋中用深淺色調(diào)的漸變色的小三角形組成背景，疊加了透明效果，非常好看、吸睛。
12.兩組或三組顏色
選擇兩組不同的深淺色調(diào)進(jìn)行創(chuàng)作。以Michael Hildebrand為一家餐廳設(shè)計(jì)的宣傳片為例，設(shè)計(jì)中融合了紅色和金棕色的深淺色調(diào)，金棕色更為中立，彌補(bǔ)了紅色的張揚(yáng)。
下面圖片中， Megan Clark 選擇了藍(lán)色，綠色和灰色三組顏色的深淺色調(diào)進(jìn)行搭配，為了避免顏色過于雜亂，她每組只選擇了兩種顏色，一個(gè)淺色調(diào)和一個(gè)深色調(diào)。
13.文本
別將文本限制于黑白灰，深淺色調(diào)也可以用于字體。嘗試一下彩色文本吧。Francesco Poroli在設(shè)計(jì)中文字和圖片只使用了紫色及其深淺色調(diào)，效果不錯(cuò)。
