寫給新人平面設計師的第一堂色彩課:聊一聊色彩背後的故事。
推薦語:這篇文章,並非簡單羅列當代已有的色彩理論研究成果,而是從人類對色彩的認知開始,通過一個個小故事,一步步還原了色彩的本質。相信,讀到最後你也會和我一樣,發出:「原來如此!」的感嘆。
知乎首發地址:https://zhuanlan.zhihu.com/p/25614384。作者:@酷coo豆 。公眾號:followdesign(平面設計學習日記)
序
平日里的一些關於色彩的文章或教程,它們更加側重現有色彩理論知識的陳述和經驗分享,但很少涉及到「為什麼」的層面,比如顏色的命名是多久開始的?為什麼色光三原色是紅綠藍?人們是如何從大自然中學會了調製顏色的?如何去正確的表述身邊的色彩?帶著這些尚未解決的疑問, @酷coo豆 撰寫了這篇文章,希望能帶給你不一樣的啟發。
為了寫好這篇文章,@酷coo豆 花費了大量時間,查閱了相關資料,時間從公元前跨越到公元後,涉及人物從上帝到人類,以及色彩相關百科知識,以求盡量做到措辭嚴謹。一周後的今天,如期呈現以下原文。
導語
上帝說要有光,於是萬物便有了色彩。色彩作為世間萬物最為顯著的外貌特徵,是最能引起人們注意的視覺元素之一。回想一下你在手機中尋找某個APP時,心中是不是也在默默地匹配這個應用的icon顏色?再比如我提到香蕉時,你首先聯想到的是香蕉的外形還是顏色?與此同時,色彩在平面設計領域中不但可以豐富版面樣式,還能恰如其分地傳遞版面的主題情緒,從而大大的激發人們對傳達內容的信任。
色彩的記憶-配圖↑↑↑:當提到某個APP時,你腦海中是否會立刻浮出這個APP的icon顏色?
源於人們對生活中色彩現象的不斷歸納總結,推理出了大量有關色彩的基礎理論,並創造出了諸多色彩相關的專業術語、以及知識文獻。在學習平面設計時,若要將其一一掌握,可不會少花功夫。不過今天,我們就暫且拋開已有的色彩研究理論、以及相關專業術語,一道來從簡單的色彩感官現象開始,一探色彩背後的真相!
一、顏色是怎樣形成的?
1.人們對色彩的認識和命名由來已久
在人類還沒學會如何調製色彩之前,顏色就已經存在。我們身處在五彩斑斕的世界裡,無不展露出大自然的鬼斧神工,大自然才是最偉大的設計師。早在公元年的唐代期間,就有了來自詩人白居易對色彩的描述「日出江花紅勝火,春來江水綠如藍」,以及杜牧的「千里鶯啼綠映紅,水村山郭酒旗風」。可見人們對色彩的認識和研究歷來已久。
光照下的乳石,呈現出絢麗的色彩↓↓↓
秋天的楓葉,由綠轉紅↓↓↓
傍晚的落日通紅↓↓↓
色彩鮮艷的果蔬,總會讓人垂涎欲滴。↓↓↓
2.公元前人類就學會了調製顏色
追溯到更早的公元前4000一前3000年,當時的埃及人已熟悉冶金術、陶器製造及顏料染色等。到了公元前1000年—前600年的西周到春秋期間,中國勞動人民已掌握絲帛的各色染法,學會了創造顏色。公元前5世紀,古希臘的人們就提出了月食成因,並認為月球因反射太陽光而明亮。直到公元1666年,一次偶然的機會,牛頓發現太陽光在經過三稜鏡後,會被分散成紅橙黃綠青藍紫的七色光,並得出:白光是由不同顏色的光混合而成的結論。這個發現便由此奠定了經典力學時代,對光學以及色彩研究的理論基礎。
3.有光才有了顏色
上帝說要有光,於是萬物便有了色彩。我們平日里能夠看見的顏色,其主要來源:一是由發光物體即光源自身發出的顏色,如紅綠燈、顯示器的顏色;二是來自於物體對自然光的反射。物體表面吸收了特定波長的光波後,不被吸收的光波反射至了我們的眼睛,我們便看見了物體的顏色,如印刷出來的書刊、平面海報。總而言之,顏色的形成是由於光和環境共同作用的結果,或者說:要有顏色,就要有光!
二、如何去製造顏色?
1.三原色的發現與理論完善
在學霸牛頓(1643-1727)發現了七色光後,他開始推論:既然白光能被分解及合成,那麼這七種色光是否也可以被分解或合成呢?經過一段時間的紛繁實驗,牛頓通過計算得出:七種色光中只有紅、綠、藍三種色光無法被分解,且無法被合成。而其他四種色光均可由這三種色光以不同比例相合而成。於是紅、綠、藍則被稱為「三原色光」或「光的三原色」。但這僅是他的推論,並未經由實驗得到論證!
一百年過後,又一個學霸——托馬斯·楊(1773-1829)出現了,老楊首次測出了7種光的波長,建立起更為完善的三原色原理,並提出:色彩取決於眼睛裡的三種不同神經,分別對紅、綠、藍最為敏感,一切色彩都可以由紅、綠、藍這三種原色以不同比例混合而成。這一原理,已經成為現代色彩研究的理論基礎!
2.要製造顏色,先要造光
比托馬斯·楊小4歲的丹麥物理學家奧斯特(1777~1851),在老楊人生晚年的1820年里發現了電流的磁效應,從中受到啟發後的英國物理學家法拉第(1791~1867)逆向思維,終於在1831年,發明了人類史上的第一個圓盤發電機。後來隨著一大批玩電的科學家不斷湧現,電力設備得到改善和大規模使用,電燈泡、發光二極體相繼被發明,人類學會了用電去造光。
3.RGB三原色光造色
人類學會了用電造光後,便依據前人的光學及色彩研究成果,製造出了能發出紅(RED)、綠(GREEN)、藍(BLUE)三種色光的光源,通過調節不同光量的比例,便能調製出成千上萬中的顏色。隨著單色光源的尺寸越做越小,無數個RGB組合依次隊列,縱橫平鋪開來,打包在一張的面板上,於是也就有了如今我們所看到的電子顯示屏。
回到我們常用的設計軟體Photoshop中,我們可以很輕鬆地分別控制R、G、B三個數值的比例,從而調製出不同的顏色來,這兒的數值大小對應著單個色光光源的發光強度。在8位色的RGB電子顯示屏或數字圖像中,每個色光光源的發光強度有2^8(即256)個級別,取值為從0到255。RGB三個光源,通過不同發光強度的比例組合可以構成256^3=16777216種顏色。這也就是為什麼早些年我們買顯示器時,常常會看到廠家標稱擁有1677萬色的緣由!作為一枚平面設計師,對於顯示器的選擇,歡迎大家文後留言和@酷coo豆 一起探討。
RGB三色光為加法混合,越多的顏色在混合在一起,顏色的亮度會更高。這三者數值相同為灰色,三者數值為0為純黑色,三者數值為255為純白色。
4.CMYK四色印刷造色
如果說利用三原色光調製色彩是由人類發明的話,那麼CMYK四色印刷的原理與運用只能算作是發現。在公元年前時,智慧的古埃及、和中國人已經懂得從自然環境中採集顏料,只是由於理論知識的匱乏和技術瓶頸,能調製出來的顏色非常有限。人類文明不斷的推演前進,人們從大自然中窺探到更多的奧秘,逐漸學會了用更少的顏料,調製出更多的顏色。直到現在,便有了平面設計領域所熟知的印刷四色模式。
即利用色料的三原色混色原理,加上黑色油墨,共計四種顏色混合疊加,就可混合調製成我們所能看到的大部分顏色了。其中四種標準顏色是: C:Cyan青色、M:Magenta洋紅、Y:Yellow黃色,K:Black黑色,四種顏色。
色料的混合為減法混合,越多的色料混在一起,顏色就會變得渾濁暗淡。CMYK四色模式是工業印刷催生出來的產物, CMY三色混合併不能像美術三原色(紅黃藍)那樣得到純黑色,因而需額外加入黑色油墨以壓暗色彩,再者就是在工業印刷過程中灰色、黑色頗為常見,而且CMYK四色印刷,相對於美術三原色的紅黃藍,能夠調製出層次更為豐富細膩的色彩來(即更寬泛的色域),所以無論是出於成本還是質量的考慮,採用CMY+K的四色印刷模式都是毋庸置疑的,CMYK四色印刷也因此就成了印刷行業的標配。
三、如何正確地表述色彩?
1.色彩的感性表述
學會了製造顏色,那我們該怎樣去準確的描述顏色呢?比如最常見的綠色,在人們口中常常會被描述為諸如:橄欖綠、孔雀綠、草綠色、墨綠色等不同的綠色;而紅色又有大紅、朱紅、橘紅、紫紅、粉紅之分;這樣的色彩細分,總能把我們對色彩的感官和具體事物相聯繫起來,我們姑且把它叫做色彩的感性表述吧。
這對於我們日常溝通交流,自然是夠用了的!但有一個問題是,你口中所說的草綠色,到底是我理解的老牛吃嫩草的嫩綠,還是灌木叢林中的那個老綠?顯然,設計師是一群較真的人,在設計具體實施中,對色彩可不能這麼含糊。我們得統一思想,尋找一個行之有效的度量標準,於是便有色度學這個概念。
2.色彩的理性表述
色度學,也就是將主觀顏色感知與客觀物理測量值聯繫起來,建立科學、準確的定量測量方法。比如上面所說的RBG以及CMYK模式的數值,也就是其中的兩種。與此同時,還有一種非常符合人眼對色彩的直觀感受的HSB模式。H、S、B三個字母分別代表了色彩的色相、飽和度、明度三大屬性。
其中H=hue,代表顏色的色相(或色別),比如我們口中所說的紅色、綠色、紫色就是不同的色相或色別。為了便於色彩的表述和研究,我們把光譜中可見光的色彩序列首尾相接,構成一個360°的色相環,一度就表示一種顏色!
S=saturation,代表顏色飽和度(或純度),在設計軟體中,飽和度的取值中為0~100。比如我們口中所說的顏色很鮮艷、扎眼、渾濁,描述的就是色彩的飽和度。再比如:過年時我們貼在外面的紅春聯,經過一段時日後春聯顏色退去,開始泛白,我們就說可以很裝地說:春聯的色彩飽度相比之前降低了不少,飽和度為零時也就是紙的本色。
B=Brightness,代表顏色明度(或亮度),就如一個5w和100的白熾燈的亮度有所區別一樣,這個還是很好理解的。在常見的平面設計軟體中,亮度的取值中也為0~100,為0時就是純黑色,為100時即為最亮。
總結
色彩從根本上說是光的一種表現形式,作為萬物的基本屬性之一,從宇宙誕生的那一刻起,世間便擁有了色彩。人類文明推演過程中,人們逐漸學會了給不同的色彩命名。破解了光的組成奧秘後,我們便掌握了調製色彩的本領。將這項本領應用在藝術設計領域,我們便可構造出另一個嶄新的世界!
以上便是@酷coo豆 整理的有關《寫給新人平面設計師的第一堂色彩課》的全部內容。更多有關「平面設計學習」的話題請持續關注@酷coo豆 或訪問平面設計學習日記網http://www.xxriji.cn。
更多專業的平面設計視頻教程,請移步:http://t.cn/RqRcUk9,適合入職0~3年的平面設計師朋友自學提升。
——
版權聲明
本文由@酷coo豆 原創,首發於「平面設計學習日記-知乎專欄」與「平面設計學習日記網」。非商業轉載請勿刪改原文,必須註明作者、原文地址;商業或培訓轉載請聯@酷coo豆 獲得授權;侵權必究。
如果覺得文章所有幫助,歡迎大家點贊支持或慷慨讚賞,最後感謝你的閱讀。
推薦閱讀:
※誒?設計理論竟變成玄學?Chapter One
※推薦:深入淺出!從零開始學配色(內附配色工具和方案)
※如何學習設計海報?
※搬家再多次都不忍割愛的一件傢具?我們問了10位設計師