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

色彩的特征

在設計中,色彩可以分為兩大類,即有彩色和無彩色,無彩色大多指我們常說的黑、白、灰。有彩色則是除無彩色之外的顏色。下面說下有彩色的三大特征,即色相、飽和度、明度: 色相:色彩的首要特征,也就是色彩可呈現出來的質地面貌,比如我們常說的:紅色、藍色、綠色……  

色彩難把控?這些配色知識一定要了解

飽和度:色彩的鮮艷程度,也就是色彩的純度,飽和度取決于該色中含色成分和消色成分(灰色)的比例,直觀看就是我們常說的:天藍色、淡藍色、灰藍色等等,就是對飽和度不同程度的體現:  

色彩難把控?這些配色知識一定要了解

(飽和度由高→低的變化)

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

色彩難把控?這些配色知識一定要了解

(明度由亮→暗的變化)

在 Photoshop拾色器中分別對應:

色彩難把控?這些配色知識一定要了解

有彩色的三大特征:色相、飽和度、明度,三者相輔相成、共同作用,任何一種有彩色都必然存在著這樣的特征關系。相信大家應該能明白三大特征分別代表著什么了,如果還不懂,那就再look、look!

色彩之間的關系

在有彩色范圍內,不同色相之間存在著一些可遵循的視覺關系,根據這些視覺關系,我們也能得到一些常見的色彩搭配方式,下面我們具體分析: 色彩難把控?這些配色知識一定要了解

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

案例展示:

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

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

色彩難把控?這些配色知識一定要了解

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

案例展示:

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

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

色彩難把控?這些配色知識一定要了解

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

案例展示:

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

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

色彩難把控?這些配色知識一定要了解

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

案例展示:

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩的色調

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

色彩難把控?這些配色知識一定要了解

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

案例展示:

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

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

色彩難把控?這些配色知識一定要了解

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

案例展示:

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

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

色彩難把控?這些配色知識一定要了解

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

案例展示:

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

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

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

暗色調的色相搭配形式,對于很多專題性、故事性、品牌調性強的作品能起到很好的加強、提升的作用。 不管是哪種色調方式,都不是僅限于某一色調范圍內的顏色相互搭配,而是在確定主色調后結合其他屬性的顏色相互結合使用。在此基礎之上同樣可以結合色彩搭配關系(同類色、鄰近色……)進行配色。   另外:還有個有趣的配色、調色網站,沒有思路時可以找下參考,操作起來也很方便:叫做Adobe Color(https://color.adobe.com),如下圖:

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

色彩難把控?這些配色知識一定要了解

  功能遠不止這些,還可以變換色彩調和規則、改變色彩模式、從圖片中提取色彩等等,只需簡單操作,就會有無數種不同的配色方案供你參考、選擇。來不及解釋了,趕緊上車了! 著重提醒配色比例:70%主色、25%輔助色、5%點綴色。一般情況下:色相控制在三個以內,因為色相越少,越容易把控,越不容易亂!

最后總結

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

 

原文地址: 美工美邦(公眾號)

作者: 張家彬

色彩難把控?這些配色知識一定要了解

標簽:配色

隨機推薦