視覺設計 ? 什么是和諧色?如何在設計中運用和諧配色

什么是和諧色?如何在設計中運用和諧配色

發表于: 視覺設計. 評論
Sponsor

前言:前面的文章中我們講過色彩的基本原理《學懂色彩原理,才能做好配色》,今天我們就進階一點,學學和諧配色,同學們別小看它,我們在很多的設計中都會見到和諧配色的作品,那么如何在設計中運用和諧色呢?本文將和你一起探討。

什么是和諧色?

和諧配色指——畫面中背景、裝飾物的顏色與主體同色相或臨近色相,導致整個畫面看著很和諧、柔和。

什么是和諧色?如何在設計中運用和諧配色

配色的和諧可以用人之間的關系來理解,什么類型的人相處會和諧。喜好、生活習慣、三觀一致的人相處會更和諧,這幾方面差距大的人,相處起來沖突會更大。而配色中色彩之間差異性越小,畫面越和諧;差異性越大,對比越強烈,畫面越活潑。這個差異可從色相的數量,色相的差距,色調的差距三方面來體現。色相越多,色相差距越大,色調飽和度越高,色彩對比越強烈。

一般來說配色和諧最經典的情況是畫面中只有一個色相,且色彩飽和度低,為淡色調或素色調。飽和度高,色彩的情緒特征就偏激烈、亢奮了,與和諧配色的柔和感相距甚遠。此外色相多了之后,畫面會更豐富,色彩對比也會更加強烈,風格就偏熱鬧了,而不是平靜的柔和感。

和諧度比較:

單色、低飽和度的配色—左圖
?>
多色(近似色)、低飽和度配色—中圖
> ??
單色/多色 高飽和度的配色—右圖

什么是和諧色?如何在設計中運用和諧配色

ps:單色指畫面中有一個色相,多色指畫面中有2個及以上色相。近似色指色相在色相環中距離近,顏色相似。

和諧配色,主體一般只有一個色相,色彩和諧度最高,主體如果本身就是對比色配色,背景色彩即使跟主體呼應,和諧度會次之。

主體本身配色從色相角度可分為:

1.單色

2.近似色

3.對比色

從和諧程度:單色>近似色>對比色

學習和諧配色的意義:

1.和諧配色在生活中應用得最廣泛,色彩之間的對比程度比較和緩,能被大多數場景、主題所接受。

2.和諧配色是最簡單的配色方法,掌握了和諧配色后再次進階其他復雜的配色,學習更簡單。

應用范圍:

一般多用于靜物拍攝,體現平靜、柔和的風格,對于主題性、促銷性氛圍,單色、近似色的和諧配色達不到要求,促銷性視覺需要營造熱烈的氛圍,用色上存在色相多、飽和度高的特征。與柔和感單色為主的和諧配色不符合。

色相環

接下來的教程中會提到色相環,都指下面這個。紅色所占面積大沒啥特殊含義哈~就是這邊我技術問題分不了16塊,才讓紅色占據2格。

什么是和諧色?如何在設計中運用和諧配色

備注:這個色環里的顏色是以色相條中最中間一點取的色,但實際一個色相不是只有一個具體的色相值的,而是處于一個區間范圍,比如下圖黃色,我取值時是取箭頭所指最中間的位置,但事實上紅框框住的范圍都屬于黃色。

什么是和諧色?如何在設計中運用和諧配色

具體色相條中與色環中相對應的顏色標注在下圖中了

什么是和諧色?如何在設計中運用和諧配色

如何在設計中運用和諧配色

然后下文中提到的顏色都以色相名描述,不考慮明度飽和度差異,比如棕色,色相位于色相環橙色位置,我就稱為橙色,而不稱為棕色。

配色流程:

一.主體為單色

單色指的是單個的有彩色,黑白灰無彩色不包含在內。主體橫跨相鄰色塊也歸為單色,比如主體為橙黃、橙色,歸為單色。

主體為單色的配色流程:

1.背景采用色相環中與主體相同或相鄰1個色塊的顏色。比如主體是橙色,背景可采用橙、橙紅或橙黃。裝飾物選擇與主體或背景臨近2個色塊內的色彩。比如橙色,相鄰2個色塊是下圖。

什么是和諧色?如何在設計中運用和諧配色

為什么背景選擇的是相鄰1個色塊內的顏色,裝飾物可以選擇相鄰2個色塊內的顏色?因為大多數情況下背景所占面積比裝飾物大,背景與主體顏色越接近,越能營造畫面和諧的氛圍。

什么是和諧色?如何在設計中運用和諧配色

左圖:主體是粉色的加濕器,背景、裝飾物都用了同色系粉色。

中圖:主體是黃色的精油瓶,具體色相是 橙黃-橙-橙紅,背景用了同色橙黃色系,花朵由于本身顏色豐富,跨越了橙色-橙黃-黃-黃綠多個色相區塊,符合裝飾物配色上可選擇與主體色相鄰2個色塊內的顏色。

右圖 :主體是淡黃色的雪糕(色相為橙色),里面的黑糖是咖啡色(色相為橙紅),雖然雪糕與黑糖在色相上不完全相同,一個是橙色,一個是橙紅色,但兩者屬于相鄰色塊,相似度很高,而且這邊由于兩色飽和度都降低了,差距更小,和諧度高,可以看成是一個顏色。背景用了相同的色相橙色,畫面和諧度高。

什么是和諧色?如何在設計中運用和諧配色

左圖 :主體是中間的香水瓶,白金配色,像白色、灰色、黑色、透明色(玻璃材質)、銀色(鏡面、不銹鋼材質)之類的顏色存在感很弱,在與有彩色搭配時,輕易淪為輔助色。所以這邊瓶身上的金色是明顯的主色。

這邊瓶子的金色處于橙色、橙黃色相區塊,背景用了橙黃色,背景的陰影處為橙色?;ǘ錇榘咨?,葉子處于黃色、黃綠這2個色相色塊。整體配色從橙色-橙黃-黃-黃綠,過渡緩和,色彩和諧。

右圖 :主體是圖中的模特,模特的發色、妝容、飾品是橙紅色相區塊,背景、道具葡萄也用了橙紅色。

二.主體為近似色(一般是2種色相,也可能是更多)

近似色:指色相環中相鄰2個色塊內的顏色,或同色調顏色,比如同為淡色調。前者指色相相似,后者指色調相同。

主體為多色(近似色)的配色流程:

從主體中選擇一個顏色或其相鄰1個色塊的顏色作為背景色使用,裝飾物顏色從主體中選擇即可。

什么是和諧色?如何在設計中運用和諧配色

左圖:主體是中間的3個瓶子,色彩是淺黃、淺紫、淺粉,雖然三者色相不同,但色調相同,都是淺色調,色彩之間相似度高。背景、裝飾物都選用了中間瓶子的顏色,紫色,畫面很和諧。

中圖:主體是畫面中間的瓶子(色相為橙黃+橙紅),背景(色相為橙黃)。此處主體為兩色近似色配色,背景選擇了其中一色作為主色大面積使用。

右圖:這張主體是多個腮紅盤,整體配色為——淡色調的橙紅+橙黃(盒子上小雛菊花蕊的顏色)。背景是淡色調的橙色,裝飾物桃子是橙紅,雛菊是橙黃。背景和裝飾物選用了主體產品上的兩色作為延伸。

三.主體為對比色

對比色官方定義是色相環中相距120°-180°的色彩。我為了方便理解,直接簡化為冷暖對比,紅橙黃的對比色為綠青藍紫。

紅——綠 青 藍 紫

橙——綠?青 藍 紫

黃——青 藍 紫(綠色與黃色距離近,相似度高,不算對比色)

主體為對比色的配色流程:

  • 1、背景采用主體中的兩色,可作漸變融合處理;
  • 2、從主體中選擇一個顏色作為背景色使用,裝飾物顏色從主體中選擇即可。

什么是和諧色?如何在設計中運用和諧配色

左圖 中圖,背景采用了主體中2色(對比色)。

圖3,主體是瓶子,紅藍對比,背景采用了主體中的藍色。

實操練習

將左圖的攝影作品 改為 右邊簡單的色塊圖

什么是和諧色?如何在設計中運用和諧配色

該場景圖中主體是中間的兩瓶香薰,僅蓋子處有顏色(色相為橙色),所以主體是單色配色。遵循上述和諧配色—主體為單色的配色流程,背景色可從橙、橙黃、橙紅3個色相中選擇,裝飾物可從橙、橙黃、黃、橙紅、紅5個色相塊中選擇。

什么是和諧色?如何在設計中運用和諧配色

以下是根據和諧配色的原則,得出的幾種配色結果,根據主色、裝飾物的色相差距,飽和度的變化,這邊的配色是有很多種可能性的。大家可以下載這張圖psd,自行練習(底部有百度云下載鏈接)。

什么是和諧色?如何在設計中運用和諧配色

左圖:主色為橙色色相(飽和度稍高一些)

右圖:主色為橙黃色相

什么是和諧色?如何在設計中運用和諧配色

左圖:主色為偏橙的橙紅

右圖:主色為偏紅的橙紅

ps:這張圖由于主體產品色所占面積小,裝飾物為了與主體顏色相似,增加和諧程度,所以大都選了與主體相同的橙色色相,而沒有選擇顏色差距稍大的色相。

以上配色方法不絕對,只是針對最典型的和諧配色情況,根據畫面活潑程度,背景、裝飾物的配色上可以選擇與主體色更加偏遠的色塊。

↓ 本文的練習素材psd ↓
掃碼,關注后臺發送「7946」即可

作者 | 錦幄初溫
來源 | 錦幄初溫講色彩

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }