本文格式為Word版，下載可任意編輯——設計中配色的小技巧設計中配色的小技巧

選對色調，是每個設計師的根本功，說來簡樸，但是千變萬化，看似繁雜，然那么有跡可循。下面是由我為大家整理的配色的小技巧，熱愛的可以珍藏一下!了解更多詳情資訊，請關注我!

配色切實是一件難搞的事情。它牽涉到文化背景，受到方方面面的影響，在情感含義上的理解又因人而異，設計師所面對的問題往往是選擇太多，而非太少。

配色的方法好多，輔佐工具也不少，但是令人印象深刻的，往往是一些頗為有意思的技巧。今天，我們共享配色大師PatrickMultani的色調搭配技巧?？赡苓@10個技巧，會成為你的配色體系的穩當補充~

技巧1：謹記配色策略

在開頭著手挑揀配色之前，我往往會翻看DustinSenos關于設計原那么的短文。他在文章中，闡述設計原那么的方式分外有意思，干練而好玩，"方向優于選擇'，"適合優于一致'，"進展性優于總結'。其實假設借用這種句式來總結配色也不錯："白色優于灰色'，"和諧優于錯位'，"沉靜優于強烈'。當我在工作的時候，我會時刻謹記這些配色策略，它們更像是一種感覺上的模范，就像用戶角色引導UX設計師來設計體驗一樣。

技巧2：取色一條線

當我在調色板上選擇色調的時候，我會傾向于沿著直線路徑來挑揀色調，從左到右，從上到下，或者沿著對角線來選取色調。這樣所獲得的一套配色可以兼顧到不同的按鈕狀態可用/不成用，活動/非活動，兼顧到視覺主體和邊框，背景等。我們也可以在取色器的同一個位置取色，調整色調，獲得的一組色度接近色調不同但是高度協調的色調組合。上圖中，中間那個就是。

技巧3：保持敏感，小幅調整

調配這這么多配色方案，給我最深刻的閱歷教訓就是：哪怕微弱的色調調整，都會對整個配色方案帶來巨大的影響。所以，我覺得在配色的時候，要保持敏感，小幅度調整和變更。你可以試著挑揀偏冷或偏暖的灰色，運用到你的配色方案中，你會察覺它們會不同程度地調和整個配色方案的協調度。根據這樣的策略，你可以挑揀出一大堆色調作為備選，反復迭代，變得對于微妙的色調變化更加敏感。

技巧4：善用疊加模式

假設你能善用混合模式，就能創造出令人著迷的配色方案。通過簡樸的疊加兩個色塊，選擇"Multiply'乘法混合模式，就能得到匹配的第三種色調。在白色背景上，我們還能通過調整通明度來快速調整色調的明暗。不過我始終覺得在黑色背景上來調整色調更有意思，搭配混合模式來探索色調的可能性，總能創造新的搭配。這種同色調的交互方式，為大量閱歷豐富的設計師所使用。

技巧5：沉靜而集中的配色

選好色調是一回事，在視覺設計中有效地運用它們是另外一回事。有的配色方案分外美麗，但是一旦運用在特定的設計工程當中，整個視覺就崩壞了。盡量讓配色方案中色調不要那么龐雜，讓整個設計更加沉靜。譬如，文本、圖標和邊框采用不同類型的藍色，能讓整個設計顯得協調。當你想要高亮突出什么東西的時候，可以采用這種方法。

技巧6：在不同背景下查看配色

我記得之前參與過一個可拓展的色調系統工程，當時我挑揀了大量微妙而接近的色調，當我留心掃視它們的時候察覺很難區分彼此。這個時候，我將這些色調復制了一份，然后添加了一個黑色的背景，這個時候，色調和色調之間的識別就變得明晰了，讓我能夠更好的作出選擇。

技巧7：明艷的色調更吸引人

在取色器的右上角取色能夠找到更加安好、更加吸引人的色調，供你運用在配色方案中。色調越靠左、靠下，色調上所疊加的灰度和黑色就越多，色調本身的重量就越重，而過重的色調會在潛意識上給人以壓力。所以，我更傾向于使用明顯亮堂的.色調來舉行設計。

技巧8：疊加圖層調色

想象有一張半通明的紙，當我們將它置于色調上方的時候，它能夠從視覺上"消減'色度。我們可以在PS和Sketch中來模擬這樣的"紙'，新建外形，通過調整通明度和混合模式，或者搭配使用來實現不同的效果，我們還可以調整紙張本身為白色或者黑色，在疊加混合模式下，能對色調的飽和度產生不同的影響。在有的UI設計工程當中，會借助這樣的技術來暫時調整整個區域的敏感色度，這比改色更加輕松，還保持了色調之間的協調度。

上圖中的三種效果：

黑色圖層，疊加混合模式，不通明度50%增加飽和度

白色圖層，正?；旌夏Ｊ剑煌鞫?0%變亮

黑色圖層，正?；旌夏Ｊ?，不通明度50%變暗

技巧9：根據前風景來挑揀背風景

當我選取背風景的時候，我更熱愛根據前風景來搭配，吸取前風景，調亮或者變暗，而不是選擇純粹的中性灰色。這樣的方式會讓背風景是或冷或暖