如何學習配色？

01-17

平面設計等

我想題主想問的是系統學習配色的好方法，但很慚愧，雖然我從小就熱愛繪畫，現在從事於設計行業，但我想以我的這點經驗還遠不足以整理歸納出一套學習配色的方式方法。所以我想簡單寫幾點配色方面的小心得，如果題主想更系統學習配色，那麼還是簡直買書好了，因為配色這方面的書實在很多（雖然質量參差不齊情況嚴重）。

幾個點：

一. 觀察

多觀察善於觀察是從事於視覺行業的人應該有的一個有點或者說習慣。觀察無處不在，比如觀察生活中遇到的高檔產品的包裝設計，觀察車的內飾，路人的著裝搭配，某些海報、網站的配色等等。多觀察這些我覺得可以潛移默化提高你的色彩敏感度，如果觀察到一些好的配色，可以借鑒到你的設計工作之中。

二. 色彩理論

不用太深研究這個，但其中非常基礎的冷暖色，補色，明度，飽和度等概念都要進行必要的理解。

三. 收集

遇到好的配色設計或藝術作品可以把電子稿保存下來，多學習優秀的配色示例是一種進步捷徑，設計一個圖形，你抄襲就是抄襲，即使是巧合，在外人眼中也難避抄襲之嫌，而配色則經常可以大膽借鑒而不易被批評「抄襲」。

四. 所謂的「高級」

以我淺見，關於顏色「高級」，我感覺主要是忌「極」。所謂許多高級的配色很少用飽和度極高的顏色，即使要用，也必是很小面積的使用，過大面積的使用飽和度太高的顏色，就等於不給畫面其他地方的顏色留太多餘地，這樣的配色就很難處理，也很難高級起來（不能把話說絕對）。所以我建議大家在之後做設計（藝術咱就建議不了了）的時候，盡量避免飽和度過高的顏色大面積出現。（在繪畫中叫做「焦」或「生」）

幾個我在工作中可能會用到的取色技巧：

一. 根據現成圖片找配色靈感

有圖有真相，請看下圖，我隨便搜了一張蘭博基尼的圖片，作為靈感的來源。當然，你選擇的這張圖應該你覺得顏色搭配感覺還不錯的例子，而不是反面教材。

有兩種方式可以處理此圖

1. 大幅度模糊

模糊會把圖片中很「跳」的過飽和色給中和掉，模糊本來就是一種把顏色平均化的工作，所以大幅度模糊後的圖，顏色一般比較「熟」，不「生」，但在有些情況下很容易臟。

一般我會通過這種方式獲取一些相對沉著的有一定灰度的顏色。

PS: iOS7的毛玻璃效果大幅度模糊背景圖，其實也是中和掉了那些太突出的顏色，能適應大多數壁紙。

2. 濾鏡「染色玻璃」

染色玻璃這個濾鏡在設計過程中估計極少會有人用，它可以把圖片中的顏色按一定的面積「取樣」變成一個個色塊（其實也類似馬賽克）。可以利用這個濾鏡，把圖片中許多有代表性的顏色提取出來，比自己在圖上手動吸取要可靠一些。

一套配色的整體性

配色其實說到底就是在找顏色之間的關係，我這也有一種很簡單基礎的方法能給一個看似沒有太多關係的配色賦予一定的顏色關係。如下圖：

最左側一列是隨便選擇的一堆顏色，搭配起來感覺並不合適，可能其中的顏色兩兩來看是不錯，但從中選取三至四個顏色搭配出的結果就比較不好了。

我通過一個橙色（#ff9000）的層對這個配色進行「濾色」處理（此處橙色只是一個溫暖青春的顏色傾向，濾色也只是一種影響底層的方式而已，在實際運用中可以多嘗試其他比如疊加，比如柔光，比如正片疊底等等等）。並給予它70%的透明度。

得出的新配色中的每一個顏色，都有一個相同的關係，那就是都曾經被（#ff9000）「濾色」處理過。這就是它們的共同點。

然後我從這套新的配色中選擇幾個顏色組成了最右側的色塊圖，這個配色我覺得可以適用於青春，美食，校園等主題的設計中。

------------------

以上都是自己臨時整理的一點心得，希望有幫助，語句措辭如有不準確請見諒。

最後謝邀。

我想推薦的是配色相關的網站，有好多平面設計和插畫可以用到的配色網站。雖然不能盲從這些配色網站的秘籍，但多看看總是好的咧。

Reeoo——首先推薦Reeoo, 經一個知乎大神安利，我很喜歡，通過顏色分類與檢索提供一些APP，網頁設計，平面設計，書籍設計，ICON等的精彩案例。

https://pic1.zhimg.com/v2-a2edcbd2e8d6a1e2d59dc8e2d0468c90_b.png

Adobe Color CC——通過拖動或輸入顏色的RGB或HEX格式，迅速找到相關的類比色，三原色，複合色，互補色以及同一色系不同濃度的顏色。通過「探索」功能可以查看來自Adobe用戶們的配色方案。

Peise配色網——網站主要用於科普各種名稱的顏色和配色的專業知識與應用，注重色彩與人的關係。

COLOURlovers——該網站是一個以色彩為主題的社群討論網站。網站提供各種設計產業中的配色趨勢，並且可以通過具體的個人感受來搜索相應的顏色。同時網站還提供了各種素材與形狀的下載，使用者也可以在線DIY素材。

Paletton——使用者通過設定一個顏色，通過網站的選項和微調參數生成一套配色方案。另外還可以模擬一個按照這套配色方案生成的網頁或者藝術作品案例。

學學台灣文化色彩——通過分析藝術作品中色彩來幫助人們更好的理解和使用色彩。此外會及時地提供關於色彩藝術的活動（主要為台灣地區）與對於色彩的相關研究。

Color Hunter——通過搜索關鍵詞，圖片的URL或上傳圖片，網站可以在線分析圖片中的配色。

Color Schemer——網站提供各種主題的配色方案，主要用於網頁設計，站內以主題和顏色名稱分類。配色方案可以以cs格式下載到電腦上。

Colorfavs——網站可以上傳圖片來分析圖片的配色。通過搜索某一顏色，網站會提供關於此顏色的不同配色方案和相關顏色。

Bootflat——網站通過簡單的顏色分類可以快速找到某一色系的顏色，多用於扁平化的設計。

NIPPON COLORS——一個日本的傳統色譜網站，網站提供顏色的RGB和CMYK數值，每種顏色還配有不同的名字。

Color Hunt——網站會更新不同的配色方案，並且會按照受歡迎程度排列。

摘自：初學設計：有哪些配色網站？ - 知乎專欄

有句話相信大家都聽說過：沒有難看的顏色，只有難看的搭配

比如：

所以說如果你的配色不好看，千萬不要怪主色選的不好，也不要怪輔助色，是你的搭配有問題

1、強烈對比

大面積的色彩烘托氣氛和主題，比較穩定；而小塊的色彩用於點綴，豐富畫面

運用大塊黃色和背景色形成飽和度較高的顏色搭配，會給人一種精神飽滿的感覺

對比色可以突出重點，產生強烈的視覺效果，用色相、明度或艷度的反差進行搭配，有鮮明的強弱。

色彩的強烈對比具有視覺誘惑力，能夠使作品特色鮮明、重點突出。頁面都是採用強烈的對比色使人物特色鮮明、重點突出。

2、單色、鄰色

同色系配色是指主色和輔色都在統一色相上，這種配色方法往往會給人很一致化的感受。

比如上圖中，標題文字使用白色和鈷藍色搭配增添了趣味性，弱對比讓人舒緩、愉悅。整體藍色設計帶來統一印象，三種顏色拉開了畫面的層次感，色相的柔和過渡看起來也很和諧。

而這張首圖紅色背景與主體紅色蘋果手機相呼應，白色文字在背景中更加突出，文字的大小、粗細也形成對比，使主題更明顯，讓人看起來非常舒服。

即使屬於同一色系，色調也會有所差異，因此這也是另一種配色方式，運用在一些清新插畫，且色彩也並不多變的情況下

上吐主色為綠色，也在細微的地方展示出不同調性的綠色，背景色則用了淺綠色作為底色。頁面的色彩都是綠色，而表現了不同的色彩空間層次

紅與黃——鄰近顏色的搭配

3、互補配色

當對互補放在一起的時候可以產生明顯的對比和視覺衝擊。

確定兩種顏色是否是互補色，看它們在色輪上的位置就知道，黃色和藍色，綠色和紅色，它們在色輪上都處於對稱的位置。

如上圖中的藍色和黃色為互補色，黃色的燈泡搭配藍色的背景形成對比，在第一時間吸引人的目光，並且表達出思考的感覺，也呼應了標題內容。

如上圖中，藍色和黃色的飽和度都不高，雖然撞色，但卻避免了對比過於明顯導致顏色刺眼雜亂的情況，恰到好處。

常用的互補色有紅綠、藍橙、黃紫。為了避免這種撞色給人一種不安定的感覺，所以在搭配時注意色彩的明度和飽和度，這樣使畫面更加穩定和諧

這些互補色通常都是一冷一暖，視覺效果充滿活力。這種配色的關鍵點在挑選一種顏色作為主色調，並且靈活運用色彩。如此一來，色彩之間有主有次，不會相互衝突。這張圖就是如此，藍色佔據主體，明黃色的樹令整個畫面更加活潑。

如果你需要搭配文字的話，在藍色的部分配上黃色的字體似乎是個不錯的選擇。

4、漸變配色

漸變的色彩通常集中在高明度的色調範圍，讓畫面顯得更為通透柔和。但是漸變的色彩範圍也不宜太廣，色彩分布太大讓畫面本身容易陷入於混沌中。

漸變常以背景的形式出現，或運用於較大的元素、圖形之上。根據漸變色的不同，所展示的配圖以及其他組件也要根據這一漸變色而協調。

藍與黃、紫與藍、紫與粉色的鄰近色漸變過渡有一種夢幻般的感覺，白色文字或黑色文字都考慮到與漸變色彩的協調感。整個畫面色彩豐富、簡潔明快

紅花需要綠葉來陪襯，自然界的紅花綠葉讓人賞心悅目，可民間卻流傳著「紅配綠，賽狗屁；紅配紫，一泡屎」？因為大面積的大紅和大綠相搭配，就得顯得很礙眼，很土。色彩的搭配講究不同色相的調和，明暗度的比較，以及面積的不同。紅花綠葉的搭配，綠葉是大面積的，紅花是點綴。而且紅花和綠葉的顏色非單一的大紅大綠，而是有著不同明間度飽和度。

色彩雖豐富，但原色卻只有三種。以rgb模式來說，三原色為：紅、藍、綠。以下畫色相環來表現：

顏色的冷暖區分：

顏色的含義：

紅色：最具視覺衝擊力，暗示速度和動態，能刺激心跳速度、刺激食慾，紅色的衣服使人身形顯大

正面聯想：激情、愛情、鮮血、能量、熱心、激動、熱量、熱情、活力

負面聯想：侵略、憤怒、戰爭、革命、殘忍、不道德、危險、幼稚

橙色：促進食慾，代表友善、愉快，能促使人談話和思考，用來強化視覺，是救生員服裝採用橙色的原因

正面聯想：溫暖、歡喜、創造力、能量、活躍、社交、健康、明朗、甘美

負面聯想：時髦、喧囂、嫉妒、焦躁、可憐

黃色：最容易注意到的色，亮度高，最容易讓人產生疲勞感，暗淡的黃可加強注意力，多用於提示牌

正面聯想：聰明、才智、樂觀、光輝、喜悅、潑辣、明快、希望、光明

負面聯想：嫉妒、怯懦、欺騙、警告

綠色：最能讓人眼放鬆的色，對精神有鎮靜的恢復功效，有秩序的意義，可促進消化

正面聯想：和平、安全、生長、新鮮、金錢、種植、康復、成功、自然、和諧、誠實、青春

負面聯想：貪婪、嫉妒、噁心、毒藥、侵蝕、缺乏經驗的

藍色：抑制食慾、讓人沒有胃口，能讓人的身體分泌安定素，放鬆身體，藍色的環境中工作效率極高

正面聯想：學識、涼爽、和平、雄性、沉思、忠誠、正義、智慧、平靜、悠久

負面聯想：消沉、寒冷、分裂、冷漠、薄情

紫色：嬌柔浪漫的品性，能夠激發人們的想像力，常裝飾兒童的房間

正面聯想：優雅、高貴、神秘、女性化、奢侈、智慧、想像、詭辯、靈感、財富、高尚、古樸

負面聯想：誇大的、過多的、瘋狂、殘忍、消極

黑色：黑色服裝能使人顯瘦，能讓和它相配的顏色看上去更明亮，可以激發自信和力量

正面聯想：權力、威信、重量、高雅、嚴肅、高貴、神秘、時髦、剛健、堅實

負面聯想：恐懼、消極、邪惡、秘密、屈服、懊悔、無知、陰沉、冷淡

白色：一些文化認為身著白色服裝結婚會有好運，是表達到最完美平衡的顏色，同上帝、天使聯繫起來

正面聯想：清潔、神聖、潔白、純潔、純真、神秘、完美、美德、柔軟、莊嚴、簡潔、婚禮

負面聯想：虛弱、孤立

灰色——百搭色：通常不能引起人們比較強烈的情感變化，是白色和黑色平衡的結果，灰色的補色也是其本身

正面聯想：平衡、安全、可信、謙虛、成熟、智能、才智、平凡、古典主義

負面聯想：陰天、老齡、厭倦、悲傷、失意、缺少承諾、不確定、喜怒無常、優柔寡斷、糟糕的天氣

幾種配色技巧：

1.同類色對比：一種色相的不同明度或不同純度變化的對比。對比效果統一、文靜、雅緻、含蓄、穩重。但也容易產生單調、呆板的弊端。

2.類補色對比：效果較豐富、活潑。但又不失統一、雅緻、和諧的感覺。過於接近會有單調、模糊、乏味、無力三學。必須調節明度差來加強效果。

3.原色對比：效果明快，活潑，飽滿，使人興奮，感覺有興趣，對比既有力度，又不失調和之感。

4.補色對比：效果強烈，醒目，有力，活潑，豐富。但也不易統一，感到雜亂，刺激，易造成視覺疲勞，一般需採用多種調和手段來改善對比效果。

配色網站推薦：http://www.colorschemedesigner.com/

原文：奇妙的色彩 | 知行博客

本文為《色彩設計的原理》整理，作者伊達千代。微信關注公眾號，讓時間慢下來，截圖發給作者AlexCui（vx-290764023），可獲得本書PDF預覽版，請在24小時內刪除。

Step 1 色彩的知識

1.1 色彩的組成與搭配

反射色：色彩就是可見光在物體顏料上除去被吸收的光後，散射出來的光的顏色（印刷品）

透過色：色彩就是白色光透過帶顏色的電子屏幕後，表現出來的光的顏色（屏幕）

Tips：在色彩學上計算出來的顏色有750萬多種，人眼一般能分辨3000-5000種顏色。色彩的名稱並沒有那麼多，日本工業規格所規定的慣用色名稱僅有269種。

1.2 表達色彩的語言

色相：用於區分色彩的首要特徵，比如紅、黃、藍等顏色

純度：色彩的鮮明程度，越鮮艷的純度越「高」，越暗沉的純度越「低」

明度：色彩的明亮程度

1.3 色彩的工作與功能

色彩能對人的心理產生一定的效應，而且同一個顏色在不同國家不同文化背景下的印象也是各不相同，更不能過度期待這種色彩對心理的影響。

比方說，紅色在中國總所周知代表「喜慶」、「熱情」的意思，但在某些西方國家，紅色又與「財政赤字」（Be in the red）有所關聯。此外紅色還有「危險」、「緊急」之意，像Red Alert就是表示「空襲」、暴風雨來襲的「警告聲」。比如某人「樂嘉的色彩心理學」

1.4 RGB 與CMYK

計算機屏幕以RGB表示色彩，印刷品以CMYK表示。

1.5 冷色與暖色

色彩學上根據心理感受，把顏色分為暖色調（紅、橙、黃）、冷色調（青、藍）和中性色調（紫、綠、黑、灰、白）。

暖色系的色彩被認為會提高血壓以及心跳次數、刺激自律神經系統、增強性慾和食慾；冷色系則有與之相反的作用。因此很多餐飲行業或烹飪書，為了讓食物看起來更美味，激發想吃的慾望，比較適合暖色系的配色。

1.6 印象坐標

分析色彩帶給人的印象轉換成簡潔易懂的圖示便是印象坐標。

在商業世界，每一個公司的Logo都經過精細的色彩考慮。

Step 2 取得協調的配色

2.1 色相一致的配色

同色相配色是指主色和輔色都在統一色相上，這種配色方法往往會給人頁面很一致化的感受。

同色相配色容易營造出一種較為夢幻的感覺，但因較為樸素也就不容易引人注目，而且會給人一種單調的感覺。

Tips：不要從頭到尾只使用完全相同的色相，最好也使用其他色相的顏色作為強調色，將色調一致的顏色當做基地色比較合適。如若想要在色彩變化上融入一點微妙的變化，可以嘗試在色環中選用兩側相近的顏色，這樣色彩層次豐富了而統一感也不會變，稱之為「鄰近色配

Tips：鄰近色之間往往是你中有我，我中有你。比如：朱紅與桔黃，朱紅以紅為主，裡面略有少量黃色；桔黃以黃為主，裡面有少許紅色，雖然它們在色相上有很大差別，但在視覺上卻比較接近。在色輪中，凡在90度範圍之內的顏色都屬鄰近色的範圍。

2.2 明度一致的顏色

明度，即表示色彩的明亮程度。而相比起「純度」跟「色相」，明度是讓眼睛更容易感受到「變化」的色彩屬性，因此不管使用怎樣的色彩，只要色彩的明度相合就能表現出統一感。

Tips：比起純度以及色相，明度是讓眼睛更容易感覺到「變化」的色彩要素，將明度統合等同於在設計物上做出特別突顯或醒目的部分。明度一致的設計，能使整體有均衡而平面的印象。

2.3 純度一致的配色

純度，表示色彩的鮮艷程度。相比「明度」跟「色相」，純度更容易對人的心理印象造成影響。其中，純度越高，越是讓人感到鮮艷刺激（左1）；純度越低，越是讓人感覺平靜沉穩（中）；而高低純度混合的配色是難以統合的（右1）。

Tips：在高純度的配色中，色彩數量增多，會產生熱鬧又愉快的印象；色彩數量減少，則會有強而有力的印象。在低純度的配色中，由於色相變化較小，故色彩的數量並不能很有效的影響人的印象。

Tips：純度：三原色純度最高。沒有別的顏色的混合。彩度：無彩色白黑灰彩度為0。有彩色里含無彩色越多彩度越低。飽和度：某種顏色里該種顏色含量越多，飽和度越高。

2.4 配色方法一：色相的搭配方式

色相環上所有色彩的變化，或是色彩與色彩之間的差異，都以「平均」的方式做配置。也就是說，從這個色相環中，無論以正三角形或正方形選擇色彩作組合，選出的色彩彼此間差異都是均等的，整體設計便自然呈現協調的狀態。

2.5配色方法二：從自然中取得協調的配色

人類對於平常看習慣的事物都會認為是安全的事物，一直被安全的事物包圍著，我們就能夠過著心情安穩的生活。既然大自然是從久遠的太古以來人類已經看習慣的顏色，那麼就舉出一些將自熱中存在的配色與熟悉的風景色彩，並結合設計來活學活用吧。

2.6配色方法三：由色調而生的配色

色調指的是一幅畫中畫面色彩的總體傾向，是大的色彩效果。在不同顏色的物體上，籠罩著某一種色彩，使不同顏色的物體都帶有同一色彩傾向，這樣的色彩現象就是色調。

2.7 配色方法四：無彩色的應用

將無彩色應用得好，可以使設計整體的配色獲得統一

無彩色具有統一整體設計的多種功能.例如，將許多純度和明度參差不齊的色彩用於沒計的場合，山於配色沒有一貫性，容易給人沒有整體感的印象，然而，只要背景採用白色或黑色等無彩色，將每種色彩進行區隔後，色彩看起來是各自獨立的，整體也就自然統一了。

2.8 配色方法五：色彩數量與協調

過多的色彩會造成雜亂的印象，應該注意使用的色彩數量

考慮配色時，會不經意地陷入想組合多種色彩，以希望其看起來更華麗。但是設計上使用的色彩數量越少越能襯托出個別的色彩。另外，選擇色彩的時候，面積太小的色彩，其存在感就顯得薄弱。色彩面積越大，衝擊力越大。一般認為尺寸越大的圖像，更適合單色的配色。

2.9 配色方法六：漸變色

色彩與色彩相連接的時候『漸變色能夠帶來設計的協調

漸變色指的是遵循一定的規則做階段性變化的配色，也有無階段性的聯繫，而色綵排列的方式仍然呈現漸變色的狀態。在圖像中使用漸變色時，可以經由其特有的規則性使人感覺到有秩序的統一。漸變色儘力扮演著連接色彩之間橋樑的角色。

Step 3 強調設計的配色

3.1 對比

設計構思的過程中請時刻記住「在想讓其顯眼的部分運用對比」這個準則。

所謂「對比」（Contrast）指的是數個設計元素之間具有某種「落差」的狀態，這不但是指色彩，在畫面設計或是文字的組合上，也可以運用相同的方式加以設計。

色彩上的對比，是指色與色之間在進行組合時所產生的「落差」的大小，設計過程中只要在色彩的某個要素上添加落差，就可以產生明度的對比、純度的對比、色相的對比等不同方式的組合方式。（明度對比 &> 純度對比 &> 色相對比）

3.1.1 明度的對比

在色彩的對比之中，效果最好的是讓明度產生落差而形成的「明度對比」。運用好明度對比就能提高設計的「辨識度」（要素易於辨識的指數）和「可讀性」（指文字的易於讀取度）。

3.1.2 純度的對比

由於人的目光容易被鮮艷的色彩所吸引，所以可以使用高純度的色彩來用作強調作品的某一部分。

高純度的色彩組合容易形成一種花哨的感覺，因此亮眼的作品需要在使用純度高的顏色來凸顯某一部分的同時壓低周邊元素的色彩純度，然後還需考慮如何引導視線如何做排版。

低純度的配色能給人產生平和或是懷舊的情感，但與高純度的色彩結合在一起時，會讓設計作品具有近乎戲劇性的效果，適用於電影海報或小說封面等追求戲劇張力的設計。

3.1.3 色相的對比

色相對比，是把不同色相的色彩組合在一起並藉助顏色的不同來營造對比效果。

在色環中位置相聚較遠的配色組合，效果強烈；反之則越弱。（值得注意的是，在純度較高的互補色組合時，會由於視覺殘像而在色彩邊界產生「光暈」現象，會讓讀者眼鏡疲勞，文字難以閱讀）

3.2強調色

只要有少景的強調色，就能串接設計整體的風格

強調色擔任的職責是重點點綴，所以不要太多。只要將極少量的強調色，使用在想要引人注目的地方或是其周圍，就可以適當的成為統一設計的重點。

3.3辨識度

對人眼來說，最能強烈感受到的對比是明度對比。色彩的明度差，以原色來看非常難以判斷，若要準確判別明度差，只須將所有的色彩全都轉換為黑白色調即可。

3.4彩色

若希望設計有華麗的感覺，就要運用多種色彩連接組合的配色。彩色的配色優點在於，它不但能夠營造出華麗感，還能避免因某特定顏色而讓觀看者感受到固定的印象。

3.5 前進色後退色

前進色：在置於同一平面上的各種顏色中，顯得比其它顏色更靠近眼睛的某些顏色中之任一種顏色（如各種黃色和與黃色相近的其它顏色）。

後退色：亦稱「縮色」。和其它顏色在同一平面上，但看上去離眼睛較遠的幾種顏色（如綠色、藍色、紫色及其各種變色）。

Tips ：暖色調的顏色屬於前進色。膨脹色可以使物體的視覺效果變大，而收縮色可以使物體的視覺效果變小。顏色的另外一種效果。有的顏色看起來向上凸出，而有的顏色看起來向下凹陷，其中顯得凸出的顏色被稱為前進色，而顯得凹陷的顏色被稱為後退色。前進色包括紅色、橙色和黃色等暖色，主要為高彩度的顏色；而後退色則包括藍色和藍紫色等冷色，主要為低彩度的顏色。

3.6 誘目性

純度高的暖色系色彩容易映入眼帘，被稱為誘自性高的配色

誘目性並不單指顏色顯不顯眼，而是說色彩可以引發人們注意力的程度。

一般暖色中的紅、黃、橙的誘目性可能偏高；冷色的誘目性次之，如藍、綠、紫等，當然這還要有針對的不同對象，比如人物表情和服裝顏色的搭調等，還有很重要的一點就是局部色空間彩範圍內或者說單一對象的獨立配色性的協調統一，使人有賞心悅目的色彩感受。

3.7 節奏與色彩面積

為了強調設計，在思考如何選擇顏色的同時，也必須思考其配置方法

我的微信號290764023，一枚城市規劃師也是專欄作家

我在管理三個群，行業交流群，金融，設計師、程序員，學習

自己總結分享的配色技巧和學習方法，希望對你有用哈，這裡就不重複copy內容了，博客文章的SEO都要被各種平台吃完了！

談談(web)UI設計如何零配色,無參考創建安全配色方案2016版

和大自然學，多去戶外，宏觀看山水，微觀看花鳥。

在配色上《紀念碑谷》簡直是教科書般的啊！

美

更新~~~

心理學真是一門神奇的學科，一本書隨著個人知識經驗的發展能常讀常新，甚至一遍遍重塑自己的認知系統，嗯，我就是無知。

我之前的回答現在想來是受到了多年學校教育影響產生的思維定勢，認為學習就應該這樣按部就班地努力整合本領域的知識從而獲得提升。

這樣做有錯嗎？

我不知道。我也不知道你是否知道。但我卻知道多年來我們大概都是一股腦地這樣做的。

我無意於批判學校教育，只想分享最近看到的學習的新思路。

▲▲▲▲▲▲我是可愛的分割線(?? . ??)▲▲▲▲▲▲

皮亞傑在接受記者布林格爾採訪時談到關於創造力的三種方法。

皮：三種！第一，當你研究某一專題時，你不要都有關這個領域的書，事後再讀。第二種方法是，儘可能多地閱讀有關領域的書；為了研究智力，自然就會涉及生物學，也會涉及數學和邏輯學等等，其中包括社會學——任何與自己研究主題有關的東西。第３種方法是找個替罪羊……

啊……第三種方法我沒有看懂……前兩種方法還是能夠從字面意思去理解的。

任何知識的探索，其本質必然是跨學科的，就好比不可能把個人從社會環境中孤立出來。

那麼放在這裡……意義不言自明，嗯，具體實踐又是要廢一番腦力功夫的，有趣有趣。

實操版等我再想想，改天再放過來。

至於我為什麼這麼興沖沖地就開始更新答案（表面上看起來內容還不是那麼相關），那是因為我看到皮後面補充的一段話，讓我頗有找到知己之感！！！

貼上：

皮：我所認為的教育，是指培養有創造力的人，雖然真正有創造力的人不多，而且創造力也有高低之別。但是，教育是在培養能發明，革新的人，而不是培養順從的人。

學習的過程不過就是接受各式教育的過程，在這個大家都緊趕慢趕的去砍柴的時候，不妨停下來磨一磨刀，想一想，什麼是你想要的？走對路了嗎~

以下是原答案

//也不知道學習配色有沒有專門系統的方法，這些日子也是一個人在摸爬滾打，就聊聊我的學習思路吧。

Ⅰ了解自己的目的。

ⅰ通過學習提高自己的配色能力。

Ⅱ 分解目標，從最核心的地方開始學起。

ⅰ學會如何學習

推薦coursera課程《learning how to learn》https://www.coursera.org/learn/learning-how-to-learn

ⅱ 把學到的好的學習方法運用到配色學習這一門學問上去。

Ⅲ 找到3～5種參考工具，開展學習。

ⅰ書籍（如果不知道選什麼書，知乎豆瓣等意見可參考。如https://book.douban.com/subject/10565990/）、mooc教程、相關網站都可以。

推薦優設網http://hao.uisdc.com/裡面有一部分甚至專門講配色。

無論是哪種方式一定要重視然後搞清楚最基本的一些概念啊，等學完了卻發現連基本的色調，色度，明度，飽和度，色值等都不清楚就尷尬了……

ⅱ 平時逛網站逛街時多留意大公司的是怎麼配色的（界面啊，產品啊，廣告啊反正有什麼好看的就研究什麼。）尤其要去注意設計與美術類型的行家公司，模仿模仿再模仿。

Ⅳ 學習一點繪畫，幫助大大的有。

ⅰ尤其是水彩水粉油畫中國畫這些東西。

Ⅴ 學到一些程度的時候（毋需很高）就要開展練習，進行自我糾錯。

ⅰ自己可以試著在各種方面實踐配色。畫畫可以有，設計可以有，甚至單純配色也可以有。

比如這個網站http://colorhunt.co/

Ⅵ 活躍一點，把自己的作品分享出去，懂行的專業人士和不懂的普通人的意見都聽一聽，至於是否採納則自行考慮。

Ⅶ 學習最快的最有效的方式是output，你可以試著去教一教比你還菜的菜鳥，突然有一天你就會發現自己好像也沒有那麼菜了呢~

Ⅷ 說起來配色這技能也不是單獨存在的。有句話叫功夫在詩外，平時多注意培養自己的審美能力和人文素養，多看看書，看看藝術相關的雜誌展覽，聽聽優秀的音樂作品，多走走，看看美女帥哥看看時裝秀什麼的（笑）那樣，對配色乃至對生活都大有裨益呢。

.(??ω??)??

看天貓首頁廣告輪播

淘寶店鋪裝修。

妥妥的學會顏色使用

從電影中學習，有些電影幀幀美如畫，具體學習方式如下（以近期上映的美女與野獸為例）：

總結來說，認真分析其中最經典的配色，（從三要素來看），然後選擇喜歡的畫面截屏、劇照也可以，放在photoshop中吸色，存圖。當以後需要配色時翻看查找便可。

以下是具體分析：（多圖預警）

提到《美女與野獸》，最讓人印象深刻的便是貝兒身穿一襲黃裙與野獸共舞，藍黃搭配，十分亮眼。

黃配藍，原色的搭配，同時也是對比色。如直接相撞，未免有些突兀，而迪士尼採用了明度較低的寶藍色與略偏橙色的鵝黃，這樣搭配起來便順眼好看了許多。

當然影片中不止有黃藍配，其他場景的配色也很唯美：（以下配色相關圖片均為自製請勿盜用轉載需註明出處）

以上

------------------

想了解更多關於顏色的知識，可以關注我的公眾號，colorslgn，給你點顏色瞧瞧

http://weixin.qq.com/r/ginVzSvEEnZtrW_u93yQ (二維碼自動識別)

這兩款最受歡迎的配色圖和神奇工具，你值得擁有！

正如答主所說，配色是一個系統的學習，包括了較多的知識點，比如以下幾點

然後還要根據具體問題來學習操作細節及思路，這是最重要的，學習的時候，沒有案例，只有理論，總顯得那麼蒼白。

當時學習的時候看的是這套教程Photoshop色彩搭配_翼狐網，講得還算比較細緻，是一套比較系統的教程，結合了幾個實際的案例，思路到操作細節都有講到。下面是幾個案例截圖：

可以看看這個

Coolors – 超級快速配色方案生成器

通過敲擊「空格鍵」來查看不同的配色方案
點擊色塊可以鎖定當前顏色，以查看其他關聯的配色組合
你也可以指定一個顏色，點擊色塊下方的 HEX 顏色值即可直接編輯

組成色彩的三屬性為色相、純度、明度！想要系統的學習配色，也應該從這三個屬性著手。先了解這些色彩原理以及三個屬性中的配色規律，從能更好的運用色彩、玩轉配色。

關於這三個屬性的配色方案，我有做過系統的解答，希望對你有幫助！

https://www.zhihu.com/question/20698240/answer/75491797

一）網頁配色基本概念

（1）白紙黑字是永遠的主題，誰都說不出不好來。

（2）網頁最常用流行色

·蘭色——藍天白雲，沉靜整潔的顏色。 ·綠色——綠白相間，雅緻而有生氣。 ·橙色——活潑熱烈，標準商業色調。 ·暗紅——寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色，

（3）顏色的忌諱

·忌臟——背景與文字內容對比不強烈，灰暗的背景令人沮喪！ ·忌純——艷麗的純色對人的刺激太強烈抗議，缺乏內涵。 ·忌跳——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱！ ·忌花——要有一種主色貫穿其中，主色並不時面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領導者一樣，雖然在人數上居少數，但起決定作用。 ·忌粉——顏色淺固然顯的乾淨，但如果對比過弱，整得蒼白無力了，就象病夫一樣無可救藥。 ·藍色忌純，綠色忌黃，紅色忌艷。

（4）幾種固定搭配

·藍白橙——藍為主調。白底，藍標題欄，橙色按鈕或ICON做點綴。 ·綠白蘭——綠為主調。白底，綠標題欄，蘭色或橙色按鈕或ICON做點綴。 ·橙白紅——橙為主調。白底，橙標題欄，暗紅或桔紅色按鈕或ICON做點綴。 ·暗紅黑——暗紅主調。黑或灰底，暗紅標題欄，文字內容背景為淺灰色。

（二）網頁設計理念

（1）內容決定形式先把內容充實上，再分區塊，再定色調，再處理細節。

（2）先整體，後局部，最後回歸到整體。全局考慮，把能填上的都填上，佔位置。然後定基調，分模塊設計。最後調整不滿意的幾個局部細節。

（3）功能決定設計方向 ·看網站的用途，決定設計思路.商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。

（三）如何快速高效的完成設計工作

（1）天下文章一大抄。就看你會抄不會抄。抄的是道念，思想，局部精緻的點綴。在網上搜索同類網站，找幾個順眼的，用一個為基本蘭圖，把幾個優點整和成自己的，這樣最高效快捷，而且還出成果，能學到很多東西。

（2）上設計論壇，找參考資料。

說個我遇到過最極端，也算是最勵志的情況，以前公司一位設計師是非常嚴重的色盲。

其實也是看他做稿子的時候，有個非常顯著地特點，他在挑選色彩的時候，我們通常是打開色盤直接選擇顏色，而他則是在色值框裡面，直接輸入色號。他做的稿子色彩還挺不錯的，我問他你是怎麼做到的，他說他是基於大量日常積累，不停琢磨感官上的和諧感，同時熟記CMYK與RGB值。

關於題主的問題

1.理論知識是非常必要的，也是非常好解決的，各類書籍非常豐富。

2.多觀察，多思考，多總結。不同色彩的搭配，所表達的情緒是什麼，同時希望獲得的目的是什麼，例如這樣的配色非常好看，但是是否準確涵蓋反映了行業屬性。

3.多模仿，模仿是最好的老師，對增強記憶與理解幫助非常大。

基於平面設計，做到以上，色彩這個版塊就OK了

理論知識肯定是非常必要的，也是非常好解決的，各類書籍非常豐富，多看

從色彩構成練起。

可以用我剛上線的ios應用：采色靈感。

鍛煉色彩感

關注微博

設計配色指南

一切搭配來源於看起來自然。也來源於自然。世界那麼大，可以去看看。

多參考別人的設計，冷色調運用的最好的是APPLE公司

先從模仿走起，慢慢地你就會找到感覺。

我們要學習好如何配色，首先需要了解什麼是色彩

色彩的定義很寬泛，我們可以拆分為「色」和「彩」

色是感覺色彩和感覺顏色的總稱。也就是說分解後的光在大腦里所產生的色感，是光、物、眼睛、心理的綜合產物。

彩是許多顏色的意義，在一定的環境中指顏色與顏色、顏色與空間相互作用及物體屬性本身的各種變化。

我們目前做設計最常用的兩種顏色模式是CMYK和RGB

CMYK色彩顏料中的三原色為：M（品紅）、Y（檸檬黃）、C（湖藍）

色料三原色的任意兩色相混合，能夠產生綠、橙、紫三間色。這些間色與其相鄰的原色混合產生複色：紅橙色、紅紫色、黃橙色、黃綠色等。而三色自身按一定比例混合是可以產生黑色，但是無法產生完美的純黑色，所以在工業印刷中多加了K（純黑）來彌補差距。

RGB色光中的三原色為：R（朱光紅）、G（翠綠光）、B（藍紫光）

把光譜色中的青色去掉，將紅、橙、黃、綠、藍、紫六色中的橙光、綠光、紫光相交疊加後，會出現黃色光、藍色光、紅色光。而橙、綠、紫三色彙集會出現純白光。由於這三種光不能用其他色光相混合產生，因此被稱為「色光三原色」。

色彩屬性

色彩中有三種屬性關係，色相、明度、純度（飽和度）我們以圖示的方式來說明，這三種色彩屬性也是我們做設計中搭配顏色和調整顏色最常用的入手方法。

由於色彩的知識點太多，這裡就挑一個實用性很強的內容來詳細分析。如何運用色彩對比做出高視覺衝擊性的設計。色相環每個顏色都能找到與之對應的相近色、類似色、中間色、對比色、互補色。我們運用這些色彩關係，用實例來做出視覺衝擊力很強的設計作品。

下面我們先了解一下色彩的幾種關係：

接下來我們開始實戰演練：

先在草稿上繪製出比較精細的手繪稿件，運用黑白灰關係把整體結構的明度關係確定下來。然後在把手繪草稿掃描進電腦中構圖，方式有很多可以用手機拍照、掃描儀掃描草稿等......

設計稿首先確定背景和主體的色彩對比關係，拉開差距更好的完成接下來的設計

先上整體的色調關係，注意要冷暖結合。這個階段主要是鋪大基調，不用刻意扣細節和加入漸變和光影效果。完成整體感較強的設計。

這個階段可以補充加入漸變關係和調整色彩關係，提高飽和度、明度關係。加強畫面的視覺衝擊力和豐富色彩結構。主要注意的點是突出明暗關係和結構層次。

這個階段主要是把色彩的飽和和色相關係做微調整。補充一些實用的技法：透明度、圖層疊加模式等基礎技法。讓色彩與結構相輔相成互相聯繫。

最後補充高光和光影效果，豐富畫面質感和強化明暗關係。添加一些輔助元素豐富畫面。

結語

學習配色首先要了解其中原理和基本概念，記住這些基礎概念在思考怎麼運用在實踐當中。做設計是一門手藝活，不但需要勤學苦練，也需要設計師對於知識的不斷追求和積累。希望能給樓主帶來力所能及的幫助，謝謝。