這件事怎么聊都聊不完爷抓，不是么势决？選對色彩，是每個設(shè)計師的基本功蓝撇，說來簡單果复，但是千變?nèi)f化，看似復(fù)雜渤昌，然則有跡可循据悔。似乎每個設(shè)計項目在配色上传透，都多少會有些爭議，團(tuán)隊討論的時候誰都可以插手說上一嘴极颓，甚至許多產(chǎn)品的配色方案直到上線之前還會存在爭議朱盐。
配色確實是一件難搞的事情。它牽涉到文化背景菠隆，受到方方面面的影響兵琳，在情感含義上的理解又因人而異，設(shè)計師所面對的問題往往是選擇太多骇径，而非太少躯肌。
配色的方法很多，輔助工具也不少破衔，但是令人印象深刻的清女，往往是一些頗為有意思的技巧。今天晰筛，我們分享配色大師 Patrick Multani 的色彩搭配技巧嫡丙。也許這10個技巧，會成為你的配色體系的可靠補充~
技巧1：謹(jǐn)記配色策略
在開始著手挑選配色之前读第，我常常會翻看 Dustin Senos 關(guān)于設(shè)計原則的短文曙博。他在文章中，闡述設(shè)計原則的方式非常有意思怜瞒，干練而有趣父泳，“方向優(yōu)于選擇”，“合適優(yōu)于一致”吴汪，“發(fā)展性優(yōu)于總結(jié)”惠窄。其實如果借用這種句式來總結(jié)配色也不錯：“白色優(yōu)于灰色”，“和諧優(yōu)于錯位”漾橙，“沉靜優(yōu)于熱烈”睬捶。當(dāng)我在工作的時候，我會時刻謹(jǐn)記這些配色策略近刘，它們更像是一種感覺上的規(guī)范擒贸，就像用戶角色引導(dǎo)UX設(shè)計師來設(shè)計體驗一樣。
技巧2：取色一條線
當(dāng)我在調(diào)色板上選擇色彩的時候觉渴，我會傾向于沿著直線路徑來挑選色彩介劫，從左到右，從上到下案淋，或者沿著對角線來選取色彩座韵。這樣所獲得的一套配色可以兼顧到不同的按鈕狀態(tài)（可用/不可用，活動/非活動），兼顧到視覺主體和邊框誉碴，背景等宦棺。我們也可以在取色器的同一個位置取色，調(diào)整色調(diào)黔帕，獲得的一組色度接近色調(diào)不同但是高度協(xié)調(diào)的色彩組合代咸。上圖中，中間那個就是成黄。
技巧3：保持敏感呐芥，小幅調(diào)整
調(diào)配這這么多配色方案，給我最深刻的經(jīng)驗教訓(xùn)就是：哪怕輕微的色彩調(diào)整奋岁，都會對整個配色方案帶來巨大的影響思瘟。所以，我覺得在配色的時候闻伶，要保持敏感滨攻，小幅度調(diào)整和改變。你可以試著挑選偏冷或偏暖的灰色蓝翰，運用到你的配色方案中光绕，你會發(fā)現(xiàn)它們會不同程度地調(diào)和整個配色方案的協(xié)調(diào)度。根據(jù)這樣的策略霎箍，你可以挑選出一大堆色彩作為備選，反復(fù)迭代澡为，變得對于微妙的色彩變化更加敏感漂坏。
技巧4：善用疊加模式
如果你能善用混合模式，就能創(chuàng)造出令人著迷的配色方案媒至。通過簡單的疊加兩個色塊顶别，選擇“Multiply”（乘法）混合模式，就能得到匹配的第三種色彩拒啰。在白色背景上驯绎，我們還能通過調(diào)整透明度來快速調(diào)整色彩的明暗。不過我始終覺得在黑色背景上來調(diào)整色彩更有意思谋旦，搭配混合模式來探索色彩的可能性剩失，總能創(chuàng)造新的搭配。這種同色彩的交互方式册着，為許多經(jīng)驗豐富的設(shè)計師所使用拴孤。
技巧5：沉靜而集中的配色
選好色彩是一回事，在視覺設(shè)計中有效地運用它們是另外一回事甲捏。有的配色方案非常漂亮演熟，但是一旦運用在特定的設(shè)計項目當(dāng)中，整個視覺就崩壞了。盡量讓配色方案中色彩不要那么龐雜芒粹，讓整個設(shè)計更加沉靜兄纺。比如，文本化漆、圖標(biāo)和邊框采用不同類型的藍(lán)色估脆，能讓整個設(shè)計顯得協(xié)調(diào)。當(dāng)你想要高亮突出什么東西的時候获三，可以采用這種方法旁蔼。
技巧6：在不同背景下查看配色
我記得之前參與過一個可拓展的色彩系統(tǒng)項目，當(dāng)時我挑選了大量微妙而接近的色彩疙教，當(dāng)我仔細(xì)審視它們的時候發(fā)現(xiàn)很難區(qū)分彼此棺聊。這個時候，我將這些色彩復(fù)制了一份贞谓，然后添加了一個黑色的背景限佩，這個時候，色彩和色彩之間的區(qū)別就變得明晰了裸弦，讓我能夠更好的作出選擇祟同。
技巧7：明艷的色彩更吸引人
在取色器的右上角取色能夠找到更加安全、更加吸引人的色彩理疙，供你運用在配色方案中晕城。色彩越靠左、靠下窖贤，色彩上所疊加的灰度和黑色就越多砖顷，色彩本身的重量就越重，而過重的色調(diào)會在潛意識上給人以壓力赃梧。所以滤蝠，我更傾向于使用清晰明亮的色調(diào)來進(jìn)行設(shè)計。
技巧8：疊加圖層調(diào)色
想象有一張半透明的紙授嘀，當(dāng)我們將它置于色彩上方的時候物咳，它能夠從視覺上“消減”色度。我們可以在PS和Sketch中來模擬這樣的“紙”蹄皱，新建形狀览闰，通過調(diào)整透明度和混合模式，或者搭配使用來實現(xiàn)不同的效果巷折，我們還可以調(diào)整紙張本身為白色或者黑色焕济，在疊加混合模式下，能對色彩的飽和度產(chǎn)生不同的影響盔几。在有的UI設(shè)計項目當(dāng)中晴弃，會借助這樣的技術(shù)來暫時調(diào)整整個區(qū)域的敏感色度，這比改色更加輕松，還保持了色彩之間的協(xié)調(diào)度上鞠。
上圖中的三種效果：
黑色圖層际邻，疊加混合模式，不透明度50%（增加飽和度）
白色圖層芍阎，正呈涝混合模式，不透明度50%（變亮）
黑色圖層谴咸，正陈痔混合模式，不透明度50%（變暗）
技巧9：根據(jù)前景色來挑選背景色
當(dāng)我選取背景色的時候岭佳，我更喜歡根據(jù)前景色來搭配血巍，吸取前景色，調(diào)亮或者變暗珊随，而不是選擇純粹的中性灰色述寡。這樣的方式會讓背景色是或冷或暖的淺灰，給人一種協(xié)調(diào)的感覺叶洞。
技巧10：色彩的明暗與前后
最后鲫凶，我們應(yīng)該始終謹(jǐn)記色彩的明暗所帶來的視覺深度原理。在較深的背景下衩辟，淺色會顯得更靠前螟炫，而在較淺的背景下，深色會顯得突出而靠前艺晴。
原文作者：Patrick Multani
譯者：陳子木
