如何提高個人的各種設計的配色能力？

12-09

顏色搭配是網頁設計，平面設計等非常重要的一部分，有的人追求簡潔，有的人追求豪華，不過能不能有可操作性的訓練辦法以達到配色自如的程度。

我不是什麼設計師，不過是想分享一點心得。
---------多圖預警----------

畢業後在廣告公司做文案，一做就七八年，期間和各種逼格高天分高的設計做搭檔，見得越多，越不敢涉足美術半步，直到某天，公司只能招到實習生做美術，在長達3個月的旁敲側擊和雞湯猛灌後，無果，我只能硬著頭皮自己畫。於是就有了下面幾張個人創作，都是手繪草圖+電腦上色：

這四張圖平均每張耗時1-2天，不包括吃飯睡覺打豆豆的時間。相信對資深設計師而言就是幾分鐘的事，不過慢工出細活嘛。當時沒有畫師，只能自己來，男票推薦我看谷歌日曆，於是邊借鑒邊構思才算完成。其實回頭來看，還有很多不滿意的地方，不過重要的是，從此開啟了一個新的技能點----那就是配色！交代完背景，接下來說配色。上色時，我主要用Color Scheme Designer 3_高級在線配色器這個工具來為配色找靈感，下面細說：

1、對一些經典配色（如黑紅、藍白、黃紫、黃黑、黑金……）你腦海中要有籠統的概念，至少要對該配色的常見用途做到心中有數。如黑金搭配常用來表達高貴，奢侈品愛這麼用，再比如藍白搭配傾向於表達青春、文藝，海魂衫、校服常這麼用。不一一贅述。

2、配色之前，先定主色調。一張畫面的主色調最好不超過三種（黑白灰除外），如果色彩不夠用，就用同類色和黑白灰來補。
像前面例舉的圖二和圖四就是比較典型的例子。圖二的主色調，是綠和橙的互補色。綠色用了不同深淺的同類色來表達層次。大膽使用同類色，可以讓色彩富有層次，又不會喧賓奪主。

3、活用工具，但不盡信工具。 Color Scheme Designer 3_高級在線配色器的配色以同類色和互補色為主，是最常用的配色規則。但由於是電腦自動配色，難免有時配出來呆板不好看，不過創作者可以靈活變通啊。

首先，色彩是有重量的，深色顯厚重，淺色顯輕盈。一張畫如果主題要表達輕盈，可以整體用淺色，但如果主題失焦，就可以考慮用適當的深色把背景「壓一壓」，一方面可保證配色不至於太飄，另一方面是為了烘托視覺主體。繼續拿圖二舉例，如果用同樣「重量」的橙和綠搭配顯得太過於平均，沒有主次，可以嘗試用「輕」一點的橙或「重」一點的綠搭配來「破」一下格局，具體怎麼配要看你強調什麼主體。

色彩也是有溫度的，只有明確了要表達的主題，才能明確暖色與冷色的比重。一種色彩並不是用得越多越突顯，恰恰相反，大面積使用單一色和大面積使用留白異曲同工。

4、懂得分辨什麼是臟色。很多人說用色千萬不要用臟色，那如何避免用臟色呢？這裡分享一個傻瓜技巧。我用的是MAC AIR，當繪圖太久以至於不能分辨顏色好壞時，就會把屏幕活頁折到不同角度對比觀看，如果從屏幕上下角度看過去顏色都不顯髒的話，一般就OK了（請自行體會）。對了再補充一點，世界上並沒有絕對的臟色，任何顏色都有它存在的意義，顏色與顏色之間是可以互相映襯的，如果你覺得「臟」只能說明配色不對。而任何一種被稱為「臟色」的顏色，都可以通過配色來補救。

後來又挑戰了一下做APP圖標（是新聞APP），男票畫草圖，我負責上色和電腦完稿（其中小鴨子身體的標準紅是大家投票定的）。不敢說自己畫得有多好，但如果嚴格按照IOS和LOGO規範來設計圖標，丑總不至於……

以上幾張畫完，意外地發現我媽和很多前輩都喜歡，這讓我很開心。就像Michael Young在談起為Emeco設計的Lancaster椅子時說的那樣——「這把椅子經典到我媽媽都很喜歡，這讓我非常高興。作為設計師，我以前覺得只要自己喜歡自己的作品就好，但我媽媽的喜歡才讓我真正感受到作為一名設計師的成功與自豪！」

因為他們毫不吝嗇地誇我，讓我突然間對配色這件事有了熱情和驅動。後來又畫了幾張作練習，鞏固對色彩的感覺：

清新風

復古風

5、有人說，配色嘛，到Dribbble - Show and tell for designers網站上取色就好啦。對此只想說，如果一開始配色沒感覺，可以嘗試看人家設計師是怎麼配的，但最後還是要自己多嘗試，多思考，多練習，才能配出更有個性更符合當下主題的顏色。

對配色找到一些感覺後，我開始嘗試設計一些小角色，越來越覺得配色真是好玩哇：

補充幾點：

1、美術是有門檻的。和設計師搭檔多年，他們就是我的良師。有些經驗可能我自己都沒留意，就潛移默化變成了自己的東西。在此分享了一些因客觀緣故突然覺醒的小技巧、小創意，但說到底，這些只是小聰明。真正的設計正途，是需要日積月累，搭建一個完整的美學體系的。到那時，美感這個看不見摸不著的傢伙，會才變成你專業素養的一部分。

2、很多學科到最後都是深入淺出，所以請不要小瞧那些看似「簡單」和「平實」的東西，也不要輕視那些沒學過美術的長輩給出的建議。因為要被不同人認可，其背後自有一套邏輯。

3、昨天在朋友圈看見一位同行說的話，很喜歡，分享之。「努力不是憔悴疲憊，而是眼睛裡有光，你知道嗎？」吶，就像這樣：
http://mmbiz.qpic.cn/mmbiz/036pEx5ALdZSQ2ofoVk8vFNn41IJUazzib0z6FlmJww1EyTZR5iapABoKbsgM6C9DQGjYvEu7uCG8fjOmhEUGhmw/0?wx_fmt=gifamp;tp=webpamp;wxfrom=5amp;wx_lazy=1

4、感謝 @yanxi wu 等朋友的提議和鼓勵，不打算跟專業設計師就水平話題一較高下，也不打算繼續更新放圖了，只想在微信小房間里練習，當然，除了配色，或許還有文案等其他。你要有興趣可以逛逛，沒有興趣也無妨，熊貓阿寶的老師說「只做自己能力範圍以內的事,你永遠也無法進步。」我最近深以為然，等有進步再與各位交流經驗吧~

----差不多就這些了-----

配色有科學的原理，但很難有明確的標準，主要還是提升這方面的感覺。

建議先看一些關於基礎理論的書，推薦一本簡單易學的，《配色基礎原理》，裡面有理論、案例、練習題。如果原先基礎比較薄弱，應該能有一些提高。豆瓣的鏈接：http://book.douban.com/subject/2230545/

掌握了基礎的知識後，就是多看、多做了。看要懂得欣賞別人對色彩的運用，多做就是一個方案要大量嘗試，儘可能的找到最合理的搭配。

分享一下自己在網頁配色上的攻略和方案吧，呵呵，一直在實戰中,,還是有效果的，重在堅持。
1.紮實美術基礎，有時間，盡量多畫畫素描，速寫，加強明暗識別能力，也可以多畫畫
2.美術上配色知識的學習，比如色彩之間怎麼調和，對比色，色環，飽和度，色相等，百度一下很多，也可以去書店買點美術色彩理論的書籍學習，這些有部分雖然是使用在繪畫中，但是把它轉化到網頁設計，平面設計上，其實也是一種「頁面色彩調和」，讓眼睛舒服的一種方式
3.美術基礎不斷學習了，下面開始一點點小研究，下載ColorImpact4 這個配色軟體，去學習它的配色方案，為什麼要那麼搭配，軟體里都會有文字說明，多想，多研究
4.臨摹或者借鑒優秀作品，嘗試各種風格的網頁學習，不能一味的模仿，一定要多想，人家為什麼這樣配色，打個細節比分，為什麼設計師那種顏色只用整個頁面的2%，為什麼那個色的飽和度是那樣，為什麼要用那兩種對比色，等等，多研究別人的「設計意圖」，大膽猜測，嘗試設計自己的配色
5.多看優秀的酷站，多找靈感
6.從生活中，其他行業領域找感覺，不限於平面設計，網頁設計，比如攝影，動漫，插畫，3D等等，去找一些靈感，挖掘別人的配色技巧和使用方法。

多想，多用，多嘗試，多學習，我想，一定能在積累到一定程序，達到一個運用自如的境界，關鍵在於堅持，自己也一直在努力啊，加油額～～

本文作者：畫畫的貴哥
主頁：http://weibo.com/huangchaogui

最近，看到周圍好幾個學生買色輪學習顏色搭配，其實這款東西功能簡單有趣，作為印出來的實體色輪，可以握在手裡旋轉，比各種 App 實在。非常適合色彩初學者使用，

不過，知道的人少，而且淘寶賣家翻譯不完整，不太好用。

因此貴鍋重新翻譯了。當然不一定按照色輪上的詞直譯，有些詞我額外加上了拉爾夫·邁耶《美術術語與技法詞典》的觀點，這樣比較考究。

色輪上很多知識點跟 2017 版的《色彩與光線：寫實主義繪畫指南（珍藏版）》是對應的，買有《色彩與光線》的盆友可以拿來配合學習，貴鍋會在下文註明具體對應的是哪一頁，並可隨時翻閱後面的術語彙編對照。

詞名和知識點跟舊版或其他版本對不上，想對照學習的盆友建議使用新版《色彩與光線》。

當然沒有2017版《色彩與光線》對照的盆友也可以單獨玩色輪，書只是用於拓展。

一、這種色輪用來解決什麼問題？

1.讓自學的初學者了解調配顏色的知識，比如說某個顏色加了另一個顏色之後會變成怎樣。

2.適合美術老師在課堂給學生講解用，不必每次都得麻煩地混合顏料示範。比如什麼叫變冷，什麼叫變暖。

3.讓有一定繪畫基礎的盆友了解某些色彩專業名詞的用法。

4.色輪會小小提到色域，色域是《色彩與光線》特有的內容，此問題很少有書會提到。

2.色輪正面的色彩辭彙：

先把這幾個詞翻譯了，為便於理解，貴鍋會在後面標註這個詞出現在《色彩與光線》的哪一頁，如 P45。

Primary Colors:原色，不能被其他顏色調配而成的顏色，比如紅黃藍。P74

Secondary Colors:間色，也叫二次色，由兩種原色混合而成，比如紅黃得橙，紅藍得紫，黃藍得綠。P74.

Tertiary(Intermediate)Colors:複色，也叫三次色。由一個原色和一個間色混合而成。

Aggressive(Warm) Colors:暖色，也叫前進色，如黃、橙、紅色。P112

Receding(Cool) Colors:冷色，也叫後退色，如綠、藍、紫色。P112

Hue：色相，色彩的別稱。到底是紅還是綠，是黃色還是藍色？P74

Tint：某種色相加白後所得的顏色。p86

Tone：某種色相加灰之後所得的顏色。P117

Shade：某種色相加黑之後所得的顏色。p117

Key Color：主色，也叫Dominant Color，配色方案（Color scheme）或所調顏色中出現的主要顏色。

Neutral Gray:中性灰，白色和黑色的混合，無色彩傾向，《色彩與光線》叫中性色（Neutral Gray）,P80。

Intensity or Chroma:彩度，色彩的強弱程度，到底有多鮮明或多暗淡。和飽和度（Saturation）意思相近，為什麼Photoshop用飽和度，而此色輪用彩度呢？具體區別請看P74。

Value：明度，顏色的亮與暗程度，在Photoshop中用亮度（Lightness）代替。P76。

3.十二種色相：

了解辭彙之後，我們來看此色輪的外圈。不懂英文的朋友可以按照我寫的標註到色輪上：

WARM COLORS，箭頭指向暖色。

可從RED VIOLET（紅紫）開始，往右邊依次為RED（紅），REDORANGE（紅橙），ORANGE（橙），YELLOW ORANGE（黃橙），直到YELLOW（黃）。

COOL COLORS，箭頭指向冷色。

可從VIOLET（紫）開始，朝左依次為BLUEVIOLET（藍紫），BLUE（藍），BLUE GREEN（藍綠），GREEN（綠），最後到YELLOW GREEN（黃綠）。

這些都是外圈的色相，總共十二種。

4.單個色相的色彩變化：

一共給單一色相提供了五種色彩變化參照，用法很簡單，根據箭頭對應的空缺處來查看。

adding red 是加紅色的效果（變暖），adding yellow是加黃色的效果（變暖），adding blue是加了藍色的效果（變冷）。

adding Black是加黑色的效果，也就是剛剛提到的 shade，adding white是加白色後的效果，也就是剛剛說的 tint。

在內盤裡面還有是個灰度標尺，從100％黑到純白，除了可以和外盤比較之外，還可以日常生活中的物體對比明度，也可以用於繪製素描。

5.色輪背面的色彩辭彙：

Mono Chromatic:單色，某個顏色只有加白（tint），加灰（tone）或加黑（shade）的變化，而沒有色相的變化（變暖或變冷），請參看《色彩與光線》的P110。

Analogous:近似色，色輪上相鄰的顏色是近似色，無論它是加白、加灰還是加黑。

Achromatic:無彩色，只有黑白灰變化，而沒有色相變化的配色方案。

Color and Light:色彩與光線的關係，柔和的夜光和燭光會造成色彩失真，在這種環境中，亮的顏色需要更鮮艷，而深顏色要暗淡些。

Color and Distance:色彩與距離的關係，距離會引起後退色（冷色）隱沒，因此明度更高的顏色應該被賦予更重要的強調作用。

Complementary Colors：互補色，色輪對面呈180°的顏色是互補色，無論它是加白、加灰還是加黑。譬如藍色與橙色，不論藍色加黑加白還是加黑，始終是橙色的互補色。P74

Split Complements:分裂補色，某個單獨的顏色可以與色輪對邊的幾個顏色形成互補關係。

Diad:雙色配色，使用兩種顏色配色，這兩種顏色處在色輪不同位置。

triad：三色配色，在色輪上使用三種等距的顏色進行搭配。此處與《色彩與光線》中的色域匹配法是有區別的，建議使用書中的方法，靈活性更高。

Tetrad：四色配色，在色輪上選擇四種或四種以上的顏色作為對比。

6.怎麼用？

同正面一樣，這裡會有不同的色相，請注意 PURE COLOR 的箭頭，指最外延為純色，彩度最高。

以綠色 GREEN 為例，如果把 TINT,TONE,SHADE 的空缺處對應到綠色，則獲得三種變化——加白變淺，加灰變灰，加黑變深，但色相保持不變。

因此，可以使用上述辭彙所提及的配色方法來選顏色。比如，在中間會出現互補色、分裂互補色、三色和四色配色的標記。比如用三角選顏色，用四方形選顏色等。

教程結束，本色輪適合搭配

《色彩與光線：寫實主義繪畫指南》

這本書的作者是詹姆斯·格爾尼（James Gurney），畢業於著名的 ACCD 娛樂設計專業。是雨果獎、切斯利獎和世界奇幻獎得主。

詹姆斯·格爾尼擅長描繪相機無法記錄的圖像，比如恐龍、古代文明等。一手打造了《紐約時報》暢銷書排行榜上受歡迎的《恐龍夢幻國》一書，並親自繪製了插圖，該書被譯成了 18 種語言，暢銷於 30 多個國家。

他出版的《富有想像力的現實主義》和《色彩與光線：寫實主義繪畫指南》，是 http://Amazon.com 繪畫和藝術指導兩個目錄中最熱賣的圖書之一。其中，《色彩與光線：寫實主義繪畫指南》在繪畫類圖書銷售榜第一的位置保持了 52 周。

為什麼大家都喜歡《色彩與光線：寫實主義繪畫指南》，甚至《阿凡達》藝術總監迪倫·科爾說，「我真希望我在藝術學校時就能看到這本書」？

原因很簡單，八個字。

系統、實用、容易理解。

在這本書問世之前，對畫家有指導意義的研究色彩與光線的書少之又少，而邏輯清晰、綜合性強的書籍就更是鳳毛麟角。

如果沒有這本書，你會如何學習光線色彩？

在《色彩與光線》中，作者沒有過多重複色彩學的普遍理論，首先首先介紹了對色彩和光線有深入研究的大師們，講述光線、顏色的傳統和發展。

從維米爾、學院派、英國戶外寫生、一直到哈德森河畫派、外光派、象徵主義、雜誌插圖等。

《幕後掌權者》傑羅姆法國（1824-1904）

《正午紫光的穿透力》阿瑟澳大利亞（1867-1943）

《原野暮光》

介紹完這些大師作品中光線和色彩運用的法則後，詹姆斯·格爾尼開始系統的講解光學知識。

比如光源一章，就分為直射陽光、陰天光線、窗光、燭光與火光、室內燈光、街燈與夜景、冷光、隱藏的光源等。

大氣效應一章，就會詳細的講解天空藍、大氣透視、反大氣透視、黃金時刻、夕陽、濃霧、薄霧、煙氣和塵土、彩虹、天空、洞與樹葉、日光束與投影、束光斑、雲的投影、照亮前景、雪與冰、水：倒影與透明度、山間溪流、水下顏色……

除了系統的講解，書中還有清晰的表格分類顏料信息。

色料表等

除了有一位邏輯性強、學識淵博的作者，《色彩與光線》的翻譯者貴哥也是功不可沒。他為了確保讀者能夠容易的看懂，參考了許多美術類英文字典，前後修改多達六次。

在他的努力下，看過這本書的同學都讚不絕口。

在譯者翻譯下，包含了 N 多書的知識點，色彩要素，光線的理解刷新我對以前對繪畫片面上的一些解釋，市面上估計沒有多少本向現在這本解釋這麼全面的，很少。

國外的繪畫知識體系已經很成熟了，能把國外的名著認真翻譯的人少之又少！然而，這本就全方面講述了繪畫的體系，包含的內容以及知識點！讓我重新認識了對繪畫的理解，更新了我大腦里原有的繪畫知識！

內容一看就是有美術功底的人翻譯的，水平很高。原著常年在亞馬遜是明星書籍，對於色彩和光的使用講解得非常棒，深入淺出。作者也是一個畫恐龍的高手，哈哈，巨愛！這次終於看到一個靠譜的翻譯版本，印刷水平也不錯，強推！

購書通道：色彩與光線寫實主義繪畫指南珍藏版

模仿...

刷behence 刷pin 刷instagram 。持續刷，用力刷，洗刷刷。。。

多看多分析，國外也有很多的配色網站也不錯，上面還會告訴你顏色是從哪裡來的代表了什麼。

分享給你吧：

http://www.peise.net/

http://zh-cn.colourlovers.com/

http://www.colorhunter.com/

http://www.colorschemer.com/

首先，從本質上每個人的色彩感知能力是不同的，就像去醫院查眼睛有個色弱色盲篩查。色彩感知能力一定是天生的，後天是無法改變的。簡單說就像看印象派畫家的畫一樣，好多人時看不出畫得是什麼，本質就是他們色彩感知能力太弱。

其次，對於網頁配色能力是可以後天培養的，比如看色彩設計、色彩搭配、色譜，色彩心理學這樣的書籍是可以提高自己配色水平的。對於配色你首先了解光的原理及色彩的物理知識，了解色彩的應用規律。

再次，在自己有了一定色彩理論基礎的情況下，要多看優化後的配色調色方案。

總之，感知是天生的，配色是理性的有規律可循的可以後天培養的。

各大網站不停地看，看到好的右鍵保存。

dribbble跟behance都有顏色搜索功能，可以根據hex值搜索相關的作品，很有幫助。

電腦里保存幾張平面構成的PS/AI稿子，沒事拿出來上色。

我現在正在學習階段，一句話，多看，多想，多練。

多圖預警。。。

希望對你有幫助

瀉藥，我有個損辦法，可以找相關主題不錯的畫吸顏色，進行模仿搭配。

多圖。。推薦兩部同一個法國電影導的兩部片《仙女》《倫巴》每一個鏡頭配色都絕了。棒棒噠。貼幾張劇照。。超喜歡此導演的風格。

電影倫巴：

電影仙女:

不要看什麼書什麼教程。
配色最好的老師就是大自然。
沒事拍拍大自然，研究大自然是怎麼配色的。

這個有的是天賦，有的是靠後天的培養，在天賦不足的情況下，就只有多做多看了，我個人覺得攝影也是培養良好色彩感的一個途徑。

說實話就是靠看，海量的看！當然是要看優質作品，各種收集保存。雖然配色軟體也會幫助你，但是更多的作用是景上添花。連主色調都定不了配色工具也幫不上太大的忙。最高票的文案，看了七八年最後自己做的都棒棒的。

平時看到好的顏色吸出來，添加到ps色板中，日後設計可以從色板中用色…… 吸色工具推薦faststone capture……
了解鄰近色，同類色，互補色，顏色風格(如紅色熱情奔放)等知識，相信樓主一定了解，還是提一下吧……
多練多吸多看好作品多感悟……
來自野路子且不是designer的意見，你可以參考一下……談不上提高，至少不會丑……

通過電影觀察用色

我覺得靠長期的實踐，和偶得的一些理論機會，其他的看運氣和項目了

勤加練習
推薦用色彩類app，比如采色靈感