配色技巧怎麼配?一起向瑞士色彩學大師學習配色

相信有在畫素描都ㄧ定這三種基本架構:形、色、質。外型能決定東西是什麼、顏色取決舒適度、質感則是細緻程度。達到這三種架構基本上在素描擁有不錯的邏輯。

轉換到平面設計通常也需要這三種架構,許多人最苦惱的在呈現顏色的配色部分燒腦,今天用比較能夠理解的理論的方式來說說配色技巧,這樣也可以在大方向去思考配色這件事。

CMYK V.S RGB

先談點CMYK跟RGB是什麼吧!簡單來說CMYK是越加越暗;反則RGB越加越亮。CMYK用在顏色配色部分,所以如果C(青藍色)+M(洋紅色)+Y(黃色)+K(黑色)這幾個顏色比例在100%的話就會是黑色。

那RGB部分很簡單的例子,電燈的顏色就是R(紅色)+G(綠色)+B(藍色)所組成的,所以一顆電燈泡加另一顆電燈泡就會越來越亮,所以RGB的混合會是白色。

K顏色本身為黑色故只有CMY

換句話說,製作影像軟體要輸出成實體東西就必須要設成CMYK;你如果輸出部分在於網頁或者動畫都必須輸出成RGB才行,不然的話顏色會崁入會錯誤。

色相環

談到對於色彩不得不談到一個有名的色相環。這個發明者是曾任職於著名的德國包浩斯設計學校的一名教授—約翰·伊登(德語:Johannes Itten,1888-1967)

Johannes Itten. commons.wikimedia

延伸閱讀《第一次世界大戰後成立設計界的經典:德國包浩斯設計學校

他認為色相環最基本總共有12基本色系,有分成三種一次基本色,第一次基本環是紅、黃、藍色系接著兩個互相加之後形成第二次色系去形成,接著一樣的去跟隔壁相加混和形成最終的12色理論。

著名的伊登十二色相環,是將可見光區域的顏色以圓環來表示.commons.wikimedia

不過,個人認為這個理論有一個盲點,因為他說第一次基本色代表這是不能混和的,所以前面剛剛談到CMYK會越加越暗,所以用顏料下去畫卻是跟理論不一樣。

當年在求學時代,課業上要繳交伊登色相環去畫,發現越畫越奇怪,而且顏料不會擠出來都是相等的,所以偷吃步的去買現成的(X)

不過伊登只是單純讓我們知道紅黃藍是不能再被分解還有配色技巧而已。

為了更簡單理解,暫時不談後面的曼塞爾表色系((Munsell System)奧斯華德表色系 (Ostwald System)以及自然色彩體系(NCS)這三個複雜理論,有興趣的話可能需要去爬文囉。

色彩基本要素構成

現在已經知道伊登色相環了,現在談談色彩基本要素構成有三個才能成立。

其一,色相;其二,明度;其三,彩度。

色相部分就是指不能再被分解的顏色,像伊登理論說第一次基本色就是色相;明度則是黑白的亮暗程度呈現,也就是說顏色被光照到之後反射光的多寡;彩度是飽和程度的部分。

配色有什麼技巧?

鄰近色

指的是在這基本12色之中,找一個顏色與它的鄰居就是類似色。

對比色

在這色環中也是一樣找一個顏色去抓它的對街顏色;也就是說一個指針定點轉180°就是對比色了。

其實在絕大部分藝術家使用對比色互相混和後將會是褐色會這灰色。

冷色系與暖色系

12色基本環中,紅黃橘為暖色系;冷色系為藍、藍綠、綠。

以上的論點透過伊登色相環去大方向探討配色技巧,不然其實你可以去其它配色工具去使用,這樣用久了就大概知道如何配色。

有什麼配色工具?

Coolors

該網站提供了免費自動配色,它前面會給你選擇你要用在網頁還是APP,選項進去後就能使用了。

Adobe color cc

我還蠻推薦這個配色工具,因為點進進去它的左邊會給你勾選類似色、補色、三元色群等,另外點擊探索後,首先會看到同個色系的配色,甚至還想去看其他人配色,右方表單即可點擊。

Flatuicolors

這個網站它會給你一格有20種配色,每一個都會有不同的配色以及相似的顏色,據資料顯示這應用在扁平化設計上,個人認為看到喜歡就用吧!

在〈“配色技巧怎麼配?一起向瑞士色彩學大師學習配色”〉中有 6 則留言

  1. 我也時常為了配色的問題而煩惱,感謝版主推薦了這麼多實用的配色工具,希望可以配到理想的顏色!

  2. 有免費自動配色的網站太棒了!
    之後想要做一些簡單的圖文放在網站上可以用到
    謝謝分享!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *