色彩入門級乾貨,讓你配色不再發愁

2020-12-16 AAA教育IT培訓

「那落日的餘暉以及地中海碧藍的色彩所傳達的表現性,恐怕是任何確定的形狀也望塵莫及的」

-魯道夫.阿恩海姆

前言

做一個好「色」設計師,色彩可以向用戶傳遞不同層面的視覺信息,所以不同的色彩也都被人們賦予了不同的內涵和氣質。

很多剛接觸色彩的同學覺得配色好難,其實色彩美極具嚴謹的科學性。因此系統的色彩理論和構成方法以及規律弄懂、弄通就是色彩搭配的捷徑。

今天,聊聊光與色、色彩三要素、色輪等色彩理論和以及相關理論如何配色等基礎的色彩知識

一牛頓與光學原理

沒有光就沒有色。

英國物理學家牛頓在劍橋大學的實驗室裡,把太陽光從一小孔引進暗室(實驗室)。透過來的白而亮的光通過三稜鏡後,照射在熒幕上,呈現出一條十分美麗的彩帶,顏色依次是紅、橙、黃、綠、青、藍、紫,從而揭示了光學原理,也解釋了彩虹的形成原因。

二色彩的產生

光是電磁波的一種,所以也叫光波。自然界中被光照射後物體所反射的顏色。

電磁波

電磁波包括宇宙射線、X射線、紫外線、可見光和無線電波,這些光線是客觀存在的物質,並都有自己的波長和振動頻率。

通常所說的色彩是能夠引起色覺的部分——電磁波,這段波長稱為可見光,其餘波長的電磁波都是肉眼看不見的,故稱為不可見光。可見光的波長範圍是380~780nm的電磁波;紅外線的波長範圍是大於780n m的電磁波;紫外線的波長範圍是小於380nm的電磁波。

光源

能發光的物體叫光源,簡單地說就是自發光。所發出的顏色即為光,看到的顏色是光的顏色。例如,太陽光、燈光、火光、螢光等。

同一物體被不同光源照射也會發生改變。例如,樹在白光的照射下呈綠色,在不同顏色的照射下呈現不同的色彩。

其次,人們有正常的色覺以及生理、心理對色彩感覺的影響。

三自然色彩與物體色彩

自然色彩

大自然給人們帶來了千變萬化的色彩,主要是受到太陽光影響。太陽光通常被認為是自然光,在太陽光照射下的物體的顏色基本呈現相對穩定的色彩。物體受光的照射後,一部分光被吸收,其餘的被反射或透視,形成了不同的顏色;晚上,由於月光是太陽照在月球上的反射光,人們是無法辨認顏色。

例如:看到物體是紅色,不是這個物體是紅色的,而是這個物體將紅光以外的光全部吸收,只把紅光反射出去,所以我們看到這個物體是紅色,也就是是所謂的色,比如紅蘋果。

繪畫色彩(了解即可)

繪畫色彩就是物體在光照射下所呈現的豐富色調,隨著空間環境對物象的影響和光源色的變化,物象的色彩也會隨之發生變化,常說的有物體色、環境色、光源色。

物體色:物體本來的顏色,又稱為固有色,並以此區別於其他物體的顏色。

環境色:物體所處環境的顏色稱為環境色。

光源色:光源所發出的光的顏色稱為光源色,一般太陽光、燈光、火光等光源發出的光是呈黃色和紅色的。

四 色彩分類和3要素配色法

色彩分為無彩色、有彩色和金屬色3大類

無彩色:黑、白、灰屬於無色彩色,有明暗,沒有彩色色調。

實用配色法:許多藝術家偏好在無彩色的環境中創作,因為這些顏色能透過具張力的陰影和亮部直接地呈現效果。

注意事項:避免在UI中使用純黑(#000),一般選擇暗灰色。純黑色和其他顏色搭配時,對比太過於明顯,會感覺比較死板且看久了眼睛容易不舒服,多使用明度值低於30%或者高於70%的灰色。

有彩色:光譜中的全部色都是有彩色。紅、橙、黃、綠、藍、紫為基本色。

實用搭配:見色輪搭配法。

金屬色:指金銀銅等有金屬光澤的色彩。(不常用)

色彩3要素

色彩具有色相、明度、純度三種差別,也稱為色彩的三要素。

色相:就是色彩的相貌,用來區別色彩的名稱,比如紅色。

一般情況下:色相控制在三個以內,色相越少,越容易把控,越不容易亂。配色比例:70% 主色、25% 輔助色、5% 點綴色。

明度:色彩的明亮程度,分為以下兩種情況。

1-同一色相的明度變化:同一顏色加黑或加白以後產生不同的明暗層次。

2-各種顏色的明度變化:顏色本身具有明度屬性。

實用配色法:

黃色的明度最高,它最接近白色,經常用作警示色,比如:安全帽、工程車輛的塗裝以及公路上的危險警示牌;

藍色的明度最低,它更接近黑色,比如:鋼筆墨水。

黃色夜裡傳播的距離不遠,藍色在大氣中具有高度的散射作用,所以黃色會被用在近距離下的轉向燈,而藍色常常被應用在救護車的警報燈。

紅綠等色為中間明度。

平面設計中的色彩搭配原則,就是在保證信息傳達的基礎上進行顏色的組合搭配。所以文字的辨識度上,文字和背景明度的對比越大辨識度就越高。

黑明度最低,白明度最高,對比度最大,所以生活中經常使用白紙黑墨。把最亮的顏色和最暗的顏色替換畫面中的黑色和白色,所以黑黃、白藍、黑藍黃是最經典的配色。

純度:色彩的純淨程度,也叫飽和度和彩度,能夠區別色彩鮮明與灰暗程度。

物體表面結構不同,色彩純度也不一樣。同等條件下,表面光滑的物體比表面粗糙的物體的色彩純度高,比如絲織品比棉織品色彩鮮豔,是因為絲織品表面光滑。

明度、純度實用搭配法

單色搭配

是指通過對同一顏色,加上10-90%白色或黑色的透明度層後獲得的一組顏色。

在ps中通過調整黑色或白色層的透明度,可以得到不同的單色,他們互相之間都能很好地調和。對於顏色拾取器掌握得更加熟練後,你可以通過不改變色相,而上下拖動調整明度和飽和度的方法來獲取一個新的單色。

通常也會和黑白灰組合出現結合,屬於不太吸引關注的風格。

色彩3要素使用技巧:

1、色彩搭配時,色調調整也會同時變化明度和飽和度。即純色越接近白色,它的飽和度就會越低,明度越高;越接近黑色,明度就越低。

2、在設計中提升文字辨識度2種方法:修改色相和修改色調,使得畫面看起來更和諧統一。統一的過程中也並不是單純數值的一致,而是視覺的統一,因為色相本身也是有明度變化。

3、作為設計師,HSB色彩模型更加好用,因為色相,飽和度,明度是我們大腦對色彩理解方式,所以要熟練使用。

五色彩的組合

色光混合RGB

也稱為加色混合和正混合,一般用於舞臺照明和攝影 ,色光三原色:紅、綠、藍。

也稱為減色混合,通常指色料的、物理吸收性色彩的混合,混合後的色彩在明度、純度上會有下降 。

三原色:品紅、檸檬黃、青

疊色:指透明物重疊時所得新色的方法。印刷上的網點製版印刷就是紅黃藍黑四色網版相疊加混合而成的。

六 色輪(色環)搭配法

色輪是一種說明圖示,用圓圈顯示12或24、48種等顏色,用來表示每種顏色之間的相互關係。(以12色環為例)

三原色:一般指紅、黃、藍,原色塑造了色彩理論的基礎。把這些顏色調配在一起時,就會產生二次色和三次色以及介於兩者中間的所有色相。

二次色:也叫間色,是由兩種不同的原色等比例調配而成的顏色。

黃色和藍色混合就會創造出綠色

黃色和紅色混合就會創造出橙色

藍色和紅色混合創造出的是紫色

三次色:也叫複色,是透過混合相鄰的原色和二次色調配而成。

比如:把一個原色黃色和二次色綠色混合就會創造出黃綠色。

三次色的名稱都是以相鄰的原色加上相鄰的二次色命名,比如黃綠色而不是綠黃色。

實用搭配法(12和24色環為例):

1-同類色

2-鄰近色

在ps中將色相值增減 30-50,就能得到一個新的鄰近色。

3-類似色

4-中差色

5-互補色

前方高能,可能引起眼睛不適

閃瞎眼的搭配

以紅色和青色為例:

在CMYK減色模式下,青色和紅色相遇時會得到黑色,因為紅色本身就是品色和黃色的混合,所以它和青色混合後就直接能夠得到黑色。

當採用RGB加色模式時,紅色和青色混合就能得到白,因為青色就是藍色混合後得到的。由於對比色和互補色之間的衝突關係,色彩邊緣會產生白色的閃光或者黑邊,看久了很不舒服。

解決方法

統一色調或者加入間隔色,可以是黑白色、同類、鄰近色等。

加入黑白

加入間隔色

6混合搭配

同類色、鄰近色、中差色、互補色之間還可以相互結合,靈活運用,形成更具有變化性的配色。小白使用此方法要保持色調統一。

申明:本文中部分圖片和內容來自研習社《趣味色彩搭配法》和技匠《【設計談】色彩》。

以上是色彩的基本理論和相關的實用搭配,接下來分享一個超級好用的色彩網站更好的幫助你理解和使用色彩:Adobe Color

相關焦點

  • 家居配色太難懂?至少這些入門級乾貨要知道!
    色彩在家居設計中一直都扮演著非常重要的角色,當我們走進一個空間時,往往是色彩在第一時間觸動我們的感覺,無論是喜歡還是討厭,它都會給我們留下深刻的印象。其實貌美的家居配色並不需要花大價錢去改造,只要掌握正確方法,低成本也能配出高級感哦~色彩的基礎小知識大家都知道紅、黃、藍是三原色,由這三色混合搭配可以衍生出多種多樣的顏色。
  • 家居色彩搭配的黃金比例!原來配色這麼簡單…
    家居色彩怎麼搭配才住得舒服呢?一般來講,一個空間的色調我們分為三大塊:基礎色、主配色、強調色,這三種色調有機結合,整個空間就會更加靈動、鮮活,讓家的色彩不再凌亂!
  • 孟菲斯色彩搭配的跨界玩法,感悟經典配色魅力
    大師級的配色方案,總可以被靈活運用到各行各業,煥發新生命。今天,我們一起看看色彩的跨界玩法,感悟下經典配色的魅力。有一種神仙配色,也許你從來沒聽過這個名字,或者聽過卻不怎麼熟悉, 但當你看到它們的真面目,你一定會啊啊啊啊——原來是它,真是太好看了!今天我們就來了解一款:你超眼熟,但就是叫不出名字的大師級配色!
  • 還在為配色發愁?基礎色打造氣質風,娘man平衡優雅與帥氣並存
    導讀:還在為配色發愁?基礎色打造氣質風,娘man平衡優雅與帥氣並存各位點開這篇文章的朋友們,想必都是很高的顏值吧,我們真的是很有緣哦,小編每天都會給大家帶來不一樣的時尚資訊,如果對小編的文章或者其他的什麼,有什麼一些意見的話歡迎在下方積極評論哦,小編每條都會認真看的。
  • 細分入門級踏板車,新大洲本田NS125-T煥新上市
    提到入門級125CC踏板,對應不同的騎行需求,我們一般用尺寸將車型進行分為12寸輪轂的通路型車型和10寸輪轂的緊湊型車系。而各大廠商也在不斷的提升自己的產品力。近些年國內市場中這類入門級踏板車型按照法規要求全部硬性升級為電噴之後,整個入門級市場大洗牌,曾經廉價低配工藝較老的產品逐漸淡出舞臺。而以本田為首的主打技術產品力的新車型也逐漸上市。
  • 美津濃為Monarcida Neo系列推出全新配色
    時隔近5個月後,美津濃為旗下Monaricda Neo系列足球鞋進行首次色彩更新。該系列中的6款戰靴以充滿夏日風情的全新色彩亮相,力助業餘玩家們在今夏賽場上拿出更出色的賽場表現。將觸感與輕量化集於一身的Monarcida Neo JAPAN足球鞋以充滿日式簡約風格的白/黑/銀配色亮相,讓穿著者在炎熱的夏季賽場能夠心平氣和地迎接各路挑戰。
  • 不管怎麼穿,都要會配色,記住「色彩穿搭」秘訣,提升衣品分分鐘
    ▼ 您好,色彩!從今天開始,洛薇繼續理論乾貨之色彩系列分享。 好了,回到色彩。在這次的系列乾貨分享中,洛薇從實用的配色角度出發,帶你們領略不同顏色的基因魅力。從本質邏輯吃透它們,最終化為自己所用。
  • 時尚從色彩開始,3種色彩搭配方法,讓你的冬季穿搭不再單調
    裡面搭配一條淺綠色的印花連衣裙,藍綠的配色生機勃勃,而且碎花裙的輕盈也打破了人們對冬天的一貫印象,如果你是喜歡輕裝的女生可以試試這一套。 如果你覺得一身都是馬卡龍配色接受無能,但又想穿出少女感,也可以試試用基礎款來搭配馬卡龍,圖中上半身為修身粉色棉服,外套十分板正,讓人看上去很精神,下半身配一條牛仔緊身褲,緊緻帥氣
  • 紅黑配色為什麼經典?D1 Sport教你潮流色彩搭配
    從西方色彩學角度分析,紅色代表熱情、活潑和張揚,性格外向引人注目,是一種對人刺激很強的顏色。而黑色代表著深沉、莊重與神秘,性格沉穩內斂,是一種包容性很強的顏色。而當這兩種顏色搭配在一起,就能達到一種視覺感受的完美平衡,紅色不再過度耀眼,黑色不再過度單調,紅黑搭配成為冰與火的融合,象徵著掙脫牢籠的狂放生命力,堪稱時尚界永不過時的經典配色。
  • 100種配色選擇 賓得Q10自主選色系統上線
    作為一個歷史悠久的相機廠商,理光映像的入門級別產品素以配色選擇豐富而著稱。最近理光映像聯合京東商城推出了無反光板可換鏡式相機Q10的選色模擬系統。用戶可以在選色模擬器上選擇20種機身顏色和5種手柄顏色,排列組合總共達到100種配色可供選擇,定製極具個性的相機配色。下面我們就來看一下這個Q10選色模擬器(點擊連結):
  • 配色也有黃金比例!5分鐘看懂色彩搭配規律,原來這麼簡單!
    關於配色,不知道多少人感慨過:看過很多配色方案,讀過很多配色攻略,可惜臨到自己家裝修,依然頭疼配色。簡而言之就是:照片看得懂,就是不會搭!不過別急,今天齊家慄子就給大家來點乾貨,讓你從此一個「配色公式走天下」!【黃金配色公式】這個公式很簡單,基本上是建立在三個顏色為基礎上的,即一個空間的顏色儘量不超過3個色。
  • 非專業人士配色用它們就夠了「配色app」
    日常生活工作中配色無處不在,不論生活中的穿搭、家居、手帳、筆記等,還是工作上的PPT、UI、廣告、平面等,都需要色彩的搭配。不是設計專業的想要擁有自己風格的文字效果或者自己設計作品的配色方案,找不到好的方案,下面這篇文章給大家推薦特別方便的工具,讓你輕鬆找到自己相類似的作品配色方案。色彩 - 配色助手 色卡工坊這是一款寫給大家用的配色APP,無論是配色初學者,還是專業設計師都能通過應用內提供的多種配色方式,尋找配色靈感,輕鬆搭配出好色彩。
  • 入門級女生羽毛球拍推薦(實用篇)
    女士羽毛球拍,主要有兩個明顯的特徵,一是顏值一定得高,一定得靚,配色必須女性化為主;另外一點就是要輕量化一些,女孩子力量畢竟不如男孩子。根據這兩個明顯的球拍特徵,結合入門級這個定位標準。小編推薦優個網上值得購買的5款入門級女生球拍,相信一定會給你一個更好的參考和指導意義。
  • 超實用的色彩搭配教程,讓你從小白進階為配色大神!
    新手如何學習繪畫配色?怎樣才能畫好插畫繪畫配色?畫好插畫繪畫配色有哪些技巧?想必這些問題都是繪畫初學者們比較傷腦筋的問題,那麼到底怎樣才能畫好動漫插畫繪畫配色呢?在網絡上收集整理了關於超實用的色彩搭配教程,讓你從小白進階為配色大神!
  • 色彩| 你離用好可視化配色,還要踩幾次坑?
    原創 Kay VisIt有視沒事一個精心設計的可視化配色能充分發揮人腦對色彩與生俱來的高效處理能力,幫助讀者更快更好地從可視化中獲取有意義的信息;相反,糟糕的配色會阻礙讀者對信息的理解,讓你的可視化更難懂,可能還不如不用。
  • 彩鉛測評|飛樂鳥《少女心de色鉛筆入門》
    今天推薦的是飛樂鳥《少女心de色鉛筆入門》,這本彩鉛教程,拿來收藏看著都覺得心情非常好。高明度但卻不豔麗的少女系配色,不會落入一種矯揉造作的俗套,更顯元氣滿滿,在臨摹的過程中,仿佛35歲的老菜,也開始變得年輕了起來啊……ヽ(o`皿′o)。
  • 學配色!色彩應該如何搭配?
    正確的配色方法,應該是選擇一兩個系列的顏色,以此為主色調佔設計作品的大面積,以其它少量的顏色為輔,作為對比襯託或用來點綴裝飾,取得多樣統一的和諧效果。總的來說,色彩搭配分為兩大類:對比色搭配語協調色搭配。色彩對比即是運用兩種或以上的色彩,在時間或者空間的作用下,凸顯出兩者之間的差別,從而出現對比效果,讓畫面呈現豐富多彩的形式,使層次感得以凸顯。
  • 這4個配色技巧,解決你80%色彩問題
    色彩的情感看過色彩心理學的同學都知道,除了美學外,顏色是情感的創造者,顏色的含義因文化和環境而差異化,在色彩心理學裡面,不同顏色和含義是不盡相同。1. 紅色紅色通常與激情,熱情聯繫在一起,在設計中,紅色的使用能很好的吸引用戶,我們經常被運營或產品說這個地方按鈕要大,按鈕要紅。
  • 設計師必備的10個配色網站,強烈推薦!
    如果說排版是設計的骨頭,那麼配色就能算得上設計的靈魂,配色配的好絕對讓你的作品加分不少。今天獅兄就給大家分享10個設計師必備的配色網站,能讓你找到最合適的配色方案。既適合資深設計師也適合業餘愛好者,貼心的剪裁可以讓你無縫對接到你想應用的界面。NO3.Adobe color cc這是一個由設計師分享配色方案的一個平臺,有成千上萬的預製配色方案。在ps上自帶了一個插件,你可以直接調用上面的色彩方案,並且非常方便的應用到你的設計稿裡。
  • 學配色!需要爛熟於心的色彩搭配技巧
    選擇什麼樣的色彩進行搭配很大程度上取決於設計作品所要傳達的信息,合理的對色彩進行搭配,可引起觀者的興趣和共鳴,同時也可有力地傳達出作品所要表達的含義。客觀事物總是必須按照其自身的規律才能有條不紊地發展和演變,在色彩搭配構成中也是如此,只要掌握好色彩的搭配方法,就能取得統一協調的設計效果。