設(shè)計的色彩搭配十分復(fù)雜。

如果沒有風(fēng)格指南和客戶意見的引導(dǎo)，你應(yīng)該如何進行設(shè)計的色彩搭配？你可以借鑒一些色彩理論的技巧原則，色彩理論并不僅僅是美術(shù)生的專利，設(shè)計師也可以用它來創(chuàng)造出視覺效果十足的色彩搭配。另一個最簡便的色彩技巧就是單色調(diào)設(shè)計。這里所說的“單色調(diào)”并不是指一種顏色，而是所選顏色都來自同一基本色（通常為12色色環(huán)上的一種）的不同變體，而這些變體包括：

      · Shades: 基本色+黑色加深

      · Tones：基本色+灰色降低飽和度

      · Tints：基本色+白色加亮

用這三種方法就能調(diào)和出一個十分精細(xì)的單色調(diào)色譜，你可以從中選擇不同的變體運用于設(shè)計的各個部分。

單色調(diào)設(shè)計的優(yōu)點

除了健全的功能性，單色調(diào)搭配原則還具有以下幾個優(yōu)點：

   1）創(chuàng)建和諧統(tǒng)一的視覺效果；

   2）把所有的視覺焦點的聚集在內(nèi)容而非色彩搭配上；

   3）將品牌與某種特定色聯(lián)系起來；

   4）讓設(shè)計過程更加便捷，大大減輕設(shè)計師考慮色彩搭配的負(fù)擔(dān)。

單色調(diào)設(shè)計的9個技巧

01/

簡化繁瑣的設(shè)計

有時候你必須在有限的空間內(nèi)融入大量信息，為了避免讓繁瑣的色彩搭配加重觀眾的視覺負(fù)擔(dān)，你可以利用單色調(diào)搭配來創(chuàng)造更為簡潔有序的頁面布局。

例如，這個信息圖中包含了大量插畫和文本設(shè)計，但是全藍(lán)的配色成功將所有信息凝聚起來�？紤]到設(shè)計的實用性，大多數(shù)設(shè)計師還會在文本或背景中使用一些黑白搭配，在這個例子中，設(shè)計師就在背景中加入白和灰突出藍(lán)色圖像的設(shè)計。

02/

圖片的色彩疊加

色彩不僅運用于文本和圖像，以圖片為主的設(shè)計也可以通過透明色彩的疊加來達(dá)成單色調(diào)設(shè)計的目的。這種方法尤其適用于黑白照片，透明色覆蓋下的黑、白、灰自動形成了一種色彩變化的效果。

這個例子完美詮釋了透明色疊加對人物肖像的作用。另外，統(tǒng)一的背景也使得文本更加突出。這種方法也適用于彩色圖像，比如下圖的網(wǎng)站設(shè)計。沒有任何間距的圖片排列原本可能會造成視覺負(fù)擔(dān)，但設(shè)計師使用不同明暗度的紫色色塊為頁面創(chuàng)建了結(jié)構(gòu)和連貫性。

03/

創(chuàng)建聯(lián)系

單色調(diào)設(shè)計的另一個好處就是能夠為各種不同的元素建立聯(lián)系。這不僅是一種視覺效果，而且還具有一定的功能性。展現(xiàn)設(shè)計元素之間的互動聯(lián)系可以幫助觀眾迅速理解所要傳達(dá)的信息和設(shè)計目的。

例如，下圖的設(shè)計利用色值的變化來表示價格高低，即顏色越深價格越高。這種視覺線索巧妙地強化了設(shè)計的用戶友好度。

04/

恰當(dāng)使用亮色

許多設(shè)計師都熱衷于創(chuàng)造性的色彩搭配，但是對于商務(wù)等正式領(lǐng)域的設(shè)計，過于活潑跳躍的顏色會顯得輕浮。這時，單色調(diào)設(shè)計便是一個很好的選擇——它既能為設(shè)計添加多樣性，也能提升正式感。設(shè)計師通常會選用一個經(jīng)典的亮色（如下圖的紅色）作基本色，選擇它的暗色或較不飽和的變體作為主題色。下圖的建筑公司賀卡設(shè)計便是一個很好的例子。亮紅色和綠色的搭配通常為圣誕元素的經(jīng)典用色，這個設(shè)計只選用紅色作為主題色，并且考慮到這款賀卡的商務(wù)性質(zhì)，設(shè)計師使用暗紅色和淺紅色來保證其專業(yè)性。

05/

灰度設(shè)計

灰度是利用灰色陰影產(chǎn)生色彩變體的一種印刷設(shè)置，通常作為一種節(jié)省彩色油墨的手段。當(dāng)然，你也可以借鑒這種方式來調(diào)和色彩。

你可能會問：“我為什么要這么做？全灰的設(shè)計看起來不會很枯燥嗎？”其實并不一定。例如，加入灰度的黑白配色可以使你的設(shè)計看起來更簡潔大氣。下圖的網(wǎng)站設(shè)計就利用灰色疊加與黑白設(shè)計做補充。

但是要記住，灰度（介于黑白之間的所有變體）并不是唯一的選擇。你可以調(diào)節(jié)不同的色溫，嘗試使用冷灰（帶有藍(lán)調(diào)的灰色）或暖灰（帶有紅調(diào)、紫調(diào)或棕調(diào)的灰色）。如上圖中頁面頂部的圖片就加入了帶藍(lán)調(diào)的冷灰色，為整個設(shè)計添加了一點色彩豐富性和視覺趣味。

06/

為設(shè)計分區(qū)

色塊實際上是很好的分區(qū)工具，它能創(chuàng)建出有序的、重點明確的視覺層級效果。這款日歷應(yīng)用程序使用了幾種不同的紫色色塊來區(qū)分不同的信息。此外，這些色塊還具有互動功能，隨著用戶的點擊會產(chǎn)生相應(yīng)的變化。

07/

保持簡潔

一種基本色有大量的變體，但這并不代表你就要選用很多種。在某種程度上，色彩之間的細(xì)微差別在視覺上很難辨認(rèn)出來。你只需要選擇幾種顏色來區(qū)分信息塊，如包含背景色、文本色和其他元素顏色的三色布局是最為普遍的一種選擇。

或者你也可以參考下圖logo的配色。設(shè)計師原本可以使用豐富的配色，但由于logo本身的插畫比較復(fù)雜，便使用雙色配色來保證設(shè)計的簡潔性，同時也不影響其趣味性和美觀性。

08/

對比色

如果你有兩個相關(guān)的設(shè)計——可能是音樂會的系列海報或同一品牌的兩款商標(biāo)，可以考慮使用兩個對比色的單色調(diào)設(shè)計，這樣既能體現(xiàn)兩個設(shè)計的不同，又能保留兩者之間的聯(lián)系。

下圖的兩款礦泉水商標(biāo)的色彩對比十分顯著，因為所選顏色（藍(lán)色和橙色）為色環(huán)上的互補色。傳統(tǒng)色彩理論認(rèn)為互補色是藝術(shù)設(shè)計中對比最強烈的色彩搭配。

09/

單色調(diào)設(shè)計的創(chuàng)意性發(fā)揮

有時候要保證絕對的單色調(diào)設(shè)計不太現(xiàn)實，你可以在保留視覺效果和功能性的基礎(chǔ)上進行一點變通。不妨嘗試以下幾種方式：

單色調(diào)搭配+重點色

在單色調(diào)的基礎(chǔ)上加入重點色可以突出設(shè)計的重點或添加一些視覺趣味性。而所加入的重點色最好能在設(shè)計中發(fā)揮特定的作用，比如突出logo、強調(diào)聯(lián)系方式或行動呼吁。這組名片就利用藍(lán)色的重點色來突出設(shè)計師的名字。

接下來的這個例子以藍(lán)綠色為基本色，用淺色作為背景色，深色作為文本色，兩種變體色的搭配保證了簡潔的視覺效果，此外，設(shè)計師巧妙運用了橘黃色的主題色與品牌logo建立聯(lián)系，并且達(dá)到一種裝飾目的。

黑與白

設(shè)計師對于黑白設(shè)計是否屬于單色調(diào)設(shè)計有不同的意見（理論上，黑色是顏色的缺失，而白色是所有顏色的組合），但它實際上是最基本最易于使用的色彩搭配，無論是否有重點色的添加都可以產(chǎn)生很好的視覺效果。

下圖是兩個無重點色和添加重點色的網(wǎng)站設(shè)計。

相同色系

同色系的色彩搭配雖然不算嚴(yán)格意義上的單色調(diào)設(shè)計，但是也能在視覺統(tǒng)一性和信息歸納方面產(chǎn)生同等的效果。這本雜志利用藍(lán)色和綠色來強調(diào)圖表之間的聯(lián)系。雖然其中使用了四五種不同的顏色，但由于它們都屬于冷色系并且色彩飽和度相同，其視覺效果仍十分簡潔和諧。如果加入一種暖色，情況或許就大不相同了。

總結(jié)單色調(diào)的配色多種多樣，對任何類型的設(shè)計來說都是一種便捷的選擇。通過這篇文章，我們可以發(fā)現(xiàn)單色調(diào)設(shè)計可以運用于網(wǎng)站、logo、名片、產(chǎn)品包裝等等。然而你完全不必拘泥于嚴(yán)格意義上的單色調(diào)設(shè)計，可以添加一兩種強化表現(xiàn)效果的顏色。掌握了以上的建議和技巧之后，你便可以開始創(chuàng)造自己的單色調(diào)設(shè)計。祝你順利！