設(shè)計(jì)原則:色彩原理與配色方案(八)

我們都認(rèn)為光線和顏色是有所不同的,例如你看到的紅色和我所看到的就不同,雖然我們都認(rèn)為是紅色的,那么顏色是如何影響到我們的呢?由于每個(gè)人對顏色感覺不同,那么又如何應(yīng)對這些問題呢?方法的突破口就在色彩是相對的。



一個(gè)好的設(shè)計(jì)應(yīng)該不用完全依賴于色彩,在灰度模式的情況下,仍然可以繼續(xù)使用。而色彩的作用在于使得用戶能夠長時(shí)間的使用,并且認(rèn)為這種設(shè)計(jì)是非常美觀的原因之一。

就像我們在設(shè)計(jì)之初在選擇顏色時(shí),就會考慮到概念和主題的應(yīng)用,而色彩就應(yīng)該來增加這種設(shè)計(jì)的效果,所以就不僅僅是自己想像的那樣。我們可以使用色彩來創(chuàng)造視覺層次,以及在設(shè)計(jì)中提高整體的平衡。

談到色彩,可以談到的地方很多,正如我們的職位一樣。對于這篇文章,會將類型從一個(gè)擴(kuò)大到多個(gè),并覆蓋更多。最終還是決定分成兩塊來討論。

這里也將集中于色彩理論、色輪、色調(diào)的理論。那么在接下來的時(shí)間,我們一起進(jìn)入到色彩及理論基礎(chǔ)的上,如何使用色彩來提升設(shè)計(jì)的品質(zhì)。

色彩理論

顏色是一種光,而人眼會對電磁輻射和在一定范圍的波長產(chǎn)生反應(yīng),當(dāng)在可見光的所有波長的光被吸收時(shí),我們就會看到黑色。反之,當(dāng)所有的光都被反射時(shí),我們就會看到白光。而當(dāng)一部被吸收一部分被反射,在這種情況下我們就會看到頻率波長不同的光和顏色。



顏色可以使用三個(gè)單位來描述,分別是:色相、純度、明度(或亮度),我們可以從幾個(gè)方面來來理解它們之間的關(guān)系,請仔細(xì)理解下面的定義:

(1)色相:當(dāng)有人談?wù)撋鄷r(shí),實(shí)際上就是對象的實(shí)際顏色,例如綠色、紅色、黃色、紫色等。

(2)純度:這個(gè)是相對于色相中灰色的占有比例。當(dāng)一個(gè)顏色具有較高的純度沒有灰色和陰影時(shí),此時(shí)增加灰色陰影就會降低純度。

(3)飽和度:指某一色相中純度的程度。也類似于純度,雖然定義不同,一般純度較高的顏色也有較高的飽和度,當(dāng)加入灰色陰影時(shí)就會減少飽和度。

(4)強(qiáng)度:指一個(gè)顏色的亮度,添加白色或黑色可以降低這種顏色的強(qiáng)度,一種強(qiáng)烈的和高飽和度的顏色具有較高的強(qiáng)度。

(5)強(qiáng)度值/亮度:指一種顏色從反射回來的光的量度,可以按照濃與淡來區(qū)分,加白色會顯得更加的輕,并增加亮度,反之加入黑色就降低亮度。

(6)陰影:在遮擋的暗部區(qū)域產(chǎn)生較深的色調(diào)。

(7)淺色:添加白色來產(chǎn)生一種較輕的色調(diào)。

(8)灰度:位于黑色和白色之間。灰色是因?yàn)榘咨秃谏淖饔媒Y(jié)果,所以色相和純度在灰度中是很極端的例子,因?yàn)闆]有一點(diǎn)的灰度。

色彩模式

那么色彩模式是如何運(yùn)行的呢?當(dāng)我們使用原料涂抹時(shí)是減色模式,而使用電腦等屏幕時(shí)則為加色模式。

就像我們在電腦上看到的顏色,最終在其他的電腦屏幕上看到的也是一樣,如果此時(shí)使用打印機(jī)打印,就會發(fā)現(xiàn)很明顯的差異。而色彩管理可以幫助我們使得事情變的一致,但是還是會有稍微的差異。

減色模式(CMYK模式):當(dāng)我們看到實(shí)物顏色的時(shí)候,實(shí)際上是反射回來的光線,例如當(dāng)我們看到紅色時(shí),那是因?yàn)槠渌饩€的波長都被吸收了,只有紅色的波長可以反射出來,這就是減色模式。因?yàn)闀p去其它光,只反射可見光。

當(dāng)我們添加的許多光被吸收時(shí),就會使得整體顏色變暗。添加的越多最終會變成白色或黑色。而CMYK(青色、品紅色、黃色、黑色)是用于打印的減色模式。

加色模式(RGB模式):我們需要對電腦屏幕添加光來創(chuàng)建所需要的顏色,而由屏幕內(nèi)部的光源來替代外界的環(huán)境光線,如果沒有光,那么看到的就是黑色的,所以就會添加更多的顏色(光的多個(gè)波長),最后逐漸變白。

RGB是用于在數(shù)字媒體上創(chuàng)建的色彩體系。這種色彩管理系統(tǒng)會幫助我們?nèi)绾慰创匀唤缰械念伾筒煌闹髡{(diào)色之間發(fā)生變化。就像在系統(tǒng)中不會產(chǎn)生黃色,而是通過一種綠色與藍(lán)色的加色方式形成黃色。

色輪

這個(gè)色輪可以表示我們在上面談到的大部分進(jìn)行可視化的表示。這個(gè)色輪由Sir Isaac Newton建立,并加入了可見光譜中的紅色和紫色,最終形成一個(gè)圓圈。



在下面的圖片中我們可以看到一個(gè)色輪是怎么被建立起來的?從等邊三角形的頂角位置開始是三原色,然后按照相似的三角形旋轉(zhuǎn)180度,以此創(chuàng)建二次顏色,而在這之間又會創(chuàng)建三次色。

通過下面可以看到顏料三原色:紅、黃、藍(lán)以及關(guān)于其他顏色的形成過程。



現(xiàn)在我們看看下面的色輪,會注意到與上面的有所不同。這里的主要顏色有紅、綠、藍(lán),還會注意到所顯示的色彩傳達(dá)到中央?yún)^(qū)域是白色。這就是RGB模式下的色輪。



當(dāng)然,我們還可以找到很多其他的色輪,例如關(guān)于陰影和灰度的,但是這么多的色輪體系都是基于一種體系的,所以只要記住最基本的,就可以通過不同的方式來表達(dá)顏色之間的關(guān)系。

配色方案

色輪中的配色方案和不同方案之間不同的顏色組合是基于彼此之間相互關(guān)聯(lián)的。在下面的圖片中,降低了所有顏色的飽和度,除了自己所需要做出配色方案的一步?jīng)]有。

單色配色方案是基于相同顏色的不同純度。這張圖所顯示的是紅色系。



鄰近色的配色方案是基于色輪上彼此相鄰的顏色



互補(bǔ)色的配色方案是建立在兩者顏色之間色輪對立上。



三原色配色方案是使用了三種在色輪上間隔相等而建立。



二次色的配色方案是通過一個(gè)矩形在色輪上的四個(gè)角所組成的顏色而創(chuàng)建。



分離互補(bǔ)的配色方案是選擇一個(gè)顏色,然后選擇兩者在色輪上與之對立的顏色。



當(dāng)然也有很多其他使用色輪沒有辦法描述的配色方案,中性的配色方案只包括色輪上的沒有找到的各種灰色色調(diào)。而中性偏重的配色方案,就包括一個(gè)中性色或在色輪上多個(gè)顏色的組合。

最后一類的配色方案,我們可以在自然界中發(fā)現(xiàn),就像我們可能已經(jīng)猜到的那樣,自然界中存在任何的配色方案,我們可以基于照片找到最自然的配色方案。

總結(jié)

這篇文章的重點(diǎn)在于其背后的色彩理論,還有很多我們關(guān)于色彩感知,以及如何在設(shè)計(jì)中使用顏色效果的意義。另外試著用熟悉的術(shù)語來描述顏色以及在色輪中的顯現(xiàn),我也將會在下一遍文章中提供更多關(guān)于配色方案使用的詳細(xì)討論。

作者:Steven Bradley

http://vanseodesign.com/web-design/color-theory

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,001評論 6 537
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,786評論 3 423
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,986評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,204評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,964評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,354評論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,410評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,554評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,106評論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,918評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,093評論 1 371
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,648評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,342評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,755評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,009評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,839評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,107評論 2 375

推薦閱讀更多精彩內(nèi)容