甲方竟敢說你的配色丑!我來教你懟回去(二)

6 評論 5397 瀏覽 32 收藏 12 分鐘

色彩之間的搭配大體上可以分為色彩與色彩之間相互調和的配色,以及襯托某種色彩的配色兩種。將合適的色彩進行有效的搭配,設計作品的質量會有很大的提升。

在上一篇中,我們了解了色彩的性質以及色彩的分類之后,我們再通過色彩之間的搭配組合,來展現豐富多彩的配色效果。

色彩單體在設計中的影響力很大,而多種色彩的搭配能夠展現出更加豐富多彩的印象,將合適的色彩進行有效的搭配,設計作品的質量會有很大的提升。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

在色相環中,我們把色彩劃分為12種基本色相,選取其中某一種色相做為基準色相,這樣就會產生包括同一色相、鄰近色相、類似色相、中差色相、對比色相、互補色相在內的六種色相之間的關系,了解這些關系之后,配色實踐就變得簡單多了。

色彩之間的搭配大體上可以分為兩種:

  1. 取得協調的配色
  2. 強調設計的配色

取的協調的配色是通過同一或者類似的色相搭配,形成穩定、和諧的印象;而強調設計的配色則是通過不同色相之間的相互碰撞,強調色相差異,從而形成某種色彩的印象。

一、取得協調的配色

由某一種色相或者在色相環上相鄰的類似色構成,統一畫面的配色,可體現整體統一性,強烈展現色相的印象,這種配色展現自然與和諧的印象,但同時也容易形成單調乏味的印象。

1. 同色系配色

同色系配色是由一種色相構成的統一性配色,主色和輔色都在同一色相上,可以體現整體畫面的統一性。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

同時這種配色也容易形成單調、乏味味道,所以在明度和純度上適當有一些變化,加強面積上的對比,使畫面更加均衡。

下面舉幾個同色系配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

2. 鄰近色配色

在色相環上相鄰的色彩,因為色相上存在微妙的差異,所以配色效果比同色系配色稍微豐富,柔和過渡的色相使得頁面看起來更加和諧。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

下面舉幾個鄰近色配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

3. 類似色配色

類似色色相上含有共通成分,配色也可以體現出和諧、協調的印象,這種配色是最能體現出色相差的配色類型。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

類似色的色彩具有適度的變化和動感,同樣可以用過色相差體現畫面色彩的張弛效果。

下面舉幾個類似色配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

二、強調設計的配色

在同色系色彩搭配構成的配色中,可以通過添加強調色的配色技巧,突出畫面重點,強調色一般選擇基本色的對比色或者白色、白色。如何確保強調色限定在小面積內展現是關鍵。

1. 中差色配色

中差色色相上基本沒有共通性,色彩包括了類似色色相到對比色色相,搭配出一種曖昧的印象,表現出舒適感和適度的刺激效果。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

下面舉幾個中差系配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

2. 對比色配色

對比色配色也叫相反色配色,色彩對比效果十分強烈。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

色彩之間互相襯托,形成明快、鮮明的印象,適合于表現活力四射,朝氣蓬勃的畫面。

下面舉幾個對比配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

3. 互補色配色

互補色在色相環的相對位置,色相差較大,配色體現出十分強烈的視覺沖擊效果。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

同時也容易形成廉價、劣質的印象。

下面舉幾個互補色配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

多色搭配的配色

一般來講,三色搭配和多色搭配體現出明顯的色相差異,富裕張弛感的色彩組合呈現出活躍、動感的效果。

多色搭配的要點在于通過高純度的有彩色和黑色、白色的搭配,或者通過很高純度的對比色之間的組合產生強烈的對比效果。

1. 三鄰色搭配

在色相環上選取相鄰的三種顏色搭配,有一定的色相差但不是很大,可以營造和諧的氛圍,并且有豐富的質感和層次。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

下面舉幾個三鄰色配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

2. 三角形配色

使用與對角線相鄰的顏色進行三色搭配,雖然三種顏色的選擇方式并沒有達到平衡,偏離互補色的不規則三角形所造成的色相的微妙差異,產生了有趣的設計效果。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

下面舉幾個三角形配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

3. 正三角形配色

在色相環以正三角形為色彩搭配,色彩與色彩之間的間隔相當遠,彼此間的差異很大,而色相的對比度提高,畫面表現出了華麗的感覺。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

下面舉幾個正三角形配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

4. 四邊形配色

選取一對互補色相鄰對四種顏色組成的配色,倆倆之間既有鄰近色的和諧,也有對比色的強烈刺激,可以營造個性的感覺。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

下面舉幾個四邊形配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

. 正四邊形配色

色相環中的正四邊形對于的顏色,色彩之間差異是均等的,整體設計自然呈現出協調的狀態。

甲方竟敢說你的配色丑! 我來教你懟回去(二)

下面舉幾個正四邊形配色的案例:

甲方竟敢說你的配色丑! 我來教你懟回去(二)

甲方竟敢說你的配色丑! 我來教你懟回去(二)

總結

色彩之間的搭配大體上可以分為色彩與色彩之間相互調和的配色,以及襯托某種色彩的配色兩種。

相互調和的配色是通過統一的色相,或者類似色彩的配色通過不同色相之間的色彩碰撞,強調色彩差異,從而形成突出某種色彩的印象。

相關閱讀

甲方竟敢說你的配色丑! 我來教你懟回去(一)

 

作者:設計師日記,公眾號:設計師的私人日記

本文由 @設計師日記 原創發布于人人都是產品經理?,未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 細致詳實,很有用

    回復
  2. 懟呢?

    來自北京 回復
  3. 配色用好,設計就完成了一半

    回復
  4. 畫面色彩飽和度很豐滿,風格化明確。希望我的設計師能看到

    來自廣東 回復
    1. 你可以假裝轉發到朋友圈,不經意間讓他看到 ??

      來自上海 回復