相信有在畫素描都ㄧ定這三種基本架構:形、色、質。外型能決定東西是什麼、顏色取決舒適度、質感則是細緻程度。達到這三種架構基本上在素描擁有不錯的邏輯。
轉換到平面設計通常也需要這三種架構,許多人最苦惱的在呈現顏色的配色部分燒腦,今天用比較能夠理解的理論的方式來說說配色技巧,這樣也可以在大方向去思考配色這件事。
內容目錄
CMYK V.S RGB
先談點CMYK跟RGB是什麼吧!簡單來說CMYK是越加越暗;反則RGB越加越亮。CMYK用在顏色配色部分,所以如果C(青藍色)+M(洋紅色)+Y(黃色)+K(黑色)這幾個顏色比例在100%的話就會是黑色。
那RGB部分很簡單的例子,電燈的顏色就是R(紅色)+G(綠色)+B(藍色)所組成的,所以一顆電燈泡加另一顆電燈泡就會越來越亮,所以RGB的混合會是白色。
換句話說,製作影像軟體要輸出成實體東西就必須要設成CMYK;你如果輸出部分在於網頁或者動畫都必須輸出成RGB才行,不然的話顏色會崁入會錯誤。
延伸閱讀《讓Adobe Illustrator幫你快速填色,達到最強效率!》
色相環
談到對於色彩不得不談到一個有名的色相環。這個發明者是曾任職於著名的德國包浩斯設計學校的一名教授—約翰·伊登(德語:Johannes Itten,1888-1967)
延伸閱讀《第一次世界大戰後成立設計界的經典:德國包浩斯設計學校》
他認為色相環最基本總共有12基本色系,有分成三種一次基本色,第一次基本環是紅、黃、藍色系接著兩個互相加之後形成第二次色系去形成,接著一樣的去跟隔壁相加混和形成最終的12色理論。
不過,個人認為這個理論有一個盲點,因為他說第一次基本色代表這是不能混和的,所以前面剛剛談到CMYK會越加越暗,所以用顏料下去畫卻是跟理論不一樣。
當年在求學時代,課業上要繳交伊登色相環去畫,發現越畫越奇怪,而且顏料不會擠出來都是相等的,所以偷吃步的去買現成的(X)
不過伊登只是單純讓我們知道紅黃藍是不能再被分解還有配色技巧而已。
為了更簡單理解,暫時不談後面的曼塞爾表色系((Munsell System)、奧斯華德表色系 (Ostwald System)以及自然色彩體系(NCS)這三個複雜理論,有興趣的話可能需要去爬文囉。
色彩基本要素構成
現在已經知道伊登色相環了,現在談談色彩基本要素構成有三個才能成立。
其一,色相;其二,明度;其三,彩度。
色相部分就是指不能再被分解的顏色,像伊登理論說第一次基本色就是色相;明度則是黑白的亮暗程度呈現,也就是說顏色被光照到之後反射光的多寡;彩度是飽和程度的部分。
配色有什麼技巧?
鄰近色
指的是在這基本12色之中,找一個顏色與它的鄰居就是類似色。
對比色
在這色環中也是一樣找一個顏色去抓它的對街顏色;也就是說一個指針定點轉180°就是對比色了。
其實在絕大部分藝術家使用對比色互相混和後將會是褐色會這灰色。
冷色系與暖色系
12色基本環中,紅黃橘為暖色系;冷色系為藍、藍綠、綠。
以上的論點透過伊登色相環去大方向探討配色技巧,不然其實你可以去其它配色工具去使用,這樣用久了就大概知道如何配色。
有什麼配色工具?
Coolors
該網站提供了免費自動配色,它前面會給你選擇你要用在網頁還是APP,選項進去後就能使用了。
Adobe color cc
我還蠻推薦這個配色工具,因為點進進去它的左邊會給你勾選類似色、補色、三元色群等,另外點擊探索後,首先會看到同個色系的配色,甚至還想去看其他人配色,右方表單即可點擊。
Flatuicolors
這個網站它會給你一格有20種配色,每一個都會有不同的配色以及相似的顏色,據資料顯示這應用在扁平化設計上,個人認為看到喜歡就用吧!
你可能會喜歡的文章….
■國際設計比賽有哪些?你也可以設計人更是厲害的設計強者!
■圖文設計編排是什麼?7種創造強而有力的圖文設計旁白
■極繁主義設計是什麼?蘇格蘭唯一獨立的藝術學院都在教極繁主義
■第一次世界大戰後成立設計界的經典:德國包浩斯設計學校
■什麼是錯視?運用視覺設計的錯視去欺騙別人,甚至還心甘情願的被騙
■後現代主義的集結—難以定義的趣味多樣化後現代主義
■ 洛可可是什麼?特色有哪些?形狀怪異的珍珠再次以不同姿態發光
我也時常為了配色的問題而煩惱,感謝版主推薦了這麼多實用的配色工具,希望可以配到理想的顏色!
有免費自動配色的網站太棒了!
之後想要做一些簡單的圖文放在網站上可以用到
謝謝分享!
好實用唷!!!
直接三個網站都存下來!!!!
覺得介紹的很棒耶
有時候是真的會不知道該怎麼配色
有這些輔助的話肯定很加分
謝謝分享^^
謝謝版主分享,後面三個工具也太實用了!馬上存到我的最愛
Спасибо за пост
Спасибо за ответ
Thank you very much for the information provided
I’m very impressed
Thank you!!!