顏色竟然能牽動情緒?透過配色來抓住眼球

💡此篇文章是伊恩鹹鹹共同撰寫

前言:為什麼要學配色?

你要做 ppt 時會因為不知道怎麼配置版面的配色時而感到苦惱嗎?

許多人在配色時,心中可能會跳出兩個問題:

  1. 為甚麼別人的 PPT 看起來很舒服,自己的畫面卻有點土
  2. 顏色搭配那麼多,要怎麼找到適合的配色

不要擔心,這篇文章我會幫助你認識色彩的基本知識,並分享配色的技巧和參考資源。

幫助你找到色彩搭配的樂趣!

讓你設計的版面看起來更吸睛、抓住觀眾的眼球!


色彩中三大屬性的基本介紹

當我們初學色彩有三個屬性要先認識他們,它們分別是:

  • 色相(hue):色相其實就是顏色,例如 : 紅橙黃綠藍靛紫
  • 飽和度(saturation):在顏色中加入多少的灰色,加越多灰飽和度越低
  • 色調或明度(亮度)(value or brightness):在顏色中加入多少的白色或黑色,加越多白明度越高,反之,加越多黑明度越低

而這三個屬性的結合我們稱為 hsv (hsb、hsl) 色彩模型。

了解了這些屬性的變動可以幫助我們更直覺地看到顏色明暗深淺的變化。


什麼是色環?

色環可以幫助我們很直觀的判斷每個顏色間不同的關係。

透過色環,一眼就可以看出誰是誰的互補色、對比色或是類比色。

互補色:

指的是在色環上相差 180 度的顏色,像是綠色的互補色是紅色。

對比色

為圖中白灰色範圍內的所有色彩,色彩區間差不多是 120 度到 150 度之間。

你有發現嗎?

原來互補色和對比色並不一樣,

差別是互補色只有一個,而對比色能有多個

類比色

色環上小於 90 度內的鄰近色彩

再來我想介紹色彩背後所傳達的訊息,方便我們未來在做配色時可以更精準。


不同色彩的情緒

在日常生活中我們可能都有過被顏色牽動情緒的經驗。

而每個顏色中會有正反的兩種意義,例如:

我們要注意的是色彩所帶來的情緒和語言其實是主觀的並非絕對。

每個人都有可能因為自己的生活經驗不同,而對每個顏色有不同的感覺。

這也使配色表達變得更佳靈活多變!

理解了色彩的基本名詞和色彩情緒後,我們要認識基礎的配色法則,幫助我們選擇更適合的顏色。


提升畫面質感的基礎配色法則

如果你不清楚怎麼配色比較好,可以參考這兩個基本法則:

  1. 顏色搭配盡量不要大於三種:過多的顏色會讓畫面混亂
  2. 遵守 60、30、10 的配色法:也就是選擇三種顏色,主題色佔畫面 60%,第二配色佔畫面 30%,第三配色佔畫面 10%

這樣可以讓我們的畫面簡單、配色清楚,讓觀眾看得舒服!

如果你有想要特別凸顯的風格,可以在下方的進階配色法中選擇你想要的風格:

  • 單色配色法:固定一個顏色後,只改變明暗和飽和度
  • 類比配色法:選色環中左右相近的顏色,畫面效果柔和
  • 互補配色法:色環中相差 180 度的顏色,給人的視覺衝擊最為強烈
  • 分割互補配色法:和互補配色法很相似,只是在對面多選擇了一種顏色,給人的感覺有衝擊但不會過於猛烈
  • 三等分配色法:在色環中劃出正三角形,頂點的顏色是我們要找的色彩,畫面看起來更加繽紛
  • 矩形配色法:在色環中劃出矩形,包含長方形,但要注意顏色使用比例的拿捏不能都很相似,要有主次關係

以上介紹的配色法可以初步改善畫面的美觀程度,但這並非絕對的定律。

因為配色法其實也只是一種尋找配色靈感來源的工具。

最重要的還是配色後,自己看,或是請朋友看有沒有符合自己想要的效果


實戰:如何找到最好的配色方案?

我們可以運用之前介紹的色彩情緒和配色方法,來美化畫面並更清晰地傳達訊息給觀眾。

我將這個過程分為三個步驟:

步驟一:確立自己的主題色彩

配色前,先預想觀眾的情緒反應

例如對方看到畫面後,會感到愉快、嚴肅或難過?

然後參考色彩情緒表格來選擇合適的主題色。

步驟二:找出搭配色

確定主題色後,我們可以參考配色法則,去找出我們是希望畫面看起來和諧,還是有衝擊力的?

接著找出點綴主題色的其他色彩,記得色彩的選擇盡量不要大於三種顏色

並且選出搭配色後,要跟主題色放在一起看看,兩者有沒有和諧。

步驟三:做 60-30-10 的色彩分配

選好了三種色彩後,我們要讓主題色佔畫面的 60% 左右,其他顏色按照 30%、10% 的比例分配在畫面當中。

相信照著上述的步驟操作可以找到配色的方向與靈感,讓色彩搭配變得不再困難苦惱。


如何增進自己的配色實力?

我推薦這些網站來找靈感或是做顏色搭配的實驗:

看完這篇文章後,你可能了解了基本的配色原理,但是並不代表你能完美的配出理想中的顏色。

因為配色是需要大量的練習以及經驗的積累

希望讀到這裡的你能對色彩有進一步的認識,不再對不知道要怎麼搭配顏色而苦惱。

但要記得時常練習,才能真正的學會配色


課後配色練習

如果你想開始練習配色,可以用 coolors 這個網站試試看。

進入網站後會有五張色卡,點選色號,就可以開始自己選顏色練習了!

你可以把練習的作品發到我的畫畫社團,讓喜歡繪圖的大家一起互相交流,欣賞色彩的魅力。

很期待你的分享喔!


您可能也會有興趣的文章

謝謝你看完這篇文章,如果喜歡我的創作,也想支持我持續提供免費且有價值的內容,可以贊助我,你也會定期收到會員專屬的內容

喜歡這篇文章嗎?

加入畫WOW!訂閱免費 email 電子報,定期收到最新的文章畫畫技巧激發思考的問題。一起成長吧!

訂閱簡易表單

如果內容不適合你,可以隨時取消訂閱

你也可以:加入Discord社群

這是一個讓大家討論繪畫技巧、自我成長、自媒體經營等的社群,可以在這裡與大家分享你的知識,或是得到許多不同的想法。邀請你進來一起聊聊,伊恩也會在裡面跟大家一起互動喔!很期待你的加入!

Similar Posts

發佈留言

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