選對色彩：你需設(shè)計要get的配色小技巧

2019-12-06 點擊量：

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

配色的方法很多，輔助工具也不少，但是令人印象深刻的，往往是一些頗為有意思的技巧。今天，小編給大家分享一個配色大師 Patrick Multani 的色彩搭配技巧。也許這10個技巧，會成為你的配色體系的可靠補充~

謹記配色策略

在開始著手挑選配色之前，我常常會翻看 Dustin Senos 關(guān)于設(shè)計原則的短文。他在文章中，闡述設(shè)計原則的方式非常有意思，干練而有趣，“方向優(yōu)于選擇”，“合適優(yōu)于一致”，“發(fā)展性優(yōu)于總結(jié)”。其實如果借用這種句式來總結(jié)配色也不錯：“白色優(yōu)于灰色”，“和諧優(yōu)于錯位”，“沉靜優(yōu)于熱烈”。當我在工作的時候，我會時刻謹記這些配色策略，它們更像是一種感覺上的規(guī)范，就像用戶角色引導(dǎo)UX設(shè)計師來設(shè)計體驗一樣。

取色一條線

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

保持敏感，小幅調(diào)整 

調(diào)配這這么多配色方案，給我最深刻的經(jīng)驗教訓(xùn)就是：哪怕輕微的色彩調(diào)整，都會對整個配色方案帶來巨大的影響。所以，我覺得在配色的時候，要保持敏感，小幅度調(diào)整和改變。你可以試著挑選偏冷或偏暖的灰色，運用到你的配色方案中，你會發(fā)現(xiàn)它們會不同程度地調(diào)和整個配色方案的協(xié)調(diào)度。根據(jù)這樣的策略，你可以挑選出一大堆色彩作為備選，反復(fù)迭代，變得對于微妙的色彩變化更加敏感。

善用疊加模式

如果你能善用混合模式，就能創(chuàng)造出令人著迷的配色方案。通過簡單的疊加兩個色塊，選擇“Multiply”（乘法）混合模式，就能得到匹配的第三種色彩。在白色背景上，我們還能通過調(diào)整透明度來快速調(diào)整色彩的明暗。不過我始終覺得在黑色背景上來調(diào)整色彩更有意思，搭配混合模式來探索色彩的可能性，總能創(chuàng)造新的搭配。這種同色彩的交互方式，為許多經(jīng)驗豐富的設(shè)計師所使用。

沉靜而集中的配色

選好色彩是一回事，在視覺設(shè)計中有效地運用它們是另外一回事。有的配色方案非常漂亮，但是一旦運用在特定的設(shè)計項目當中，整個視覺就崩壞了。盡量讓配色方案中色彩不要那么龐雜，讓整個設(shè)計更加沉靜。比如，文本、圖標和邊框采用不同類型的藍色，能讓整個設(shè)計顯得協(xié)調(diào)。當你想要高亮突出什么東西的時候，可以采用這種方法。

在不同的背景下查看配色

我記得之前參與過一個可拓展的色彩系統(tǒng)項目，當時我挑選了大量微妙而接近的色彩，當我仔細審視它們的時候發(fā)現(xiàn)很難區(qū)分彼此。這個時候，我將這些色彩復(fù)制了一份，然后添加了一個黑色的背景，這個時候，色彩和色彩之間的區(qū)別就變得明晰了，讓我能夠更好的作出選擇。

明艷的色彩更吸引人

在取色器的右上角取色能夠找到更加安全、更加吸引人的色彩，供你運用在配色方案中。色彩越靠左、靠下，色彩上所疊加的灰度和黑色就越多，色彩本身的重量就越重，而過重的色調(diào)會在潛意識上給人以壓力。所以，我更傾向于使用清晰明亮的色調(diào)來進行設(shè)計。

疊加圖層調(diào)色