designer-review-color-orange-1

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

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

紅色篇:《設計師的讀書筆記!帶你重新全面認識色彩系列之紅色篇》

前言

與臨近的紅色和黃色相比,橙色看起來似乎不像它們那樣特別。它經常被認為是一種介于紅色和黃色之間的曖昧的色彩。

每種顏色都會有某種情感偏向,但是橙色的情感確是非常曖昧的,它游離在紅色和黃色之間,作為暖色而存在。因此,一種曖昧的暖色的配色技巧必定有我們可以研究的地方。

簡述

橙色的本身所具有的這種曖昧感使得它比紅色更加溫和,比黃色更加老練,即它有一種中性的魅力。換句話說,它可以彌補紅色和黃色的缺陷。因此,在各種商業設計中,橙色比紅色和黃色應用得更為廣泛。特別是在關于餐飲和商城方面的設計中,橙色被大量運用。而現在也有很多代表著“新生代”的這類創意機構也選擇運用橙色表現他們的年輕活力。

一、色彩名稱

還是讓我們先看看橙色色系的各種色彩的名稱,由此大家可以無限代入自己的想象。

朱砂色(Vermilion)

朱砂是一種在水銀中可以和硫磺發生反應的人工顏料,是一種泛紅色的鮮明的橙色。

胡蘿卜色(Carrot Orange)

因胡蘿卜皮的顏色而得名,是一種泛赤色的明亮的橙色。

橙色(Orange)

橙子表皮的顏色,是一種泛黃色的橙色。

玉米色(Maize)

玉米的顏色,是一種泛黃色的淺橙色。

杏黃色(Apricot)

也被稱為淺橙色。

鮭魚粉(Salmon pink)

也被叫做橙紅色,因為與鮭魚的顏色類似,因此而得名。

貝殼粉(Shell Pink)

因為與貝殼內部的顏色相似而得名,是一種泛黃色的非常淺的粉色。

軟木塞色(Cork)

與軟木塞的顏色相似,是一種泛黃色的淺褐色。

琥珀色(Amber)

和琥珀的顏色相似的一種顏色,琥珀在亞洲和歐洲都非常地受歡迎,是一種泛黃的、有流動感的橙色。

肉桂色(Cinnamon)

與桂皮的顏色相似,是一種泛紅色的淺褐色。

黃褐色(Bumt sienna)

這是一種氧化鐵、黏土、沙子等混合在一起所形成的赭石色顏料,褐色中泛紅色。

ifeiwutut57-12

咖啡棕(Coffee brown)

這是一種咖啡豆磨成粉的顏色,深褐色中泛黃色。

二、橙色的意象和表現方式

橙色的曖昧,讓人覺得它比任何色彩都難以配色。它不如紅色強烈,又不如黃色明亮,很容易被其他色彩搶了風頭,最終導致整體配色的平淡乏味。

如果要用橙色作為點睛色,那么就要避免使用比橙色更搶眼的色彩?;疑3S糜谂c橙色進行搭配。但運用其他的顏色,適當降低透明度或飽和度,使之沒有橙色搶眼,調節得當,也可以搭配出豐富生動的畫面。例如相比橙色和紅色的搭配,比紅色色度更低的褐色和橙色的搭配更為協調。

源于自然的橙色意象

橙子:美味、食欲、爽口、維C、年輕、青少年、有趣……

樹木(褐色):久遠、自然、土地、年長、安靜……

火:溫暖、親近、好動、友好……

源于社會的橙色意象

財富:吹噓、奢侈、便宜貨、空架子

萬圣節:惡魔、喧囂……

橙色洋溢著在紅色中不易找到的積極能量可以讓畫面變得親切,在表現活力的時候非常有用。但畫面如果過多使用橙色,就會顯得沉悶。

同屬橙色系的色彩,實際上給人的印象是完全不同的。有富于年輕感的鮮明的橙色,也有具有復古感的偏褐色的橙色。

如果想要強調橙色的積極性的一面,可以選擇泛黃色的橙色或者不太深的褐色,這些顏色比100%的橙色更能表現溫暖親切的感覺。

但是由于橙色本身很難找到偏冷的顏色(它的相鄰色是紅色和黃色,屬于暖色系),因此為了使畫面呈現出溫暖的感覺,將所有配色都用暖色的話,容易使畫面顯得沉悶沒有亮點。

所以,如果以泛黃的橙色作為主色,選擇黑色或者灰色等冷色可以使整體畫面更加協調。比如用深藍代替黑色配色方法,可以給畫面“降溫”。

三、橙色的配色實例表現

一般來說,紅色、藍色是強烈厚重的色彩,黃色、淡綠色具有明亮的感覺,相比之下,橙色的感覺非常曖昧。因此,如果用橙色作為主色,至少需要一種強烈厚重的色彩和一種明亮的色彩與之搭配。

如下圖中,用橙色作為主色,搭配黑白灰的無彩色的配色。一暗一亮,運用純黑和純白作為輔色,很好展示出了橙色的鮮明個性。

需要注意的是,如果以曖昧的橙色作為主色,就要和既不別扭又明亮強烈的色彩進行搭配。

如果你運用了橙色作為主色,與此同時運用也運用紅色系和黃色系的色彩作為配色,由于這些色彩的溫度都比較高,因此畫面中應該有一定的冷色來“降溫”,從而實現畫面的平衡。如下圖中大量運用了橙色和紅色,因此有藍色作為冷色進行平衡。

綠色系、藍色系、紫色系是相對偏冷的色彩,在與橙色搭配的時候會使橙色更為顯眼。比起橙色作為主色的選擇,以冷色調作為主色、橙色作為點睛色的選擇可以使橙色更搶眼,畫面更有活力。

例如在這張宣傳品的配色選擇上,綠色元素鋪滿視線的時候,出現星點的橙色元素,讓人聯系到大自然里的果樹和農場,這種對自然的取色和本身配色的規律也是不約而同。

有時候畫面中會出現除橙色以外的其他顏色也作為點睛色,這樣的安排會讓畫面更有活力,但這時需要注意的是點睛色之間的顏色協調。

如下圖所示,橙色作為點睛色的同時,也會有黃色和藍色也作為點睛色的運用,而整個畫面在冷暖兩種點睛色之間確實非常平衡的關系。而橙色和藍色的對比色搭配帶來的活潑感正是畫面所需要的。

從這里我們可以看到,如果要選擇和橙色搭配的黃色盡量不要使用太深的黃色,而應該運用比較淡的黃色。而如果是搭配紅色,也應該盡量選擇偏暗的紅色。

例如下面的這幅GUCCI的香水海報,雖然顏色五彩繽紛,看起來卻不顯得凌亂??傮w來說,其實也就是三種色系在相互搭配,藍色系、紅色系和黃色系。而橙色系的色彩就有朱紅和貝殼粉。與此搭配的黃色的明度較高而純度較低,顯得比較淡,而為了對比,也有少量深紅。這里的深紅和藍綠色系的出現給畫面降溫,而黃色和橙色又給畫面升溫,整個色溫適中,因此整個搭配感覺非常協調。

后記

配色總的來說并沒有定論,因為色彩包含的個人情感的層次太豐富,而這也是配色總是讓人深究又始終沒有定論。但總的來說,我們應該可以在眾多優秀作品中找到一點關于色彩的蛛絲馬跡。這還需要大家繼續探索。

本系列相關文章:

《讀書筆記:給你的色彩重命名——紅色篇》

需要注意的是,如果以曖昧的橙色作為主色,就要和既不別扭又明亮強烈的色彩進行搭配。

如果你運用了橙色作為主色,與此同時運用也運用紅色系和黃色系的色彩作為配色,由于這些色彩的溫度都比較高,因此畫面中應該有一定的冷色來“降溫”,從而實現畫面的平衡。如下圖中大量運用了橙色和紅色,因此有藍色作為冷色進行平衡。

綠色系、藍色系、紫色系是相對偏冷的色彩,在與橙色搭配的時候會使橙色更為顯眼。比起橙色作為主色的選擇,以冷色調作為主色、橙色作為點睛色的選擇可以使橙色更搶眼,畫面更有活力。

例如在這張宣傳品的配色選擇上,綠色元素鋪滿視線的時候,出現星點的橙色元素,讓人聯系到大自然里的果樹和農場,這種對自然的取色和本身配色的規律也是不約而同。

有時候畫面中會出現除橙色以外的其他顏色也作為點睛色,這樣的安排會讓畫面更有活力,但這時需要注意的是點睛色之間的顏色協調。

如下圖所示,橙色作為點睛色的同時,也會有黃色和藍色也作為點睛色的運用,而整個畫面在冷暖兩種點睛色之間確實非常平衡的關系。而橙色和藍色的對比色搭配帶來的活潑感正是畫面所需要的。

從這里我們可以看到,如果要選擇和橙色搭配的黃色盡量不要使用太深的黃色,而應該運用比較淡的黃色。而如果是搭配紅色,也應該盡量選擇偏暗的紅色。

例如下面的這幅GUCCI的香水海報,雖然顏色五彩繽紛,看起來卻不顯得凌亂??傮w來說,其實也就是三種色系在相互搭配,藍色系、紅色系和黃色系。而橙色系的色彩就有朱紅和貝殼粉。與此搭配的黃色的明度較高而純度較低,顯得比較淡,而為了對比,也有少量深紅。這里的深紅和藍綠色系的出現給畫面降溫,而黃色和橙色又給畫面升溫,整個色溫適中,因此整個搭配感覺非常協調。

后記

配色總的來說并沒有定論,因為色彩包含的個人情感的層次太豐富,而這也是配色總是讓人深究又始終沒有定論。但總的來說,我們應該可以在眾多優秀作品中找到一點關于色彩的蛛絲馬跡。這還需要大家繼續探索。

【技多不壓身的設計師工資更高!】

  1. 平面設計:《超贊!設計師完全自學指南》
  2. 交互設計:《交互設計師修煉指南!教你從零開始成為優秀交互設計師》
  3. UI設計:《超實用新手指南!零基礎如何自學UI設計?》
  4. 前端開發:《天貓高手來教你!零基礎如何系統地學習前端開發?》
  5. 摳圖技巧:《從菜鳥到高手!PHOTOSHOP摳圖全方位攻略》
  6. 配色方案:《色彩搭配速成!3個實用方法幫你全面搞定配色》
  7. DPI指南:《基礎知識學起來!為設計師量身打造的DPI指南》
  8. 交互設計自學路徑圖:《零基礎入門!給非科班生的自學路徑圖之交互設計篇》

原文地址:ifeiwu
作者:@飛屋睿UIdesign

uisdc-ad-wechat

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

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

點贊
收藏 34

發表評論 快來秀出你的觀點

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