甲方竟敢說你的配色丑!我來教你懟回去(二)
色彩之間的搭配大體上可以分為色彩與色彩之間相互調(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í)踐就變得簡單多了。
色彩之間的搭配大體上可以分為兩種:
- 取得協(xié)調(diào)的配色
- 強(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é)議。
細(xì)致詳實(shí),很有用
懟呢?
配色用好,設(shè)計(jì)就完成了一半
畫面色彩飽和度很豐滿,風(fēng)格化明確。希望我的設(shè)計(jì)師能看到
你可以假裝轉(zhuǎn)發(fā)到朋友圈,不經(jīng)意間讓他看到 ??