給你的色彩重新命名—橙色篇(一)

給你的色彩重新命名—橙色篇(一)

來自專欄 秀設可餐

今天我們聊聊橙色。

這篇文章是在看了李正賢的《WOW!不一樣的配色設計》一書的部分摘錄和讀書筆記,除了色彩基礎知識科普,也會有對應的網頁案例分,非常適合新手學習。

前言

與臨近的紅色和黃色相比,橙色看起來似乎不像它們那樣特別。它經常被認為是一種介於紅色和黃色之間的曖昧的色彩。每種顏色都會有某種情感偏向,但是橙色的情感確是非常曖昧的,它遊離在紅色和黃色之間,作為暖色而存在。因此,一種曖昧的暖色的配色技巧必定有我們可以研究的地方。

簡述

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

一、色彩名稱

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

象。

硃砂色(Vermilion )

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

胡蘿蔔色(Carrot Orange )

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

橙色(Orange )

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

玉米色(Maize )

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

杏黃色(Apricot )

也被稱為淺橙色。

鮭魚粉(Salmon pink )

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

貝殼粉(Shell Pink )

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

軟木塞色(Cork )

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

琥珀色(Amber )

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

肉桂色(Cinnamon)

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

黃褐色(Bumt sienna)

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

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

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

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

源於自然的橙色意象

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

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

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

源於社會的橙色意象

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

萬聖節:惡魔、喧囂……

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

未完待續

下一章:橙色的配色實例表現

UI設計討論群:

南京UI設計界面QQ群:419734708


推薦閱讀:

2017年最值得關注的7個網頁設計趨勢
UI設計技巧幹貨:網頁設計色彩進階技巧
九枝蘭專訪:再談建站獲客之道 -- 究竟該如何破解吸引不到精準客戶的千古難題?
雅瑪網站設計: 四大流行布局趨勢
PS基礎操作小技巧:如何利用PS給衣服更換顏色

TAG:配色 | 平面設計 | 網頁設計 |