甲方竟敢說你的配色丑!我來教你懟回去(二)
色彩之間的搭配大體上可以分為色彩與色彩之間相互調和的配色,以及襯托某種色彩的配色兩種。將合適的色彩進行有效的搭配,設計作品的質量會有很大的提升。
在上一篇中,我們了解了色彩的性質以及色彩的分類之后,我們再通過色彩之間的搭配組合,來展現豐富多彩的配色效果。
色彩單體在設計中的影響力很大,而多種色彩的搭配能夠展現出更加豐富多彩的印象,將合適的色彩進行有效的搭配,設計作品的質量會有很大的提升。
在色相環中,我們把色彩劃分為12種基本色相,選取其中某一種色相做為基準色相,這樣就會產生包括同一色相、鄰近色相、類似色相、中差色相、對比色相、互補色相在內的六種色相之間的關系,了解這些關系之后,配色實踐就變得簡單多了。
色彩之間的搭配大體上可以分為兩種:
- 取得協調的配色
- 強調設計的配色
取的協調的配色是通過同一或者類似的色相搭配,形成穩定、和諧的印象;而強調設計的配色則是通過不同色相之間的相互碰撞,強調色相差異,從而形成某種色彩的印象。
一、取得協調的配色
由某一種色相或者在色相環上相鄰的類似色構成,統一畫面的配色,可體現整體統一性,強烈展現色相的印象,這種配色展現自然與和諧的印象,但同時也容易形成單調乏味的印象。
1. 同色系配色
同色系配色是由一種色相構成的統一性配色,主色和輔色都在同一色相上,可以體現整體畫面的統一性。
同時這種配色也容易形成單調、乏味味道,所以在明度和純度上適當有一些變化,加強面積上的對比,使畫面更加均衡。
下面舉幾個同色系配色的案例:
2. 鄰近色配色
在色相環上相鄰的色彩,因為色相上存在微妙的差異,所以配色效果比同色系配色稍微豐富,柔和過渡的色相使得頁面看起來更加和諧。
下面舉幾個鄰近色配色的案例:
3. 類似色配色
類似色色相上含有共通成分,配色也可以體現出和諧、協調的印象,這種配色是最能體現出色相差的配色類型。
類似色的色彩具有適度的變化和動感,同樣可以用過色相差體現畫面色彩的張弛效果。
下面舉幾個類似色配色的案例:
二、強調設計的配色
在同色系色彩搭配構成的配色中,可以通過添加強調色的配色技巧,突出畫面重點,強調色一般選擇基本色的對比色或者白色、白色。如何確保強調色限定在小面積內展現是關鍵。
1. 中差色配色
中差色色相上基本沒有共通性,色彩包括了類似色色相到對比色色相,搭配出一種曖昧的印象,表現出舒適感和適度的刺激效果。
下面舉幾個中差系配色的案例:
2. 對比色配色
對比色配色也叫相反色配色,色彩對比效果十分強烈。
色彩之間互相襯托,形成明快、鮮明的印象,適合于表現活力四射,朝氣蓬勃的畫面。
下面舉幾個對比配色的案例:
3. 互補色配色
互補色在色相環的相對位置,色相差較大,配色體現出十分強烈的視覺沖擊效果。
同時也容易形成廉價、劣質的印象。
下面舉幾個互補色配色的案例:
多色搭配的配色
一般來講,三色搭配和多色搭配體現出明顯的色相差異,富裕張弛感的色彩組合呈現出活躍、動感的效果。
多色搭配的要點在于通過高純度的有彩色和黑色、白色的搭配,或者通過很高純度的對比色之間的組合產生強烈的對比效果。
1. 三鄰色搭配
在色相環上選取相鄰的三種顏色搭配,有一定的色相差但不是很大,可以營造和諧的氛圍,并且有豐富的質感和層次。
下面舉幾個三鄰色配色的案例:
2. 三角形配色
使用與對角線相鄰的顏色進行三色搭配,雖然三種顏色的選擇方式并沒有達到平衡,偏離互補色的不規則三角形所造成的色相的微妙差異,產生了有趣的設計效果。
下面舉幾個三角形配色的案例:
3. 正三角形配色
在色相環以正三角形為色彩搭配,色彩與色彩之間的間隔相當遠,彼此間的差異很大,而色相的對比度提高,畫面表現出了華麗的感覺。
下面舉幾個正三角形配色的案例:
4. 四邊形配色
選取一對互補色相鄰對四種顏色組成的配色,倆倆之間既有鄰近色的和諧,也有對比色的強烈刺激,可以營造個性的感覺。
下面舉幾個四邊形配色的案例:
. 正四邊形配色
色相環中的正四邊形對于的顏色,色彩之間差異是均等的,整體設計自然呈現出協調的狀態。
下面舉幾個正四邊形配色的案例:
總結
色彩之間的搭配大體上可以分為色彩與色彩之間相互調和的配色,以及襯托某種色彩的配色兩種。
相互調和的配色是通過統一的色相,或者類似色彩的配色通過不同色相之間的色彩碰撞,強調色彩差異,從而形成突出某種色彩的印象。
相關閱讀
作者:設計師日記,公眾號:設計師的私人日記
本文由 @設計師日記 原創發布于人人都是產品經理?,未經許可,禁止轉載。
題圖來自Unsplash,基于CC0協議。
細致詳實,很有用
懟呢?
配色用好,設計就完成了一半
畫面色彩飽和度很豐滿,風格化明確。希望我的設計師能看到
你可以假裝轉發到朋友圈,不經意間讓他看到 ??