designer-review-color-yellow-1

@飛屋睿UIdesign?:上次說了色彩系列的橙色,今天繼續聊聊黃色。這篇文章是在看了李正賢的《WOW!不一樣的配色設計》一書的部分摘錄和讀書筆記,除了色彩基礎知識科普,也會有對應的網頁案例分析,非常適合新手學習。

誰都無法否定黃色帶來的溫暖,因為它就是太陽發出的光,黃色就是光,它也被稱為“光之色彩”。

2016年流行色:《2016流行色彩!如何在設計中運用潘通年度代表色?(附優秀案例)》

  1. 紅色篇:《設計師的讀書筆記!帶你重新全面認識色彩系列之紅色篇》
  2. 橙色篇:《深入淺出學配色!帶你重新全面認識色彩系列之橙色篇》

簡述

作為光的顏色,黃色可以作為挽救黯淡色調的救世主,賦予畫面更多活力。另外,黃色是一種最穩固的顏色,也就是說,就算是增加它的明度,它也不會偏離本色太遠。

黃色本身的親和氣質讓它又似乎被看作可有可無,作者在書中表達了對“用光很好”的這項設計技能的期待,那就是要花費千軍萬馬之力才能促成的效果。由于光是畫面和色彩得以呈現的前提,因此,黃色必定是畫面的基礎色,尤其是表現自然和現實場景時,黃色的運用就會讓畫面看上去更加自然。

一、黃色系色彩的名稱和語源

檸檬黃(Lemon yellow)

是一種檸檬表皮的顏色,黃中泛著草綠色。

金絲雀色(Canary)

這是一種和金絲雀羽毛的顏色一樣清新明亮的黃色。

鉻黃色(Chrome yellow)

Chromium源于古希臘語khroma,用來表述顏色時指的是用鉻制作的黃色顏料。它的表述范圍很廣,從純粹的黃色到泛紅的黃色都可以表述,近來用于指稱泛紅色的黃色。

芥末色(Mustard)

這是一種純度較低、比較濃重的黃色。

土黃色(Yellow ochre)

Ochre是黃土的意思,這里指的是黃土一樣的顏色。

麥稈色(Straw)

干枯的秸稈的顏色,純度較低的黃色。

古銅色(Bronze)

Bronze是青銅的意思,但在色彩中指的是泛黃色的亮褐色。

暗黃皮革色(Buff)

Buff的意思是黃色的牛皮或鹿皮,這是一種泛黃色的淺褐色。

裸色(Beige)

法語Beige意思是未經漂白的羊毛色,現在作為固定名詞,用來指低純度的亮黃色。

象牙色(Ivory)

古希臘語中的Ivory意為象牙,這是一種較亮的裸色,已近乎接近純白。

亞麻色(Ecru)

法語中的ecru是未進行漂白的意思,用來指稱未進行漂白的亞麻的顏色。

棕土色(Burnt umber)

棕土是一種天然的礦物顏料,用來表述一種類似栗色的泛紅色的深褐色。

凡·戴克棕(Vandyke brown)

因弗蘭德斯的畫家凡·戴克經常使用而得名,是一種較為濃重的褐色。凡·戴克被稱為“光的畫家”

二、黃色的意象和配色表現

源于自然的黃色意象

光:溫暖、燦爛、美麗、明亮、肯定、能量……

黃金:財富、名譽(金牌)、權力……

檸檬:新鮮、開始、香味……

雞雛:小孩、未成熟、俗氣、新加入的……

泥土(黃土):懷舊、母愛、氣度、污染、臟……

源于社會的黃色意象

旗幟:安全、休息、棄權……

記號:注目、補充說明、注意(黃牌)、警告……

信號:休息、孩童、保護、危險……

100%的黃色在社會的意義方面,常用來表現孩童、引人矚目的形象;在自然性的意義方面,常用來象征燦爛、能量和富有。

在畫面整體較暗沒什么亮色的時候,黃色會成為點睛色,但如果畫面中使用的色彩較多,黃色就不太容易成為點睛色。與紅色和藍色相比較,黃色吸引眼球的力度不夠,所以,比起搶眼的點睛色,黃色更適合用于調節畫面的氣氛。

要想讓黃色在保持自己的光芒的同時不改變畫面整體的感覺,就要協調搭配黃色與點睛色。比如,在以溫暖的大紅色、泛紅的黃色、泛紫的紅色作為點睛色的情況下,要用偏嫩綠色的黃色來與之搭配??傊?,黃色與近似色搭配時,要避免搶過點睛色的風頭,這時就要沖淡黃色的本身的感覺。

泛橙色的黃色比原色黃更能營造柔和溫暖的氛圍,這種平和積極的印象更能表現親切多情的感覺。泛橙色的黃色不僅能與原黃搭配,而且能和相對暗淡的灰色和黑色搭配。在純正的黑白灰中,都加入一點黃色能使畫面整體呈現舒適安寧的氛圍。也能改變畫面整體的印象,表現出貼近自然的感覺。因為,黃色本身存在著“光”。

泛綠的黃色偏冷,給人感覺冷漠。在原黃中加入白色和黑色的話,黃色本身的明亮的光感和暖意就會消失,變成偏冷的色彩。

在黃色的配色中容易犯的錯誤是,認為黃色本身是溫暖的顏色,所以亮一點暗一點都會保持溫暖感覺,這實際上是錯覺。100%的黃色如果和暗色搭配就會變成泛綠的偏冷的黃色,溫暖柔和的感覺就會被臟亂和消極性感覺代替。

相比紅色、草綠色、藍色等顏色,冷感的黃色與粉紅、嫩綠、淡藍這樣的顏色搭配起來更協調。

比起100%的紅色,冷黃色與深紅色或淺紅色,或者泛紫的紅色搭配起來更合適。這樣的配色,呈現出的不是柔和的自然的色彩感覺,而是認為創造的豁亮感。

三、黃色配色實例

如果說紅色是點睛色的代表,那么黃色就是主色的代表。所以,畫面上即便只有兩種色彩,只要有黃色,其他顏色也會偏黃。如果想改變畫面的整體感覺,只要改變黃色就可以了。所以,黃色決定了整個配色的基調和主要感覺氛圍,因此它的配色也會更加多樣和有趣。

這是一個以黃色為主色,黑色為點睛色的配色。這個配色中,設計師聰明地使用了黃色的這種影響全局的功能,讓觀者對黑色產生“深咖”的錯覺,從而讓包裝更符合“咖啡”的主題。此外,線條畫的和藹可親感用黃色作背景也非常容易發揮。黃色的表現力很強,因此和黑色這種冷色搭配也會表現強烈的對比。

黃色與紅色等暖色的搭配使畫面偏暖,但加入了大量的深黑就讓整個配色趨于均衡。深紅色,也是絕妙的搭配冷黃的一個選擇。畫面既有沖突,又有和諧。讓冷黃色作主色,偏暗的紅色作點睛色,避免用100%的原黃和原紅,這已經甩以“搶眼”為主要目的“紅黃配”好幾條街了。

黃色與綠色的搭配在我看來是一組比較棘手的問題,書中作者并沒有特別提及怎樣搭配。我總結一下,關于這對鄰近色的搭配方法:

1、這兩種配色各自所占的色彩面積應該有對比,例如上圖所示的案例中,綠色占據了絕大部分的面積而黃色則占據少有的部分。

2、最好能加入另一種色彩。由于黃色偏暖,而綠色為中性色,就需要另一種偏冷的顏色作均衡。此外,兩個相鄰的顏色相配,色彩對比的張力不夠,需要另一種色彩來加強張力。

3、如果只有兩種色彩搭配,在色彩的純度上最好能保持對比。

黃色與藍色搭配,其中黃色作為主色的時候,藍色作為點睛色,兩種色彩一冷一暖能很好的相互協調。

另外,在我們配色時,我們習慣上認為點睛色非常重要,而其實決定整個作品基調的是主色。因此,主色才是決定畫面氛圍的決定性的選擇。在我們配色之初,我們就需要確定畫面的氛圍,根據氛圍來確定主色和點睛色。例如“溫暖的、動畫感的色調”、“復古的、鮮明的色調”、“老成沉穩的色調”、“波普風格的色調”等。整體的氛圍才決定整個作品的用色。

本例中,暗淡的黃色,趨向深咖非常適合營造復古的氛圍,確定了復古氛圍后,就選用了深咖作為主色,很好的詮釋了主題。

要強調黃色積極性的一面,最好與橙色、褐色等泛紅的顏色配色。尤其是色彩的明度盡量不要差異過大。即便使用相同的黃色,“褐色和黃色”的配色就比“黑色和黃色”的配色明度差異小,從而更能表現出溫暖的感覺。

后記

能與黃色搭配的顏色沒有限制,沒有完美之配色,突破固有的觀念,才能獲得一鳴驚人的效果。

【新手即學即用系列】

  1. 《有哪些看上去很高大上,但實際很簡單的PS技巧?》
  2. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(入門篇)》
  3. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(酷炫火焰篇)》
  4. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(人像篇)》
  5. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(漸變色篇)》
  6. 《有哪些看上去很高大上,但實際很簡單的PS技巧?(二次元篇)》

原文地址:ifeiwu

uisdc-hao

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量104萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 10

發表評論 已發布 1

還可以輸入 800 個字
 
 
載入中....
相關推薦
1 收藏