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

2 評論 4680 瀏覽 14 收藏 16 分鐘

在前幾篇配色文章中,我們已經理解了色相和色相的組合、關于色調搭配,以及它們的正確的意義。本篇文章主要說明畫面整體的配色是可以按照“取的協調的配色”、“強調設計的配色”兩個方面來展開的。

相信在日常工作中,經常會聽到“這個畫面看起來很凌亂”、“顏色太多太雜了”、“畫面沒有重點”之類的意見(吐槽)。

怎么才能合理的把這些“意見”懟回去呢?

今天真的要開懟了。

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

在前幾篇配色文章中,我們已經理解了色相和色相的組合、關于色調搭配,以及它們的正確的意義。

我們在配色第二篇《甲方竟敢說你的配色丑! 我來教你懟回去(二)》中,把色相的搭配組合分為“取得協調的配色”、“強調設計的配色”兩個部分來陳述。

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

同樣道理,畫面整體的配色,包括:色相、明度、純度、色調的選擇,我們也可以按照“取的協調的配色”、“強調設計的配色”兩個方面來展開。

一、取得協調的配色

取得協調的配色,能使觀看者產生安心的感覺,這對于圖像設計非常重要。只有在了解如何讓配色“符合協調的規則”,才能讓顏色之間顯得協調。我們將借助以下幾點,來獲得配色達到協調的訣竅。

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

1. 色相一致的配色

色相一致的配色,會讓人同時感到一致與帶有一些幻想的印象。

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

即使是同樣的色相,也可以在色彩中加上明度和純度的變化,這種幻想式的微妙變化,使得畫面統一且不死板。整體畫面屬于樸素且不引人注目的風格。

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

在色相一致的配色中,當顏色面積縮小到一定程度,明度和純度的變化就會難以辨別。如果希望畫面能體現出微妙的變化,顏色面積需要調整到一定的大小。

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

當然,如果使用不完全相同的色相,而是將色相加上一些微妙的變化,選擇色相環上位置相近的顏色,統一感也不會改變。

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

如果希望色調一致的配色不至于太單調,最好使用相近的色調做為基地色彩,并且也取用其他顏色做為畫面的強調色會更合適。

2. 明度一致的配色

明度一致的配色,即使是使用多種顏色也能讓整體富有均衡的印象。

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

相比色相和純度,明度是更容易讓眼睛感受到變化到色彩要素。明度一致到畫面,不會有特別突出或者醒目到部分。

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

只要將畫面的色彩替換成灰度顯示,就能一目了然的看出來畫面整體的明度分布。

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

對于需要引人注目的廣告設計,以及需要在文字和標示方面有辨識度的設計,不會在畫面全部使用明度一致的配色,但是在局部加上一些變化倒是不錯的想法。

3. 純度一致的配色

純度對人的心理有較大的影響力,純度低的配色讓人感覺穩重,純度高的配色讓人感覺有精神。

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

統一使用純度高的色彩配色,富有張力的色彩之間的沖突會讓人感受到強烈的對比。色彩數目增多會產生熱鬧、愉悅的印象;色彩數目減少則會變成強有力的印象。

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

統一使用純度低的色彩配色,整體畫面帶有灰暗、安寧沉穩的印象。色彩數目不夠豐富則會更顯得冷清。

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

而中間調純度的色彩配色,除了帶來畫面的一致性,也帶來了歡樂、愉悅的印象。

4. 從自然中取的協調的配色

協調的配色在我們身邊比比皆是,大自然長久以來的演變,成為了現如今人類習慣的顏色。

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

在設計中用到照片時,可以從照片中選取色彩來配色,可以襯托出整體的協調感。

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

即使設計中沒有應用照片,也可以從實際風景照中提取色彩來配色。

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

只要將圖片進行馬賽克化處理,就能輕易的提取出色彩。

5. 無彩色的應用

黑、白、灰色彩本身不具有如何色感,不會發生顏色的變化,可以使得設計整體的配色獲得統一。

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

在多色相進行搭配的時候,色彩之間相互影響較大,但是無彩色本身不具有色感,并不會發生顏色印象變化的情況。

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

搭配白色時候,整體呈現出舒暢清爽的感覺,消除了整個版面多種色彩產生的壓迫感。

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

搭配黑色時候,黑色本身具有收斂設計印象的效果,更加突出色彩本身的效果。

6. 漸變色

色彩和色彩連接的時候,漸變色能夠帶來設計的協調性。

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

漸變色是遵循一定的規則做階段性變化的配色,觀看者感受到這種特有規則的秩序性,緩解了畫面的沖突感。

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

漸變可以設定在色相差異、明度差異、純度差異之間,可以讓畫面的空間更加寬闊。

二、強調設計的配色

在設計商品廣告,或者渴望能夠引人注目的標志、海報等作品的配色時,“色彩過于協調”或許會導致畫面毫無亮點,整個時候就需要應用“對比”,讓想要突出的部分從畫面跳脫出來。

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

當然,我們不能簡單的認定為“這個顏色本身就很顯眼”,突出的部分都是建立在整體畫面的基礎上,所以我們先要有“想要突出的比分”和“除此以外的部分”的概念。

1. 明度對比

在色彩的對比之中,效果最好的是讓明度產生落差而形成的“明度對比”:

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

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

人類的眼睛對明度差異非常敏感,在畫面需要提高“辨識度”和“可讀性”的時候,應用明度對比是你的不二選擇。

2. 純度對比

純度差異大的配色,可以為畫面增添戲劇性:

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

人們的目光容易被鮮艷的色彩吸引,高純度的色彩可以達到聚焦注意力、刺激感情的效果,而且面積越大越有魄力。

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

純度高的色彩搭配在一起容易產生花里胡哨的印象,想要發揮高純度色彩的效果,必須先壓低其它色彩的純度。

由色相差異形成的對比,為設計帶來強烈的沖擊力和華麗感。

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

不同色相的色彩組合在一起會產生對比效果,在色相環位置中距離越遠,對比效果越強烈。

3. 強調色

只要畫面中有少量的強調色,就能串聯設計整體的風格。

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

在協調的配色中加入強調色,可以避免畫面的單調感覺,增加趣味性。

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

強調色的作用是重點點綴,不宜過多,在想要凸顯的部分適當添加,就可以成為統一設計的重點。

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

選擇與背景色互補的色彩做為強調色,會使得強調色更加的亮眼,有效加強集中的視線。

4. 彩色

若果希望畫面有華麗的感覺,運用多種色彩連接組合的配色肯定不會錯:

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

“彩色“是指將各式各樣的色彩隨機組合在一起,特意創造出色與色之間彼此互相混合連接的配色,將畫面整體全部都華麗的呈現出來。

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

“彩色“配色的訣竅在于:縮小每一種顏色的面積,將色差大的色彩彼此組合在一起。

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

“彩色“配色時,原則上背景要使用黑色、白色等無彩色,這樣可以最大發揮色彩本身特性。

5. 前進色/后退色

“穿黑色顯瘦”就是我們應用色彩原則的一大實踐,在圖文設計上,顏色分成視覺感受明顯膨脹和視覺感受明顯收縮兩類。

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

暗色背景中的高明度暖色系色彩,會給人一種突出的印象,像是正往前方逼近,稱為“前進色“。

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

在明亮背景中的冷色系、暗系色彩,仿佛正朝另一邊遠離的印象,稱為“后退色”。

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

可以在廣告設計中應用前進色/后退色的強對比,可以有效的突出商品,讓觀看者有更強烈的感受。

總結

看到這里,似乎兩個部分是相反的內容?

“協調的配色”說明如何借助準則來統一配色,而“強調的配色”卻是與其相對,說明如何借助準則來讓部分從畫面跳脫出來??雌饋硭坪跸嗷ッ?,然而,這正是所謂的配色準則。

兩個部分互為表里關系,在考慮需要強調部分的時候,其余的配色都必須維持色彩的協調。要先取的整體的協調,再于其上強調某一部分,然后在審視整體的平衡度。如果有必要,就要重新考慮取的色彩的協調。

畫面設計的配色就是經常在兩個準則中來回考慮完成的作品。

往期回顧

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

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

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

—-end—-

 

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

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

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 方便wgfil

    回復