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

2021-01-09 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

相關焦點

  • 家居色彩搭配的黃金比例!原來配色這麼簡單…
    家居色彩怎麼搭配才住得舒服呢?一般來講,一個空間的色調我們分為三大塊:基礎色、主配色、強調色,這三種色調有機結合,整個空間就會更加靈動、鮮活,讓家的色彩不再凌亂!
  • 裝修乾貨大全,了解這些裝修乾貨還為裝修發愁?
    那麼當你經費有限時,如何將裝修費用花到值得的地方這也是一門學問!下面來一起跟隨小編看看這些不可不知的裝修乾貨吧。     裝修乾貨大全,了解這些裝修乾貨還為裝修發愁?     裝修乾貨大全,了解這些裝修乾貨還為裝修發愁?
  • 最全的「色彩搭配」乾貨,掃盲配色小白
    ▼你對色彩認知多少?春天裡、春風中、春陽下,更是我們感受色彩的最佳時期。穿什麼顏色、表達什麼樣的情感,是我們學會穿衣搭配的前提。關於色彩相關的內容,洛薇也分享過不少。由於色彩是比較專業的,它是一門學科,是我們打開這個斑斕世界的鑰匙。
  • 乾貨丨昆汀色彩美學,這4種配色方案你必須懂
    昆汀就很擅長利用色彩為影片奠定基調。不過,想達到昆汀那種色彩大師的級別的話,你首先要了解電影調色中常見的四種配色方案。一、單色調單色配色方案由單一顏色的不同色調產生,比如紅色、暗紅色和粉紅色。它們能創造出一種柔和的、使人平靜舒緩的和諧感。《黑客帝國》是一個很好的單色調電影配色例子。該電影的世界裡幾乎每個場景都有綠色色調。
  • 紅黑配色為什麼經典?D1 Sport教你潮流色彩搭配
    從西方色彩學角度分析,紅色代表熱情、活潑和張揚,性格外向引人注目,是一種對人刺激很強的顏色。而黑色代表著深沉、莊重與神秘,性格沉穩內斂,是一種包容性很強的顏色。而當這兩種顏色搭配在一起,就能達到一種視覺感受的完美平衡,紅色不再過度耀眼,黑色不再過度單調,紅黑搭配成為冰與火的融合,象徵著掙脫牢籠的狂放生命力,堪稱時尚界永不過時的經典配色。
  • 不管怎麼穿,都要會配色,記住「色彩穿搭」秘訣,提升衣品分分鐘
    ▼ 您好,色彩!從今天開始,洛薇繼續理論乾貨之色彩系列分享。在這次的系列乾貨分享中,洛薇從實用的配色角度出發,帶你們領略不同顏色的基因魅力。從本質邏輯吃透它們,最終化為自己所用。 記住:每一種顏色都有自己的獨特魅力,我們的目的就是讀懂它,把它們放到合適的位置,為不同需求的美激發它們的光芒。
  • 年輪配色法,能幫你解決95%服裝色彩搭配問題
    你是不是也想像過,如果自己穿著一件顏色很跳躍的衣服是什麼樣的效果。但大部分人不太敢於嘗試,很大的原因就是不知道該如何進行搭配。今天,如果你如果看了這篇文章,再對著自己的心儀的衣服,我相信你會解決很多疑惑。好了下面開始進入正文,今天我們要圍繞「車輪配色法」進行討論。看看這裡面到底有什麼玄機。
  • 如何提高色彩運用的能力?繪畫初學者一定要知道!
    怎麼提高運用色彩的能力,讓畫面顏色有統一性和協調性?按系統學習的流程,首先都是先學素描,再學色彩。色彩是素描關係完整的情況下的一個延續,色彩搭配好看,50%取決於素描關係,50%取決於我們主觀的處理。色彩的運用在美術中是十分重要的,色彩運用得當可以讓一幅作品錦上添花;色彩運用不當,即便創作手法,概念再優秀,也不能稱之為優秀的美術作品。色彩運用幾乎是每一個繪畫初學者都感興趣的,但也是讓很多人難以掌握並靈活運用的。我們所說的色彩搭配一般為繪畫中的色彩,三原色為紅黃藍。下面所說的色彩搭配以光的三原色為基礎製作的色相環。
  • 學配色!色彩應該如何搭配?
    正確的配色方法,應該是選擇一兩個系列的顏色,以此為主色調佔設計作品的大面積,以其它少量的顏色為輔,作為對比襯託或用來點綴裝飾,取得多樣統一的和諧效果。總的來說,色彩搭配分為兩大類:對比色搭配語協調色搭配。色彩對比即是運用兩種或以上的色彩,在時間或者空間的作用下,凸顯出兩者之間的差別,從而出現對比效果,讓畫面呈現豐富多彩的形式,使層次感得以凸顯。
  • 色彩搭配速成!3個實用方法幫你全面搞定配色—UI博客精選
    即由某一種色相支配、統一畫面的配色,如果不是同一種色相,色環上相鄰的類似色也可以形成相近的配色效果。當然,也有一些色相差距較大的做法,比如撞色的對比,或者有無色彩的對比,但這裡先講述帶主導色的配色案例。
  • 學配色!需要爛熟於心的色彩搭配技巧
    當兩個補色並置時,它們處於最強的對比狀態,互補色配色是最具刺激性的色彩組合方式。高純度的黃色與紫紅色、紫色形成高度集中的互補關係,使畫面洋溢著溫馨、活力四射之感,而小面積的黃色在大面積的紫色襯託下,成為整個畫面的視覺焦點。
  • 水彩基礎,色彩關係、冷暖色調、色彩搭配知識講解
    只有學會了基本的色彩關係,我們才能將彩色作品畫得直擊人心。那麼,色彩的知識你了解多少呢?如何搭配顏色才能畫出更美的作品呢?請往下看吧色環上的色彩關係在繪製水彩之前我們要先了解一些色彩關係,我們配色時會用到對比色、互補色、同類色。
  • 跟大自然學配色!原來最高級的搭配法則,就在眼前
    我們現在所見到的很多顏色,其實本身就取自大自然,比如胭脂紅,就是從一種熱帶生長的胭脂蟲身上提煉而來;帝王紫則來自一種染色貝類的鰓下腺分泌物……在色彩學原理中,自然色系(區隔於人工合成色)也是專門的一類,它涵蓋的範圍很廣:從藍天到白雲,從泥土到海洋,從動物到植物——這些未經任何修飾的色彩,是大自然最原始的配色,並隨著時間、空間演變而形成的色彩面貌,給人們提供著賴以生存的「安全感
  • 看了那麼多的北歐風案例,還不會搭配色彩?千萬不要錯過這乾貨
    北歐風色彩搭配的秘訣要不要了解一下?小編今天就為大家送上一篇乾貨滿滿的北歐風家裝搭配實用貼。如果你也想裝一個美爆了的北歐風家,那就別錯過。色彩搭配篇·經典黑白灰這幾種色彩可謂是最安全的搭配了,也是大多數北歐風所採用的色彩搭配方案。通常以白色為基調,搭配灰色以及黑色,達到明與暗,剛與柔的對比。我們還可以從這三種基本上中選取一種當作主色調,從軟裝中融進別的色彩。
  • 看再多的色彩搭配,配色技巧還是不會配,get這份傻瓜式配色吧
    如果說穿搭的款式是個性,那麼配色就算是靈魂了,色彩對於我們的視覺衝擊來得更直接和猛烈,更能夠表達我們的情緒細節,這就是色彩的力量就如色彩才會有冷色調和暖色調,什麼配色口訣,冰淇淋,馬卡龍色系的搭配,但是看再多的色彩搭配,配色技巧還是不會搭配,因為這些色彩公式太乏味且難記了,根本不夠實用
  • 設計色彩搭配的方法技巧是什麼?配色有哪些訣竅?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 設計色彩搭配的方法技巧是什麼?配色有哪些訣竅?顏色在設計和日常生活中起著至關重要的作用。它可以吸引你的眼球。有時,它可以引發情緒反應。
  • 新手紋繡師基本知識:配色公式?色彩的要素……
    如何根據顧客的膚色,喜好等來調配;紋唇時如何的根據顧客唇面的底色,年齡等因素,調配合適的顏色等等……所以呢,掌握一些基本的顏色的知識,在配色時才能應用自如,是吧?今天且閒說紋繡,就和新手紋繡師從紋眉和紋唇的角度講一下,關於色彩的基本知識。色彩的三要素;色相、純度、明度色相:是指顏色的最大特徵。
  • 簡單的色環圖,帶你解鎖不同的配色方法,一起學習安排起來
    甜鳥在沒學習配色方法之前,也是全靠自己的感覺隨意搭配,出來的效果卻達不到我想要的效果。那麼接下來不如跟著甜鳥一起來學習一下配色方法,滿滿的乾貨,希望大家能夠喜歡並安排起來。甜鳥覺得使用同類色方法來配色後,畫面雖然看起來會整體單調一些,但是也最不容易出錯,整體畫面還是很協調的。02鄰近色配色法鄰近色指的是色相環夾角60°以內的顏色,相鄰的兩種顏色搭配,例如紅色和橙色,藍色和綠色。鄰近色比同類色多一點活力,色彩也容易掌握。
  • 乾貨|適合孩子的入門級天文望遠鏡挑選指南
    2.從基礎級看月亮套裝到真正的入門級天文望遠鏡都有哪些?3.配套使用的app幫你找到天空中最亮眼的星星!稍微留心會發現近幾年的電視劇或者電影裡,總是頻繁出現一類道具——天文望遠鏡,似乎在編劇眼裡,把觀星探月當愛好的人,一定會志向遠大。但是估計很多小白家長和小編一樣,剛開始看到這些天文望遠鏡,內心os都是「天文望遠鏡什麼的應該挺貴的吧?」
  • 機械錶大師:現在入門級手錶提高到2萬起步了?
    所以各大品牌的入門級手錶也開始越賣越貴。最近有表友想買浪琴手錶,問了一下朋友。朋友紛紛告訴他能歐不浪,浪琴現在太沒檔次了,現在低於2-3萬的手錶沒法戴、掉檔次。其實小編覺得他朋友的說法沒太大的毛病,算是現在主流市場的真實聲音。