我們都認(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