2018-11-14 資深UI設計者
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
設計行業，無時無刻不在和色彩打交道。配色問題一直是設計圈恒久不變的熱門話題，網絡上關于配色的知識多如牛毛，看的時候都很懂，但是一旦自己獨立做項目時就又原形畢露。究竟應該如何去理解配色呢？所謂的配色「配」在整個環節中真的是放在第一位的嗎？本期內容通過不同層面分析配色中最易被忽略的，即：色，從哪里來的問題，同時也是最重要的一步。很多人之所以怕配色，或者說配不好色的原因是自己一直深處誤區中而渾然不知，接下來希望大家不要對號入座。
誤區一：配色的過程在整體之前。也就是常說的先配色，后設計。
誤區二：只會配不會選。這是最常見的一種，只會在有基礎色或者主色的前提下配色，而不懂得選一個符合整體的基礎色遠比配色更重要。
誤區三：被理論所局限。配色的過程是偏感性的，理論雖然沒錯，但是它只是輔助提供一種方向的，而不是完全要依靠理論去配色。
接下來就繼續今天的主題：色，從哪里來？也就是基礎色應該怎么選？
在設計中，主體也就是畫面中最重要的部分，它可以是產品、模特、抽象圖形等等，基礎色來源最常用的方式就是在主體身上提取，可以是主體中比重較大的顏色，這樣有利于主色與主體形成更強烈的呼應關系，也可以是比重相比較小的顏色，這樣在形成呼應關系的同時，拓展性更強，下面舉個例子：
假如我們在這個人物的基礎上去選背景的基礎色，我們就可以用到這里說到的理論：基礎色來源于主體，那么我們可以有哪幾種選色的形式呢？下面我們繼續看：
配色形式一：將主體整體比例最大的顏色作為主色，整體在色彩上與主體形成很強烈的呼應關系，這樣做的目的在于整體很和諧、舒服，易于接受，畫面更統一，整體視覺沖擊力偏柔軟一些。下面看另外一種形式：
配色形式二：將主體整體比例較小的顏色作為主色，同樣整體在色彩上也與主體形成了一定的呼應關系，而正是因為主色是主體比重較小的顏色，這也使得畫面整體在于主體形成呼應關系的前提下，也拉開了主體與背景的層次，整體視覺沖擊力增強，畫面統一性減弱，整體性并沒有因為主色的改變而降低。下面嘗試將文字的顏色也稍加改動：
不難發現，無論上面哪種主色的形式，配黃色字都很融合，且都增強了視覺沖擊力。其原因在于畫面整體顏色與主體都形成了呼應關系，使得配色不會給用戶一種很突兀、毫無依據的感覺。而這種形式的選色在工作中也是用到最多的，比如：
其實，這種通過提取主體色作為配色參考的形式在接受程度上是很高的，通過搭配一些點綴色，整體上也不會給人一種很單調的視覺感受；利用主體選色的配色方式是將原本有可能茫無頭緒、感性的配色工作，轉化為一種可以有所依據、有所參考的配色技法，同時也能提升一定的工作效率。再舉個例子：
三款牙刷，三種不同的主色方案，但是每一個給人的感覺都很舒服、和諧，呼應明確，這就是提取主體色方式的好處。
不管是做海報還是頁面，在最初都要確定一個風格路線，然后圍繞確定好的風格選材、選色、搭配主體等。那么很多情況下，確定風格也就等于間接性的確定了一個選色的區間，所以結合風格特征選色也是一種很實用的方式，比如我們要做「狂暑季」風格的專題頁，那么在用色方面就要避免大面積暖色調用色，而要著重使用冷色調的顏色，目的很簡單：大面積的暖色會給人一種熱鬧、狂熱、張揚、溫馨的感受，和暑季需要清爽、降溫的感覺不相匹配，所以我們會盡可能采用主色冷色調的用色形式，搭配一些輔助色、點綴色，比如：
這些都是依據風格最直觀的選色形式，這樣做的目的是將整體用色盡可能的貼合主題風格，同時再結合主體選色的形式，將配色的過程盡可能做到有據可循。風格選色的形式在日常工作中也是很實用的，比如：促銷，我們會用紅色、藍紫色、黃色的用色形式；春節，則是以紅、黃為主；七夕，多以紫色、紅色為主；暑期購，多以藍色、青色、綠色為主。比如：
這些海報的配色形式很大程度上是依據風格來決定的，這樣的選色方式也不會顯得很突兀，且擴展性相對更高。
做設計目的是服務于商業，很多時候我們都要圍繞文案、產品去制定風格、主題，所以選色同樣可以參考文案，從文案中提取關鍵詞，依據關鍵詞同樣也可以提取相對應的顏色，比如：
文案在一個畫面中的重要性也是很高的，因為用戶在不看文案的前提下理解設計畫面速度是相對緩慢的，所以文案結合畫面的方式能夠大大的提升用戶對整體的理解速度，也就是捕捉信息的速度，將文案與畫面很好的結合在一起也是設計師所必備的技能，這樣做的目的在于讓文案與畫面形成視覺上的呼應，也更利于視覺信息的傳遞。
前面說的大多都是通過顏色找整體的呼應關系，這樣做的目的是讓畫面整體更和諧、整體性更強。而還有一種選色的形式，即以主體顏色的反色作為主色調，也可以理解為：主體比重較大顏色的對比色或間隔色作為主色。比如：
將主色和主體色通過對比色或間隔色的關系拉開對比，目的是讓主體在整個畫面中的視覺形象更加鮮明，視覺感受更加強烈，但是要注意的是：在選反色時，盡量選用主體色中比重較大顏色的反色，這樣才能起到強烈對比的效果。
再說下點綴色，點綴色的作用很大程度上是豐富畫面整體色感的，它的用色比例只占畫面整體的5%~10%左右，點綴色的選色很多時候是畫面主色的反色，目的是讓畫面整體色感不顯得單調、缺少變化，同時也有豐富畫面的作用，但是要注意不要大面積的使用，起到點綴、打破的作用即可。
總的來說，其實配圖的過程就是在配色，當一個畫面的主體、風格、文案確定時，我們就可以依據這些進行選整體色，只有主色確定時才有必要進行下面配色的工作，而不是把配色放在所有工作之前。今天主要說的就是選色的幾種常用方式，選色的過程其實也是在配色，配色合不合理要看整體效果，設計的整體感也是很重要的，凡事要做到有所依據。最后還是那句話，配色是感性的，理論是提供思路和方向的，兩者相互結合才能把配色做的更出彩。
藍藍設計( m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。