平面設計配色學習（平面設計大神來啦）

2023-04-14 21:12:17 1

大噶好，我是圖圖妹，醞釀了很久的設計小課堂，終於開課啦~

​

今天為大家請到了矩陣互動的董老師，聊聊設計配色那點事兒。

· 本期嘉賓 ·

董老師

矩陣互動矩陣創壹設計總監

圖圖妹：

董老師，簡單跟大家介紹一下自己吧。

董老師：

大家好，我是矩陣互動矩陣創壹的董老師~

在大學期間除了玩樂隊，參加ONESHOW之類的國際性比賽之外，最喜歡的就是畫畫。

但是我只畫黑白，因為當時對顏色非常不敏感，沒想到畢業以後會做設計這麼可怕的事情(本以為會做畫家或者歌手什麼的)。

圖圖妹：

對顏色不敏感？您說的是色弱嗎？

董老師：

是的，但是就連我這樣的色弱都能掌握很好的配色，這是為什麼呢？

圖圖妹：

難道。。。是因為色弱治好了？

董老師：

咳咳……那倒不是。除了董老師天賦異稟，最重要的是遇到了王重陽級別的高手指點，今天我就把師傅教我的入門絕技分享給大家。

圖圖妹：

以下為分享全文，根據平颱風格有適度調整：

顏色這個東西，是設計的幾大要素之一，其餘的還有版式、元素之類以後再聊。

首先我們來看一下色環

從色環中，我們就可以提取出所需要用的顏色，它們分別是：

另外常用的還有黑白灰，值得強調的是，黑白不屬於顏色。

上面的顏色雖然是董老師隨便吸取的，但是已經融入了董老師的血液和經驗，以及汗水，所以大家可以直接使用。

顏色的使用範圍

說完了常用顏色，再簡單的普及一下顏色的使用範圍。

我們說顏色被行業固定，什麼樣的產品使用什麼樣的顏色，科技藍、食物黃、高端黑、國旗紅都能很好的反映問題，下面我用節日來給大家舉一些例子。

1

做政府相關，或者攻擊性強的活

動時，紅黃配色是最保險的配色；

紅色創意慶祝國慶69周年海報設計

房地產開盤海報

2

聖誕節不用紅綠黃配色，

你會被客戶打死一萬遍；

紅色喜慶松枝吊球元旦聖誕節海報矢量模板

3

中秋節紫黃色配色，

會讓你的設計充滿月餅的神秘感。

中國風花好月圓中秋展板海報

按節日來舉例子好累，

我還是直接上一些好用的配色算了。

好用的配色推薦一

1

明快的活動主題，

運動類別、卡通類別常用；

2

時尚、流行、爆潮用色，

要的就是一個明快大膽；

3

情人節粉色當屬第一 ,

但是切記粉色千萬別跟灰色一起；

4

美國國旗色飽和度高衝突感強烈，

用來做表格相當不錯；

5

紫色和橘色搭配，用來做

送獎類的活動，非常突出主題；

6

粽子節不用綠色你還敢用啥，

董老師告訴你，來點紅色會有驚喜。

好用的配色推薦二

1

女性主題大面積粉色，

小面積藍色會讓你飛起來；

2

高端大氣上檔次，不用褐色

或者漸變金，那就準備加班吧；

3

低調奢華有內涵，

請直接參考引領潮流的蘋果。

4

白色產品如耳機之類的，

選用藍綠搭配我給90分；

5

這個藍橘搭配是不是很美，

至於為什麼我已經編不下去了；

6

居然忘了最經典的紅黑，

讓我想起了櫻木花道。

▼

先就說這麼多吧，最近董老師發現了一種很好用的配色，簡直可以稱作是「萬金油組合」, 那就是以黃色為搭配色，可以搭配所有的顏色。

堪稱萬金油的黃色

你沒聽錯是所有，黃色簡直就是色中之霸，我們可以稱它為色中色，也就是SEXINSEX。

還有另外一種配色方法，也是董老師最近很喜歡用的。不過不能常用哦，上個月就被客戶爆K了一頓，說我這個配色用了一年，再這樣搞就要廢我武功。

當時寶寶就被嚇尿了，不過雖然如此，這個配色依然是董老師最愛，那就是.....

所有的顏色一起上

我絕對沒有開玩笑，具體可看我最近做的婚紗攝影類活動頁，多色塊背景混搭，是活動頁配色的常用手段。

說了這麼多，我是不是應該拿出一些實際案例，來讓大家信服呢。我覺得有必要，不然有人說董老師只會用嘴，不會用手，那我這B就裝的不成功了。

董老師SHOWTIME

圖妹聲明：

以下為董老師早期作品，不代表目前水平哦。

在搜集這些案例展示的同時，董老師發現原來實際操作中的案例配色，和我前面的講的配色還是有一些出入。

這證明了我們偉大領袖毛主席說過的話"實踐才有發言權，一切停留在紙上談兵的套路，都被會被現實打敗」。

當然，在平常我們的設計中也都會出現一些小錯誤。大神們就不說了，設計萌新們應該慶幸不在董老師門下，不然會被叼哭到數不清次數吧。

配色失敗，行業屬性不搭，髒，過度等等都是常見的問題。

舉一些反面例子

董老師再來舉一些例子，以讓大家避免煩這些錯誤。

（PS :以下案例因為太難看，所以不可能是董老師做的。如果原作者發現，並以侵犯版權為由聯繫董老師，本人將盡最大能力勸誘你離開設計圈)

1

這個綠紫漸變放紅色上，

簡直把我看炸了。

2

配色本身沒問題，黑綠白搭配

是成立的，可惜行業屬性不對，

咱們把時尚衣褲刪了吧，

就叫古怪屋算了。

3

同色系雙漸變，左上角的水印拯

救了它，如果是出自設計師之手，

只有改行一條路可走。

4

上面說過了，紅黃適合進攻型品牌，

蛋糕這種食品類，

用黃紅搭配簡直快飛天。

5

字體顏色與背景顏色太過相近，

導致設計無奈加了白色外描邊，

致使本來就已經快不能看的設計，

徹底淪為無設計的指示牌。

眼已瞎，就整理這幾個吧，簡直不能再看下去了。

關於顏色其實還有很多的深入討論，這裡就不細說了。

下面是問答環節

@鰻魚：

我在做風景類BANNER的時候，經常會遇到把文字放在很花的背景上，不知道如何處理的情況，請問董老師該如何解決？

董老師：

方法無非三種

1.白色文字後面做黑色外發光，透明度30%- 50%；

2.做色塊疊在背景上，這樣在色塊上放文字就隨便你演了；

3.找圖片的大面積色塊處，如藍天、純色牆，另外把文字後面的背景虛化，也是可以的。

@懶到不能呼吸：

客戶的需求模稜兩可，我抓不到他的點，每次做出來的設計自己很滿意，AE也覺得很漂亮，但是到客戶那裡就總被斃稿，董老師我該怎麼辦？

董老師：

俗話說，方向錯誤，執行再好也沒有意義。你給別人一車香蕉，可惜別人只是想要一個蘋果 。

在做之前一定要先找到合適的參考方向，跟客戶確認以後，再開始動手，別急著就打開PS一頓削，切記一個好的設計，要策略先行，在前面就把方向把控好，這樣執行自然水到渠成。

@卡卡

董老師你平常加班嗎？回去有時間做飯嗎？最近在學紅燒肉不會做求指導。

董老師：

矩陣互動不加班，回家做飯陪老婆。紅燒肉流程是過水，炒糖上色，下料燉煮1小時，最後大火燒水乘盤。

下期預告

本文由董老師授權我圖網發布，矩陣互動矩陣創壹出品，版權歸董老師和矩陣互動所有，未經授權禁止轉載。