- 移動界面(Web/App)Photoshop UI設計十全大補
- 曾軍梅
- 1634字
- 2020-11-28 20:53:22
2.4 配色
Version:CS4 CS5 CS6 CC
色相彩度明度作用會使搭配在一起的不同色彩產生變化,兩種和多種深顏色搭配在一起是不會產生對比效果的,同樣,多種淺顏色混合在一起產生的效果也不理想。可是當一種深顏色和一種淺顏色混合在一起時,效果就會非常明顯,淺色的更淺,深色的更深,色相彩度明度也是如此。

▲多種深色搭配

▲多種淺色搭配

▲深色和淺色搭配
2.4.1 色相配色
以色相為基礎的配色就是以色相環為基礎的配色。我們運用色相環上比較相似的顏色進行配色,就讓人有種穩定和統一的感覺。若是想達到強烈的對比效果,就用差別比較大的顏色進行配色。
要想達到共同的配色印象,就要使用類似色相的配色。這種配色在色相上是比較容易取得配色平衡的。就像黃色、橙黃色和橙色的組合以及群青色、青紫色和紫羅蘭色的組合等都是類似的色相配色。但是使用類似色相的配色,讓人容易產生單調的感覺,所以有的時候,我們也可以使用一些對比色調的配色手法。這種中差配色的對比效果,既不呆板也不沖突,深受人們的喜愛。
在色相環中,對比色相配色指的是位于色相環圓心直徑兩端的色彩以及較遠位置的色彩組合。它主要有中差色相配色、對照色相配色和補色色相配色3種色相配色。由于對比色相的色彩性質比較青,因此它就被用來調配色彩的平衡,經常用在色調上和面積上。
同一色相配色指的是色相配色在16色相環中,角度是0度和接近的配色。
鄰近色相配色指的是角度在22.5度的兩色間,色相差是1的配色。
類似色相配色指的是角度在45度的兩色間,色相差是2的配色。
對照色相配色指的是角度在67.5度~112.5度,色相差是6~7的配色。
補色色相配色指的是角度在180度左右,色相差是8的配色。

2.4.2 色調配色
1.同一色調配色
同一色調配色就是把相同色調的不同顏色搭配在一起形成的一種配色關系。同一色調除色調明度有些變化外,其顏色、色彩的純度都是一樣的。同一色調會產生相同的色彩印象,而不同的色調會產生不同的色彩印象。要想表現出活潑感只需把純色調全部放在一起即可,比如嬰兒服飾或玩具大多都是以淡色調為主。在中差色相和對比色相的配色中,采用同一色調的配色方法,色彩就顯得很協調。

▲同一色調配色
2.類似色調配色
將色調圖中相鄰或接近的兩個或兩個以上的色調搭配在一起的配色就是剛才提到的類似色調配色。與同一色調相比,類似色調配色在色調與色調之間有細微的差異,不會產生呆滯感。要想表現出昏暗的感覺,就把深色調和暗色調搭配在一起;要想表現出鮮艷活潑的色彩印象,就使用明亮色調、鮮艷色調和強烈色調。

▲類似色調配色
3.對照色配色
將相隔較遠的兩個和兩個以上的色調搭配在一起的配色就是對照色調配色。因為對比色調存在色彩的特征差異,所以能造成強烈的視覺對比,產生一種“相映”或“相拒”的力量。比如淺色調和深色調配色,就是深和淺的明暗對比;鮮艷色調和灰濁色調搭配,在純度上就會存在差異配色。也就是說,在配色選擇時,對比色調配色會因橫向或縱向對比而存在明度和純度上的差異。若是采用同一色調的配色方法,更容易進行色彩調和。

▲補色對照色調配色

▲深淺明暗對照色調配色
2.4.3 明度配色
配色的一個重要因素就是明度。明度的變化能表現出事物的遠近感和立體感。比如,希臘的雕刻藝術就是通過光影的作用呈現黑、白、灰的相互關系,形成立體感。再比如,中國的國畫也經常使用無彩色的明度搭配,用來表現空間的關系。不僅如此,彩色的物體也能通過光影的影響產生出明暗效果。比如,黃色和紫色就存在明顯的明度差。
明度可以分為高明度、中明度和低明度三類,我們在給明度配色的時候,有高明度配高明度、高明度配中明度、高明度配低明度、中明度配中明度、中明度配低明度、低明度配低明度等6種搭配方式。其中,高明度配高明度、中明度配中明度、低明度配低明度這3種屬于相同明度配色;高明度配中明度、中明度配低明度這兩種屬于略微不同的明度配色;高明度配低明度屬于對照明度配色。我們經常使用的就是明度相同,而色相和純度有變化的配色方式。

▲雕塑素描的黑白灰立體關系

▲黃色和紫色的色調配色

▲水墨畫的濃淡色調配色

▲明度相同,色相有變化的配色