配色一直是設計圈子里的熱門話題，是我們作為設計師必須要掌握的一門重要技能，通過色彩可以向用戶傳遞不同層面的視覺信息，所以不同的色彩也都被人們賦予了不同的含義。比如：紅色、橙色、黃色等暖色系的顏色能表現出溫暖、熱鬧；而藍色、淡藍色等冷色系顏色，會給人一種涼爽、寒冷的感覺。將色彩屬性與設計作品有效地相互結合，往往能做到 1+1>2 的視覺效果。

色彩的特徵

在設計中，色彩可以分為兩大類，即有彩色和無彩色，無彩色大多指我們常說的黑、白、灰；有彩色則是除無彩色之外的顏色。有彩色的三大特徵，即色相、飽和度、明度。

色相：色彩的首要特徵，也就是色彩可呈現出來的質地面貌，比如我們常說的紅色、藍色、綠色……

飽和度：色彩的鮮艷程度，也就是色彩的純度，飽和度取決於該色中含色成分和消色成分（灰色）的比例，直觀看就是我們常說的：天藍色、淡藍色、灰藍色等等，就是對飽和度不同程度的體現。

△ 飽和度由高→低的變化

明度：是眼睛對光源和物體表面的明暗程度的感覺，簡單理解就是色彩的明亮程度，比如白天和黑夜。

△ 明度由亮→暗的變化

在 Photoshop 拾色器中分別對應：

有彩色的三大特徵：色相、飽和度、明度，三者相輔相成、共同作用，任何一種有彩色都必然存在着這樣的特徵關係。相信大家應該能明白三大特徵分別代表着什麼了，如果還不懂，那就再看看。

色彩之間的關係

在有彩色範圍內，不同色相之間存在着一些可遵循的視覺關係，根據這些視覺關係，我們也能得到一些常見的色彩搭配方式，下面我們具體分析：

同類色：色相環間隔在 30° 以內的色相搭配，這類配色形式優點是舒服、統一、視覺比較柔和、容易把控。缺點是衝擊性很弱，運用不得當會單調、缺少視覺層次感。所以此類配色方式不易用於對抗、衝擊力強的設計作品。

案例展示：

案例中每一幅海報整體給人的視覺感受都很舒服、平緩、易於接受，這也是設計中用到最不容易出錯的一種配色方式。

鄰近色：色相環相隔 90° 的顏色稱之為鄰近色，這類配色方式優點是陽光、活潑、穩定、有一定視覺衝擊力、視覺層次感豐富。

案例展示：

如圖所示，整體視覺層次感豐富、有跳躍性，但同時也很舒服、和諧。

對比色：色相環間隔 120° 的顏色，這類配色形式優點是視覺衝擊力強烈、富有跳躍性、突出、點綴能力強，比如常用作畫面中的點綴色，或與主體固有色成對比關係的背景色，用於突出主體。缺點是大面積使用比較難把控。

案例展示：

如圖所示，當對比色的面積較大時，給人的視覺衝擊力是很強烈的。而當其中一個色相較少時，點綴、裝飾的作用就顯現出來，這部分顏色就是畫面中容易出彩的部分。

互補色：色相環間隔 180° 的顏色稱之為互補色，色相環上夾角呈現一條直線，互補色的顏色性質相差較大，將這兩種顏色相互搭配，就會使這兩種顏色都顯得更加鮮明，也將視覺衝擊力強度提升至峰值。這類配色形式優缺點和對比色很相似。只不過此類視覺衝擊力更強也更難把控。

案例展示：

色彩的色調

色彩是有色調的，色調可以理解為：通過改變明度與飽和度來調配色彩濃淡、強弱程度，叫做色調。簡單理解就是決定色調的主要因素是明度和飽和度，而決定作品最終色調的因素是畫面中視覺比例較大色彩的屬性。那麼了解色調對於我們對設計的理解有哪些幫助呢？下面我們列舉幾個例子：

淺白色調：泛指偏低飽和度、高明度的色相搭配。不同色相之間相互搭配所帶來的視覺感受很緩和，即便是以互補色的形式搭配，視覺衝擊力也明顯減弱。色相固有的視覺屬性表現力有所降低，這類色調的設計作品帶給用戶的視覺感受比較清純、陽光、年輕、乾淨、舒服。

案例展示：

此類色調的作品畫面中依然需要重色進行搭配使用的，否則很容易給人一種輕浮、主體不突出的視覺感受。

亮色調：泛指偏高明度、高飽和度的色相搭配，相比而言色相固有視覺屬性表現力較強，對比性較強的色相視覺衝擊力也很強，這類色調的設計作品帶給用戶的視覺感受是活潑、明亮、慾望。

案例展示：

如案例中所示，不管是同類色還是互補色的配色方式，都能將色彩本身的視覺屬性發揮得淋漓盡致，這也是亮色調作品的一個特點。

暗色調：泛指低明度的配色搭配，相對前兩者而言，暗色調給人的視覺感受更穩重、有品質感。

案例展示：

當然暗色調還會形成另一種視覺感受，那就是恐怖、陰森、殘忍、爾虞我詐，比如：

暗色調的色相搭配形式，對於很多專題性、故事性、品牌調性強的作品能起到很好的加強、提升的作用。

不管是哪種色調方式，都不僅限於某一色調範圍內的顏色相互搭配，而是在確定主色調后結合其他屬性的顏色相互結合使用。在此基礎之上同樣可以結合色彩搭配關係（同類色、鄰近色等）進行配色。

另外：還有個有趣的配色、調色網站，沒有思路時可以找下參考，操作起來也很方便，叫做 Adobe Color。

功能遠不止這些，還可以變換色彩調和規則、改變色彩模式、從圖片中提取色彩等等，只需簡單操作，就會有無數種不同的配色方案供你參考、選擇。

着重提醒配色比例：70% 主色、25% 輔助色、5% 點綴色。一般情況下：色相控制在三個以內，因為色相越少，越容易把控，越不容易亂。

更多配色工具：

閱讀文章 >>

總結

配色是感性的，但同時又是有律可尋的。因為有了規律，所以我們才能更好、更全方面地了解它；而感性並不是隨便，而是建立規則之後，再打破規則、掙脫束縛，從而做到無招勝有招。所以兩者並不矛盾。文中通過對色彩的特徵、色彩之間的關係以及色調三個維度進行分析總結，目的是讓大家可以在多個層面了解色彩以及配色的基礎理論，也可以給大家提供一個可供參考的方向，設計中的配色方式遠不止這些。用你擅於發現的眼睛捕捉吧。

歡迎關注作者的微信公眾號：「美工美邦」

未经-摩登3注册-摩登3测速官网-允许不得转载：摩登3注册-摩登3测速官网 » 無極5平台_這篇設計配色乾貨，值得你抄兩頁筆記！