甲方竟敢說(shuō)你的配色丑!我來(lái)教你懟回去(四)
在前幾篇配色文章中,我們已經(jīng)理解了色相和色相的組合、關(guān)于色調(diào)搭配,以及它們的正確的意義。本篇文章主要說(shuō)明畫面整體的配色是可以按照“取的協(xié)調(diào)的配色”、“強(qiáng)調(diào)設(shè)計(jì)的配色”兩個(gè)方面來(lái)展開的。
相信在日常工作中,經(jīng)常會(huì)聽到“這個(gè)畫面看起來(lái)很凌亂”、“顏色太多太雜了”、“畫面沒(méi)有重點(diǎn)”之類的意見(吐槽)。
怎么才能合理的把這些“意見”懟回去呢?
今天真的要開懟了。
在前幾篇配色文章中,我們已經(jīng)理解了色相和色相的組合、關(guān)于色調(diào)搭配,以及它們的正確的意義。
我們?cè)谂渖诙?a href="http://theventurebank.com/pd/1548725.html" target="_blank" rel="noopener">《甲方竟敢說(shuō)你的配色丑! 我來(lái)教你懟回去(二)》中,把色相的搭配組合分為“取得協(xié)調(diào)的配色”、“強(qiáng)調(diào)設(shè)計(jì)的配色”兩個(gè)部分來(lái)陳述。
同樣道理,畫面整體的配色,包括:色相、明度、純度、色調(diào)的選擇,我們也可以按照“取的協(xié)調(diào)的配色”、“強(qiáng)調(diào)設(shè)計(jì)的配色”兩個(gè)方面來(lái)展開。
一、取得協(xié)調(diào)的配色
取得協(xié)調(diào)的配色,能使觀看者產(chǎn)生安心的感覺(jué),這對(duì)于圖像設(shè)計(jì)非常重要。只有在了解如何讓配色“符合協(xié)調(diào)的規(guī)則”,才能讓顏色之間顯得協(xié)調(diào)。我們將借助以下幾點(diǎn),來(lái)獲得配色達(dá)到協(xié)調(diào)的訣竅。
1. 色相一致的配色
色相一致的配色,會(huì)讓人同時(shí)感到一致與帶有一些幻想的印象。
即使是同樣的色相,也可以在色彩中加上明度和純度的變化,這種幻想式的微妙變化,使得畫面統(tǒng)一且不死板。整體畫面屬于樸素且不引人注目的風(fēng)格。
在色相一致的配色中,當(dāng)顏色面積縮小到一定程度,明度和純度的變化就會(huì)難以辨別。如果希望畫面能體現(xiàn)出微妙的變化,顏色面積需要調(diào)整到一定的大小。
當(dāng)然,如果使用不完全相同的色相,而是將色相加上一些微妙的變化,選擇色相環(huán)上位置相近的顏色,統(tǒng)一感也不會(huì)改變。
如果希望色調(diào)一致的配色不至于太單調(diào),最好使用相近的色調(diào)做為基地色彩,并且也取用其他顏色做為畫面的強(qiáng)調(diào)色會(huì)更合適。
2. 明度一致的配色
明度一致的配色,即使是使用多種顏色也能讓整體富有均衡的印象。
相比色相和純度,明度是更容易讓眼睛感受到變化到色彩要素。明度一致到畫面,不會(huì)有特別突出或者醒目到部分。
只要將畫面的色彩替換成灰度顯示,就能一目了然的看出來(lái)畫面整體的明度分布。
對(duì)于需要引人注目的廣告設(shè)計(jì),以及需要在文字和標(biāo)示方面有辨識(shí)度的設(shè)計(jì),不會(huì)在畫面全部使用明度一致的配色,但是在局部加上一些變化倒是不錯(cuò)的想法。
3. 純度一致的配色
純度對(duì)人的心理有較大的影響力,純度低的配色讓人感覺(jué)穩(wěn)重,純度高的配色讓人感覺(jué)有精神。
統(tǒng)一使用純度高的色彩配色,富有張力的色彩之間的沖突會(huì)讓人感受到強(qiáng)烈的對(duì)比。色彩數(shù)目增多會(huì)產(chǎn)生熱鬧、愉悅的印象;色彩數(shù)目減少則會(huì)變成強(qiáng)有力的印象。
統(tǒng)一使用純度低的色彩配色,整體畫面帶有灰暗、安寧沉穩(wěn)的印象。色彩數(shù)目不夠豐富則會(huì)更顯得冷清。
而中間調(diào)純度的色彩配色,除了帶來(lái)畫面的一致性,也帶來(lái)了歡樂(lè)、愉悅的印象。
4. 從自然中取的協(xié)調(diào)的配色
協(xié)調(diào)的配色在我們身邊比比皆是,大自然長(zhǎng)久以來(lái)的演變,成為了現(xiàn)如今人類習(xí)慣的顏色。
在設(shè)計(jì)中用到照片時(shí),可以從照片中選取色彩來(lái)配色,可以襯托出整體的協(xié)調(diào)感。
即使設(shè)計(jì)中沒(méi)有應(yīng)用照片,也可以從實(shí)際風(fēng)景照中提取色彩來(lái)配色。
只要將圖片進(jìn)行馬賽克化處理,就能輕易的提取出色彩。
5. 無(wú)彩色的應(yīng)用
黑、白、灰色彩本身不具有如何色感,不會(huì)發(fā)生顏色的變化,可以使得設(shè)計(jì)整體的配色獲得統(tǒng)一。
在多色相進(jìn)行搭配的時(shí)候,色彩之間相互影響較大,但是無(wú)彩色本身不具有色感,并不會(huì)發(fā)生顏色印象變化的情況。
搭配白色時(shí)候,整體呈現(xiàn)出舒暢清爽的感覺(jué),消除了整個(gè)版面多種色彩產(chǎn)生的壓迫感。
搭配黑色時(shí)候,黑色本身具有收斂設(shè)計(jì)印象的效果,更加突出色彩本身的效果。
6. 漸變色
色彩和色彩連接的時(shí)候,漸變色能夠帶來(lái)設(shè)計(jì)的協(xié)調(diào)性。
漸變色是遵循一定的規(guī)則做階段性變化的配色,觀看者感受到這種特有規(guī)則的秩序性,緩解了畫面的沖突感。
漸變可以設(shè)定在色相差異、明度差異、純度差異之間,可以讓畫面的空間更加寬闊。
二、強(qiáng)調(diào)設(shè)計(jì)的配色
在設(shè)計(jì)商品廣告,或者渴望能夠引人注目的標(biāo)志、海報(bào)等作品的配色時(shí),“色彩過(guò)于協(xié)調(diào)”或許會(huì)導(dǎo)致畫面毫無(wú)亮點(diǎn),整個(gè)時(shí)候就需要應(yīng)用“對(duì)比”,讓想要突出的部分從畫面跳脫出來(lái)。
當(dāng)然,我們不能簡(jiǎn)單的認(rèn)定為“這個(gè)顏色本身就很顯眼”,突出的部分都是建立在整體畫面的基礎(chǔ)上,所以我們先要有“想要突出的比分”和“除此以外的部分”的概念。
1. 明度對(duì)比
在色彩的對(duì)比之中,效果最好的是讓明度產(chǎn)生落差而形成的“明度對(duì)比”:
人類的眼睛對(duì)明度差異非常敏感,在畫面需要提高“辨識(shí)度”和“可讀性”的時(shí)候,應(yīng)用明度對(duì)比是你的不二選擇。
2. 純度對(duì)比
純度差異大的配色,可以為畫面增添戲劇性:
人們的目光容易被鮮艷的色彩吸引,高純度的色彩可以達(dá)到聚焦注意力、刺激感情的效果,而且面積越大越有魄力。
純度高的色彩搭配在一起容易產(chǎn)生花里胡哨的印象,想要發(fā)揮高純度色彩的效果,必須先壓低其它色彩的純度。
由色相差異形成的對(duì)比,為設(shè)計(jì)帶來(lái)強(qiáng)烈的沖擊力和華麗感。
不同色相的色彩組合在一起會(huì)產(chǎn)生對(duì)比效果,在色相環(huán)位置中距離越遠(yuǎn),對(duì)比效果越強(qiáng)烈。
3. 強(qiáng)調(diào)色
只要畫面中有少量的強(qiáng)調(diào)色,就能串聯(lián)設(shè)計(jì)整體的風(fēng)格。
在協(xié)調(diào)的配色中加入強(qiáng)調(diào)色,可以避免畫面的單調(diào)感覺(jué),增加趣味性。
強(qiáng)調(diào)色的作用是重點(diǎn)點(diǎn)綴,不宜過(guò)多,在想要凸顯的部分適當(dāng)添加,就可以成為統(tǒng)一設(shè)計(jì)的重點(diǎn)。
選擇與背景色互補(bǔ)的色彩做為強(qiáng)調(diào)色,會(huì)使得強(qiáng)調(diào)色更加的亮眼,有效加強(qiáng)集中的視線。
4. 彩色
若果希望畫面有華麗的感覺(jué),運(yùn)用多種色彩連接組合的配色肯定不會(huì)錯(cuò):
“彩色“是指將各式各樣的色彩隨機(jī)組合在一起,特意創(chuàng)造出色與色之間彼此互相混合連接的配色,將畫面整體全部都華麗的呈現(xiàn)出來(lái)。
“彩色“配色的訣竅在于:縮小每一種顏色的面積,將色差大的色彩彼此組合在一起。
“彩色“配色時(shí),原則上背景要使用黑色、白色等無(wú)彩色,這樣可以最大發(fā)揮色彩本身特性。
5. 前進(jìn)色/后退色
“穿黑色顯瘦”就是我們應(yīng)用色彩原則的一大實(shí)踐,在圖文設(shè)計(jì)上,顏色分成視覺(jué)感受明顯膨脹和視覺(jué)感受明顯收縮兩類。
在暗色背景中的高明度暖色系色彩,會(huì)給人一種突出的印象,像是正往前方逼近,稱為“前進(jìn)色“。
在明亮背景中的冷色系、暗系色彩,仿佛正朝另一邊遠(yuǎn)離的印象,稱為“后退色”。
可以在廣告設(shè)計(jì)中應(yīng)用前進(jìn)色/后退色的強(qiáng)對(duì)比,可以有效的突出商品,讓觀看者有更強(qiáng)烈的感受。
總結(jié)
看到這里,似乎兩個(gè)部分是相反的內(nèi)容?
“協(xié)調(diào)的配色”說(shuō)明如何借助準(zhǔn)則來(lái)統(tǒng)一配色,而“強(qiáng)調(diào)的配色”卻是與其相對(duì),說(shuō)明如何借助準(zhǔn)則來(lái)讓部分從畫面跳脫出來(lái)??雌饋?lái)似乎相互矛盾,然而,這正是所謂的配色準(zhǔn)則。
兩個(gè)部分互為表里關(guān)系,在考慮需要強(qiáng)調(diào)部分的時(shí)候,其余的配色都必須維持色彩的協(xié)調(diào)。要先取的整體的協(xié)調(diào),再于其上強(qiáng)調(diào)某一部分,然后在審視整體的平衡度。如果有必要,就要重新考慮取的色彩的協(xié)調(diào)。
畫面設(shè)計(jì)的配色就是經(jīng)常在兩個(gè)準(zhǔn)則中來(lái)回考慮完成的作品。
往期回顧
甲方竟敢說(shuō)你的配色丑! 我來(lái)教你懟回去(一)
甲方竟敢說(shuō)你的配色丑! 我來(lái)教你懟回去(二)
甲方竟敢說(shuō)你的配色丑! 我來(lái)教你懟回去(三)
—-end—-
作者:設(shè)計(jì)師日記,微信公眾號(hào):設(shè)計(jì)師的私人日記。
本文由 @設(shè)計(jì)師日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議。
方便wgfil