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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末酌伊,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子冕臭,更是在濱河造成了極大的恐慌腺晾,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件辜贵,死亡現(xiàn)場(chǎng)離奇詭異悯蝉,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)托慨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門鼻由,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人厚棵,你說(shuō)我怎么就攤上這事蕉世。” “怎么了婆硬?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵狠轻,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我彬犯,道長(zhǎng)向楼,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任谐区,我火速辦了婚禮湖蜕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘宋列。我一直安慰自己昭抒,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著灭返,像睡著了一般盗迟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上婆殿,一...
    開(kāi)封第一講書(shū)人閱讀 49,730評(píng)論 1 289
  • 那天诈乒,我揣著相機(jī)與錄音,去河邊找鬼婆芦。 笑死怕磨,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的消约。 我是一名探鬼主播肠鲫,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼或粮!你這毒婦竟也來(lái)了导饲?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤氯材,失蹤者是張志新(化名)和其女友劉穎渣锦,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體氢哮,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡袋毙,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了冗尤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片听盖。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖裂七,靈堂內(nèi)的尸體忽然破棺而出皆看,到底是詐尸還是另有隱情,我是刑警寧澤背零,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布腰吟,位于F島的核電站,受9級(jí)特大地震影響徙瓶,放射性物質(zhì)發(fā)生泄漏蝎困。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一倍啥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧澎埠,春花似錦虽缕、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)伍派。三九已至,卻和暖如春剩胁,著一層夾襖步出監(jiān)牢的瞬間诉植,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工昵观, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留晾腔,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓啊犬,卻偏偏與公主長(zhǎng)得像灼擂,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子觉至,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

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