配色中的小技巧

　　選對色彩，是每個(gè)設計師的基本功。配色的方法很多，輔助工具也不少，但是令人印象深刻的，往往是一些頗為有意思的技巧。

　　技巧1：謹記配色策略

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

　　技巧2：取色一條線(xiàn)

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

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

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

　　技巧4：善用疊加模式

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

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

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

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

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

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

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

　　技巧8：疊加圖層調色

　　想象有一張半透明的紙，當我們將它置于色彩上方的時(shí)候，它能夠從視覺(jué)上“消減”色度。我們可以在PS和Sketch中來(lái)模擬這樣的“紙”，新建形狀，通過(guò)調整透明度和混合模式，或者搭配使用來(lái)實(shí)現不同的效果，我們還可以調整紙張本身為白色或者黑色，在疊加混合模式下，能對色彩的飽和度產(chǎn)生不同的影響。在有的UI設計項目當中，會(huì )借助這樣的技術(shù)來(lái)暫時(shí)調整整個(gè)區域的敏感色度，這比改色更加輕松，還保持了色彩之間的協(xié)調度。 上圖中的三種效果：

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

　　白色圖層，正�；旌夏Ｊ�，不透明度50%(變亮)

　　黑色圖層，正�；旌夏Ｊ�，不透明度50%(變暗)

　　技巧9：根據前景色來(lái)挑選背景色

　　當我選取背景色的時(shí)候，我更喜歡根據前景色來(lái)搭配，吸取前景色，調亮或者變暗，而不是選擇純粹的中性灰色。這樣的方式會(huì )讓背景色是或冷或暖的淺灰，給人一種協(xié)調的感覺(jué)。

　　技巧10：色彩的明暗與前后

　　最后，我們應該始終謹記色彩的明暗所帶來(lái)的視覺(jué)深度原理。在較深的背景下，淺色會(huì )顯得更靠前，而在較淺的背景下，深色會(huì )顯得突出而靠前。

【配色中的小技巧】相關(guān)文章：

PPT的配色技巧04-01

網(wǎng)頁(yè)設計配色技巧03-07

眼影配色技巧大全03-30

平面設計的配色技巧　03-20

家居裝飾配色技巧大全03-18

2015最佳染發(fā)的配色技巧知識03-18

比賽中的殺球小技巧03-20

室內裝修涂料的配色技巧03-17

關(guān)于室內設計的配色技巧03-26