我們都認(rèn)為光線和顏色是有所不同的存炮,例如你看到的紅色和我所看到的就不同,雖然我們都認(rèn)為是紅色的,那么顏色是如何影響到我們的呢扑馁?由于每個(gè)人對(duì)顏色感覺(jué)不同,那么又如何應(yīng)對(duì)這些問(wèn)題呢凉驻?方法的突破口就在色彩是相對(duì)的腻要。
一個(gè)好的設(shè)計(jì)應(yīng)該不用完全依賴于色彩,在灰度模式的情況下涝登,仍然可以繼續(xù)使用雄家。而色彩的作用在于使得用戶能夠長(zhǎng)時(shí)間的使用,并且認(rèn)為這種設(shè)計(jì)是非常美觀的原因之一胀滚。
就像我們?cè)谠O(shè)計(jì)之初在選擇顏色時(shí)趟济,就會(huì)考慮到概念和主題的應(yīng)用,而色彩就應(yīng)該來(lái)增加這種設(shè)計(jì)的效果咽笼,所以就不僅僅是自己想像的那樣顷编。我們可以使用色彩來(lái)創(chuàng)造視覺(jué)層次,以及在設(shè)計(jì)中提高整體的平衡褐荷。
談到色彩勾效,可以談到的地方很多,正如我們的職位一樣叛甫。對(duì)于這篇文章层宫,會(huì)將類型從一個(gè)擴(kuò)大到多個(gè),并覆蓋更多其监。最終還是決定分成兩塊來(lái)討論萌腿。
這里也將集中于色彩理論、色輪抖苦、色調(diào)的理論毁菱。那么在接下來(lái)的時(shí)間米死,我們一起進(jìn)入到色彩及理論基礎(chǔ)的上,如何使用色彩來(lái)提升設(shè)計(jì)的品質(zhì)贮庞。
色彩理論
顏色是一種光峦筒,而人眼會(huì)對(duì)電磁輻射和在一定范圍的波長(zhǎng)產(chǎn)生反應(yīng),當(dāng)在可見(jiàn)光的所有波長(zhǎng)的光被吸收時(shí)窗慎,我們就會(huì)看到黑色物喷。反之,當(dāng)所有的光都被反射時(shí)遮斥,我們就會(huì)看到白光峦失。而當(dāng)一部被吸收一部分被反射,在這種情況下我們就會(huì)看到頻率波長(zhǎng)不同的光和顏色术吗。
顏色可以使用三個(gè)單位來(lái)描述尉辑,分別是:色相、純度较屿、明度(或亮度)隧魄,我們可以從幾個(gè)方面來(lái)來(lái)理解它們之間的關(guān)系,請(qǐng)仔細(xì)理解下面的定義:
(1)色相:當(dāng)有人談?wù)撋鄷r(shí)吝镣,實(shí)際上就是對(duì)象的實(shí)際顏色堤器,例如綠色、紅色末贾、黃色、紫色等整吆。
(2)純度:這個(gè)是相對(duì)于色相中灰色的占有比例拱撵。當(dāng)一個(gè)顏色具有較高的純度沒(méi)有灰色和陰影時(shí),此時(shí)增加灰色陰影就會(huì)降低純度表蝙。
(3)飽和度:指某一色相中純度的程度拴测。也類似于純度,雖然定義不同府蛇,一般純度較高的顏色也有較高的飽和度集索,當(dāng)加入灰色陰影時(shí)就會(huì)減少飽和度。
(4)強(qiáng)度:指一個(gè)顏色的亮度汇跨,添加白色或黑色可以降低這種顏色的強(qiáng)度务荆,一種強(qiáng)烈的和高飽和度的顏色具有較高的強(qiáng)度。
(5)強(qiáng)度值/亮度:指一種顏色從反射回來(lái)的光的量度穷遂,可以按照濃與淡來(lái)區(qū)分函匕,加白色會(huì)顯得更加的輕,并增加亮度蚪黑,反之加入黑色就降低亮度盅惜。
(6)陰影:在遮擋的暗部區(qū)域產(chǎn)生較深的色調(diào)中剩。
(7)淺色:添加白色來(lái)產(chǎn)生一種較輕的色調(diào)。
(8)灰度:位于黑色和白色之間抒寂〗崽洌灰色是因?yàn)榘咨秃谏淖饔媒Y(jié)果,所以色相和純度在灰度中是很極端的例子屈芜,因?yàn)闆](méi)有一點(diǎn)的灰度妆棒。
色彩模式
那么色彩模式是如何運(yùn)行的呢?當(dāng)我們使用原料涂抹時(shí)是減色模式沸伏,而使用電腦等屏幕時(shí)則為加色模式糕珊。
就像我們?cè)陔娔X上看到的顏色,最終在其他的電腦屏幕上看到的也是一樣毅糟,如果此時(shí)使用打印機(jī)打印红选,就會(huì)發(fā)現(xiàn)很明顯的差異。而色彩管理可以幫助我們使得事情變的一致姆另,但是還是會(huì)有稍微的差異喇肋。
減色模式(CMYK模式):當(dāng)我們看到實(shí)物顏色的時(shí)候,實(shí)際上是反射回來(lái)的光線迹辐,例如當(dāng)我們看到紅色時(shí)蝶防,那是因?yàn)槠渌饩€的波長(zhǎng)都被吸收了,只有紅色的波長(zhǎng)可以反射出來(lái)明吩,這就是減色模式间学。因?yàn)闀?huì)減去其它光,只反射可見(jiàn)光印荔。
當(dāng)我們添加的許多光被吸收時(shí)低葫,就會(huì)使得整體顏色變暗。添加的越多最終會(huì)變成白色或黑色仍律。而CMYK(青色嘿悬、品紅色、黃色水泉、黑色)是用于打印的減色模式善涨。
加色模式(RGB模式):我們需要對(duì)電腦屏幕添加光來(lái)創(chuàng)建所需要的顏色,而由屏幕內(nèi)部的光源來(lái)替代外界的環(huán)境光線草则,如果沒(méi)有光钢拧,那么看到的就是黑色的,所以就會(huì)添加更多的顏色(光的多個(gè)波長(zhǎng))畔师,最后逐漸變白娶靡。
RGB是用于在數(shù)字媒體上創(chuàng)建的色彩體系。這種色彩管理系統(tǒng)會(huì)幫助我們?nèi)绾慰创匀唤缰械念伾筒煌闹髡{(diào)色之間發(fā)生變化看锉。就像在系統(tǒng)中不會(huì)產(chǎn)生黃色姿锭,而是通過(guò)一種綠色與藍(lán)色的加色方式形成黃色塔鳍。
色輪
這個(gè)色輪可以表示我們?cè)谏厦嬲劦降拇蟛糠诌M(jìn)行可視化的表示。這個(gè)色輪由Sir Isaac Newton建立呻此,并加入了可見(jiàn)光譜中的紅色和紫色轮纫,最終形成一個(gè)圓圈。
在下面的圖片中我們可以看到一個(gè)色輪是怎么被建立起來(lái)的焚鲜?從等邊三角形的頂角位置開(kāi)始是三原色掌唾,然后按照相似的三角形旋轉(zhuǎn)180度,以此創(chuàng)建二次顏色忿磅,而在這之間又會(huì)創(chuàng)建三次色糯彬。
通過(guò)下面可以看到顏料三原色:紅、黃葱她、藍(lán)以及關(guān)于其他顏色的形成過(guò)程撩扒。
現(xiàn)在我們看看下面的色輪,會(huì)注意到與上面的有所不同吨些。這里的主要顏色有紅搓谆、綠、藍(lán)豪墅,還會(huì)注意到所顯示的色彩傳達(dá)到中央?yún)^(qū)域是白色泉手。這就是RGB模式下的色輪。
當(dāng)然偶器,我們還可以找到很多其他的色輪斩萌,例如關(guān)于陰影和灰度的,但是這么多的色輪體系都是基于一種體系的状囱,所以只要記住最基本的术裸,就可以通過(guò)不同的方式來(lái)表達(dá)顏色之間的關(guān)系。
配色方案
色輪中的配色方案和不同方案之間不同的顏色組合是基于彼此之間相互關(guān)聯(lián)的亭枷。在下面的圖片中,降低了所有顏色的飽和度搀崭,除了自己所需要做出配色方案的一步?jīng)]有叨粘。
單色配色方案是基于相同顏色的不同純度。這張圖所顯示的是紅色系瘤睹。
鄰近色的配色方案是基于色輪上彼此相鄰的顏色
互補(bǔ)色的配色方案是建立在兩者顏色之間色輪對(duì)立上升敲。
三原色配色方案是使用了三種在色輪上間隔相等而建立。
二次色的配色方案是通過(guò)一個(gè)矩形在色輪上的四個(gè)角所組成的顏色而創(chuàng)建轰传。
分離互補(bǔ)的配色方案是選擇一個(gè)顏色驴党,然后選擇兩者在色輪上與之對(duì)立的顏色。
當(dāng)然也有很多其他使用色輪沒(méi)有辦法描述的配色方案获茬,中性的配色方案只包括色輪上的沒(méi)有找到的各種灰色色調(diào)港庄。而中性偏重的配色方案倔既,就包括一個(gè)中性色或在色輪上多個(gè)顏色的組合。
最后一類的配色方案鹏氧,我們可以在自然界中發(fā)現(xiàn)渤涌,就像我們可能已經(jīng)猜到的那樣,自然界中存在任何的配色方案把还,我們可以基于照片找到最自然的配色方案实蓬。
總結(jié)
這篇文章的重點(diǎn)在于其背后的色彩理論,還有很多我們關(guān)于色彩感知吊履,以及如何在設(shè)計(jì)中使用顏色效果的意義安皱。另外試著用熟悉的術(shù)語(yǔ)來(lái)描述顏色以及在色輪中的顯現(xiàn),我也將會(huì)在下一遍文章中提供更多關(guān)于配色方案使用的詳細(xì)討論艇炎。
作者:Steven Bradley
http://vanseodesign.com/web-design/color-theory