色彩對於設計的重要性毋庸置疑。幾個世紀以來，科學家們一直在研究顏色的生理效應。除了美學之外，色彩更是情感和聯想的創造者。色彩的意義還會因文化和環境的不同而有所差異。
對於互動設計來說，色彩不僅僅是設計的一部分，對人潛移默化的影響是十分大的。運用好色彩的特質進行搭配是完善用戶體驗，實現人機互動的重要手段，也是互動設計作品中不可忽視的重點。
掌握好以下這幾條互動設計色彩搭配小技巧，大量瀏覽優秀設計師的配色理念和方式，相信你的作品就會有質的飛躍！接下來，就來細細的品讀下Joey老師的分享吧~
01、色彩搭配技巧
60-30-10規則
一個被稱為 「60-30-10 「的簡單規則可以幫助創造一個適當的平衡。這個技巧最初是來自於室內設計。
設計過程中遵循這個規則，60%的主色調，30%的次要顏色，10%的強調色。
公式之所以有效，是因為它能創造出一種平衡感，讓人的視線從一個焦點轉移到下一個焦點，視覺感受非常和諧有序。
始終是灰度
我們喜歡在設計中用不同的顏色和色調進行探索，但當你已經花了10多個小時調整主色調或更改強調色時，這種行為可能會把你帶入歧途。
設計的第一個版本應該採用不同的灰度色調，突出元素間的層次結構和視覺主次。當設計只剩下灰度時，可以清晰的觀察到明暗之間的差異。
這將有助於我們調整色彩之間的明暗程度和透明度，搭配出更和諧的配色。
巧用色環進行搭配
有些顏色會很好搭配，而另一些顏色則會發生衝突。它們之間的相互作用是有明確的規則的。
要完全熟悉並掌握色環上的顏色，區分同色系、近似色、對比色、互補色的定義和使用規則。
色輪對稱位置的兩種色彩對比強烈，比如紅和綠，藍和黃，設計中多運用對比色，可以讓設計更具視覺衝擊力。
02、互動設計配色分享
01 單色搭配
基於一種顏色進行整體設計，以顏色的色調、飽和度、明暗度進行層次區分。單色永遠是一個經典的選擇，可以讓布局更乾淨、有秩序。
單色設計的難度在於挑選一種顏色作為主色調。因為不同色彩有著不同的氣質，是可以傳遞出不同的情緒。
例如：紅色傳遞愛與激情；藍色表達出穩重和諧、綠色代表自然和希望，粉色則容易讓人聯想到浪漫、偏女性化的事物...
設計前，仔細想想設計對象的形象和定位，什麼樣的色彩會比較合適？確定色彩的色相之後，考慮色彩的明暗和飽和度。調整這些屬性，讓整體色調設計更貼合你的設計目標。
單色設計案例分享:
藍色：
02 相鄰顏色搭配
相鄰色，是指在色相上挨著的顏色。這樣的顏色搭配起來，讓畫面整體顯得和諧。
下面這組案例，就選擇了黃色、橙色、棕色這組相鄰色的搭配，整體感覺不會突兀和扎眼，讓人視覺上感覺很舒服。
要特別注意的是，相鄰顏色的選擇在色溫、飽和度、明亮度方面要儘量保持統一，避免出現特別跳躍的顏色，才能成功營造出和諧統一的視覺外觀。
相鄰顏色設計案例分享:
藍色、紫色：
03 對比、互補色搭配
色彩對比使界面更具動感。補色是在色輪中彼此相對的補色。通過使用互補色元素，可以在設計中產生對比和動態效果。
對比顏色的好處是可以賦予界面能量，增強一些我們希望用戶注意的相關點。要使這些顏色和諧相處並不容易，如果濫用就會造成視覺混亂，所以要把握好顏色的比例。
最經典的對比色就當數黑白了，這也是最不容易出錯的對比色搭配。
在色彩繁多的轟炸之下，可能會產生視覺疲勞。合理運用黑白可以表達清新感或者濃鬱感，整體給人一種高級神秘、沉穩大方的感覺。
對比、互補色設計案例分享：
紅綠、黃紫、橙藍
04 多色搭配
很多時候在設計中，我們用到的顏色不止一個。這時，一定要注意把控好顏色的統一性、和諧性。
將顏色統一的最簡單辦法，是將色彩的明度與飽和度調整到同一水準。改變色相，並根據顏色的不同需求進行搭配。
例如：如果選擇藍色為主基調，則需要取其對立面中，相鄰的2個其他顏色（即黃色和紅色）。顏色對比不是那麼強烈，但它允許你合理的搭配多種顏色。
為了畫面的平衡，建議使用一種顏色為主導，另幾種作為輔助色逐個添加。同時要把握好比例，避免出現混亂的情況。
多色搭配設計案例分享：
藍紅橙灰、藍玫紅紫
色彩有時真是門玄學，往往有些意想不到的色彩搭配起來，卻異常的出彩。最後，附贈同學們一張2020年絕佳的8組顏色搭配方案，通過過這些配色組合可以讓設計更出彩。
如果你也經常因為顏色搭配問題，變得不知所措，不如掌握文中的小技巧和配色方案，為完成高質量的作品集提前打基礎。同學們，練起來把~
如果你也對互動設計專業感興趣，想要考慮藝術留學的話，歡迎隨時掃碼來撩和創藝術留學。
文章首發於【作品集分享portfolio】