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

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

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

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

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

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

在色相環(huán)中,我們把色彩劃分為12種基本色相,選取其中某一種色相做為基準(zhǔn)色相,這樣就會產(chǎn)生包括同一色相、鄰近色相、類似色相、中差色相、對比色相、互補(bǔ)色相在內(nèi)的六種色相之間的關(guān)系,了解這些關(guān)系之后,配色實(shí)踐就變得簡單多了。

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

  1. 取得協(xié)調(diào)的配色
  2. 強(qiáng)調(diào)設(shè)計(jì)的配色

取的協(xié)調(diào)的配色是通過同一或者類似的色相搭配,形成穩(wěn)定、和諧的印象;而強(qiáng)調(diào)設(shè)計(jì)的配色則是通過不同色相之間的相互碰撞,強(qiáng)調(diào)色相差異,從而形成某種色彩的印象。

一、取得協(xié)調(diào)的配色

由某一種色相或者在色相環(huán)上相鄰的類似色構(gòu)成,統(tǒng)一畫面的配色,可體現(xiàn)整體統(tǒng)一性,強(qiáng)烈展現(xiàn)色相的印象,這種配色展現(xiàn)自然與和諧的印象,但同時(shí)也容易形成單調(diào)乏味的印象。

1. 同色系配色

同色系配色是由一種色相構(gòu)成的統(tǒng)一性配色,主色和輔色都在同一色相上,可以體現(xiàn)整體畫面的統(tǒng)一性。

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

同時(shí)這種配色也容易形成單調(diào)、乏味味道,所以在明度和純度上適當(dāng)有一些變化,加強(qiáng)面積上的對比,使畫面更加均衡。

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

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

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

2. 鄰近色配色

在色相環(huán)上相鄰的色彩,因?yàn)樯嗌洗嬖谖⒚畹牟町?,所以配色效果比同色系配色稍微豐富,柔和過渡的色相使得頁面看起來更加和諧。

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

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

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

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

3. 類似色配色

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

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

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

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

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

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

二、強(qiáng)調(diào)設(shè)計(jì)的配色

在同色系色彩搭配構(gòu)成的配色中,可以通過添加強(qiáng)調(diào)色的配色技巧,突出畫面重點(diǎn),強(qiáng)調(diào)色一般選擇基本色的對比色或者白色、白色。如何確保強(qiáng)調(diào)色限定在小面積內(nèi)展現(xiàn)是關(guān)鍵。

1. 中差色配色

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

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

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

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

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

2. 對比色配色

對比色配色也叫相反色配色,色彩對比效果十分強(qiáng)烈。

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

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

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

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

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

3. 互補(bǔ)色配色

互補(bǔ)色在色相環(huán)的相對位置,色相差較大,配色體現(xiàn)出十分強(qiáng)烈的視覺沖擊效果。

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

同時(shí)也容易形成廉價(jià)、劣質(zhì)的印象。

下面舉幾個互補(bǔ)色配色的案例:

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

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

多色搭配的配色

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

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

1. 三鄰色搭配

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

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

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

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

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

2. 三角形配色

使用與對角線相鄰的顏色進(jìn)行三色搭配,雖然三種顏色的選擇方式并沒有達(dá)到平衡,偏離互補(bǔ)色的不規(guī)則三角形所造成的色相的微妙差異,產(chǎn)生了有趣的設(shè)計(jì)效果。

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

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

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

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

3. 正三角形配色

在色相環(huán)以正三角形為色彩搭配,色彩與色彩之間的間隔相當(dāng)遠(yuǎn),彼此間的差異很大,而色相的對比度提高,畫面表現(xiàn)出了華麗的感覺。

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

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

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

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

4. 四邊形配色

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

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

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

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

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

. 正四邊形配色

色相環(huán)中的正四邊形對于的顏色,色彩之間差異是均等的,整體設(shè)計(jì)自然呈現(xiàn)出協(xié)調(diào)的狀態(tài)。

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

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

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

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

總結(jié)

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

相互調(diào)和的配色是通過統(tǒng)一的色相,或者類似色彩的配色通過不同色相之間的色彩碰撞,強(qiáng)調(diào)色彩差異,從而形成突出某種色彩的印象。

相關(guān)閱讀

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

 

作者:設(shè)計(jì)師日記,公眾號:設(shè)計(jì)師的私人日記

本文由 @設(shè)計(jì)師日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 細(xì)致詳實(shí),很有用

    回復(fù)
  2. 懟呢?

    來自北京 回復(fù)
  3. 配色用好,設(shè)計(jì)就完成了一半

    回復(fù)
  4. 畫面色彩飽和度很豐滿,風(fēng)格化明確。希望我的設(shè)計(jì)師能看到

    來自廣東 回復(fù)
    1. 你可以假裝轉(zhuǎn)發(fā)到朋友圈,不經(jīng)意間讓他看到 ??

      來自上海 回復(fù)