上次我們聊了思維導圖如何選取合適的板式，使自己的內容看起來邏輯更清晰，呈現更美觀。（可以查看文章：4種拿來即用的思維導圖模板，想試試嗎？）但也有小伙伴會跟小Q反饋，我的導圖顏色搭配很丑，還是“翻車”怎么辦？那我們今天就來聊聊導圖色彩如何搭配才能不翻車~

“寫在前面”

小Q最開始接觸思維導圖的時候根本顧不上顏色搭配，就是簡簡單單的黑白色，看起來也蠻清爽。以下兩種情況，小Q不建議你糾結排版和配色。

1、初學者：如果你是初學者建議不要把時間精力糾結在配色排版上，內容邏輯才是王道，只要你的內容邏輯清晰，不排版不配色也不會差到哪里去。

2、自己看：如果你的內容只是留給自己查看的計劃、總結、記錄等類型，小Q也不建議花太多的時間排版，因為重點在于思考和記錄，這一步你做好了就很棒了。所以，請把時間留給思考！

當然，如果你對內容和軟件操作已經能夠嫻熟掌握，制圖有分享的需求，且有一定的時間和精力，希望自己的導圖呈現更加美觀，提升閱讀體驗，那可以來了解一下接下來的「思維導圖配色“脫丑”指南啦」~

一、配色原則

導圖的配色我一般會遵循兩點簡單原則：

01 深底淺字，淺底深字

這個原則會保障我們出的圖至少字跡清晰，不會使讀者看起來太累。

02 整體不超過3種顏色

一般整張導圖不建議超過3種顏色（特殊情況除外），因為在設計中使用多種顏色通常會使讀者眼花撩亂，并使設計的色調失去風采。

二、配色技巧

對于配色技巧，小Q根據以往的作圖經驗，總結了4種簡單方式，拿來就可以體驗。你不需要有設計基礎，也不需要了解設計的專業術語（因為小Q也不懂，哈哈），但不影響你做出配色美觀的思維導圖~

01 最保險配色法

方法：大面積低飽和度顏色+小面積高飽和度顏色

低飽和度顏色：小Q俗稱“淡色”? ?高飽和度顏色：小Q俗稱“亮色”

飽和度簡單說就是指顏色的鮮艷程度。鮮艷的顏色（高飽和色），可在短時間內吸引到人，但也易引起人的視覺疲勞，越看越累。

不怎么鮮艷的低飽和色反倒更加耐看。所以推薦導圖大篇幅的使用低飽和色作為基調，高飽和色作為點綴和提亮（通常作為重點突出或標注）。

低飽和度顏色示例（圖片來自于網絡）

「最保險配色」導圖示例

02 同色系疊加法

這也是小Q最喜歡的方式，因為比較簡單，又能夠將內容做相應的區分引導。

方法：以單一顏色為重點色，其他顏色可選擇深淺不一來搭配，但要控制在同一個色彩體系內。

單一色的細微顏色變化有助于使導圖變得簡約，但卻顯得不單調。

同色系疊加示意圖（圖片來自于網絡）

「同色系疊加法」導圖示例

03 相似色搭配法

方法：相似色是在色輪上相鄰的三或四色的顏色組合。譬如下圖的綠色和相近藍色的搭配。

相似色取色示意圖（圖片來自于網絡）

由于是相鄰色，所以整體搭配上有著類似上面同色系疊加的和諧美感。建議最好只以一種色調為主，要么都是冷色調，要么都是暖色調。

「相似色搭配」導圖示例

04 大膽撞色搭配

方法：選取色輪上位置相對的兩色互補色

此方法要求比較高，想用的伙伴需要對色彩有些敏感度，免得撞翻車，成了“亂撞”。

常用互補色主要有：藍橙、紅綠、黃紫

互補色取色示意圖（圖片來自于網絡）

「撞色搭配」導圖示例

三、常用色彩的意義

除了以上配色技巧4種小方法外，我們在制作導圖時也需要了解一些色彩的意義，這樣有助于我們進行色彩和導圖內容的搭配。

保持內容與色彩意義的和諧也有利用導圖清晰地傳達信息。常用的色彩意義小Q已經幫助大家整理好啦，歡迎自取參考~

色彩的意義參考

四、取色方法與工具

了解了配色原則、技巧以及色彩意義后，那我們制作導圖時，到底該從何下手選擇合適的顏色，以及如何選取呢？接下來我們一 一揭曉。

取色方法工具總結導圖

01 取色方法

針對不同的需求和場景，小Q總結了幾點可以快速使用的取色途徑：

① 利用思維導圖模版配色簡單不出錯

這是最簡單最好用的方式，Xmind中配套的版式配色都是經過設計師進行設計的，所以直接用絕對不會出錯。

小Q作品示例1

② 讀書/課程筆記類可根據書籍封面/課程介紹取色

很多伙伴都跟小Q一樣，平時用導圖制作讀書筆記和課程學習筆記的頻率比較高，那最方便的方式就是提取你閱讀書籍中的配色，或者學習課程的介紹封面內的顏色搭配。

一本書的封面和一頁課程介紹一定是經過了作家和講師反復斟酌確認的設計，所以你可以放心大膽地用，也保持了“一脈相承”的整體設計感。

（讀書筆記可查看文章：思維導圖如何助力我升級閱讀體驗）

小Q作品示例2

③ 商業用圖可根據logo色取色搭配

如果你是商業制圖，或者是給公司/客戶制圖，那可以直接選用他們的Logo顏色進行取色，這樣既保持了跟對方企業用色的一致性，也減少了自己搭配的失誤風險。

例如下面「筆記俠知識整理訓練營」，小Q在制圖的時候，就選取了筆記俠logo中的紅黑兩色來做為搭配。

小Q作品示例3

④ 根據實際內容及應用場景取色

這條比較容易理解，就是要關注自己的創作內容以及使用的場景，這一點可以跟上面的色彩意義關聯使用。

同時也要注意了解使用的場景和內容是否有什么禁忌（例：禪宗類內容不適合五紅大綠顏色，喜慶節日類不適合黑白灰色等），避免“觸雷”。

下面兩個示例一幅是小Q做的「博物館的陶瓷之色」系列，所以我選取了博物館內常有的花紋和色彩作為搭配。另一幅是以桃為主題的飛花令，所以我選取了桃花的粉色作為主色調來搭配。以上兩個案例從場景和內容上來進行取色，搭配上會更加的和諧。

小Q作品示例4-1

小Q作品示例4-2

⑤ 需要加頭圖的可利用頭圖取色搭配

有些導圖我們需要增加頭圖來進行搭配和突出主題，一般小Q會從設計網站下載自己需要的圖片，再進行設計整合作為頭圖，導圖的顏色則可以從頭圖上選取1~3種色彩（或與頭圖相近的色系）進行搭配，這樣可以保持作品整體上的和諧一致性。

小Q作品示例5

以上的幾種方式是小Q在實踐中經常使用的幾種方式，當然還有很多好方法，相信你在持續輸出的過程中也能形成自己的經驗總結，也歡迎交流探討~

02 取色工具介紹

你有沒有遇到這樣的情況：有的時候你看到喜歡的顏色，卻沒辦法應用到導圖上。這兩個簡單的工具一定會幫助到你。

① OK Color ：安裝一個小工具，隨處可以取色，并復制色值使用。（具體使用方法可參考安裝后的教程）

② PPT取色器 ：把你看好的圖片插入到PPT中，利用PPT自帶的取色器提取顏色，復制RGB值，即可使用這個顏色。

五、配色網站推薦

小Q推薦3款平時經常用的配色網站，大家平時可以通過配色網站，或者設計類的公眾號、微博，注意收集自己喜歡的配色。

積攢配色方案的同時也能逐步提升自己的色彩搭配感。此類的網站很多，大家可以根據自己的喜好選取1~2款合適的收藏備用。

1、Color Hunt?

2、LOLCOLORS

3、中國色（特別適合古風）

感謝你的閱讀，希望小Q的用心能夠對你有幫助~

小Q的思維進化島（Qmind0713），定期發布思維導圖技巧、教程和作品分享~

我們一起認知升級、迭代思維，用導圖開啟無限可能~

我是這樣的小Q