配色是每個設計師的必修課。無論是插畫師，UI 設計師還是網頁設計師，配色是設計中繞不開的環節。隨著Material Design 和扁平化設計的大範圍普及，相關的色彩理論也成了設計師必須掌握的規則。
近年來，在不同的數字產品當中，我們會發現大量鮮豔的色彩和不同的漸變效果，而這些產品的類型橫跨主打趣味性和娛樂性的應用和相對嚴肅的功能性和商業性的產品。但是，鮮豔的色彩對於用戶體驗的影響，討論依然很多。今天的文章，我們就一起來探討一下這個問題。
明豔的色彩是如何提升UI設計效果的？
提升可讀性和易讀性
在之前的《在這些因素的制約之下，才能選取出科學的配色方案》這篇文章當中，我們討論過了影響配色方案選取的諸多因素。可讀性和易讀性是設計師選取配色時候需要考慮的基本因素。可讀性是用戶閱讀文本內容的難易沉痼，易讀性則涉及到特定字母文字之間的區分度。
鮮豔的色彩能夠提供足夠好的對比度，有助於提升可讀性和易讀性，讓佈局中的各個元素之間的區分度變得明顯。但是高對比度並不一定總是奏效的，如果文本和背景之間的對比度過大，可能會產生暈影從而導致難於閱讀。這也是為什麼需要設計師創造出相對溫和、恰當的對比度，而高對比度在凸顯展示性元素的時候是不錯的選擇。
銳化導航並提升互動
視覺層次幾乎是所有的數字產品中創造導航和交互的核心元素。UI 組件需要以層次分明的方式組織起來，用戶的大腦才能通過層次所營造的差異區分對象，明白優先級。
色彩是有層次的，但是這種層次是怎麼樣被理解，則和用戶的思維有關係。紅色和橙色是大膽鮮亮的色彩，乳白色和奶黃是柔和的色彩，明亮的色彩更容易被注意到，所以設計師會使用它們來表現他們覺得需要突出顯示的元素。將同一種色彩運用在不同的元素上的時候，相同的色彩會使得它們產生在重要性或者功能上的關聯。
可識別性
人類的大腦對於鮮豔大膽的色彩反映強烈，這也是為什麼鮮豔的色彩更容易被記住。在數字產品當中，色彩相對更加鮮豔的UI 會更容易脫穎而出。不過，通常而言，即便如此，色彩的選取也是要基於目標受眾和市場調研的。
如果一個企業的LOGO、產品和它們的網站都使用了高度統一的配色，那麼這在一定程度上將品牌的識別度最大化了。通過這種方式，設計師藉助高度一致的可視化解決方案，來提升品牌的知名度。
營造氛圍，傳遞情緒
色彩是會影響人的情緒，並且能夠營造氛圍的。設計師是需要知道色彩是如何影響我們的情緒和行為的。我們的大腦對於不同的色彩有著不同的反映，但是通常都不會注意到這些反應。色彩心理學的研究表明，我們的眼睛感知到一種色彩的時候，大腦會向內分泌系統釋放對應的激素，刺激不同的情緒的轉變。
選擇正確的色彩有助於讓用戶處於正確的情緒當中，傳遞正確的信息。舉個例子，如果想要創建自然或園藝相關的產品UI 界面，採用綠色或者藍色的配色能夠很好的匹配這一主題，傳遞相應的感覺。
時尚的外觀和風格
明亮鮮豔的色彩和漸變色在 UI 設計領域是最流行的趨勢。現在越來越多的移動端應用和網站開始使用這樣的配色來吸引人，儘管競爭激烈，但是確實很好的吸引了用戶的注意力。
在UI中使用明亮的色彩同樣存在問題
明亮的配色並不容易搭配
首先配色方案並不是依靠純粹的感覺來搭配出來的，這樣做很容易出問題。如果你想穿鑿協調的配色，色彩運用規律、配色的知識和技巧是必不可少的。
然而，在UI 界面當中，越是鮮豔的色彩，越是難為它搭配出優質的配色方案。為了讓用戶感到高興和舒適，設計師需要讓整個UI界面保持協調和平衡，協調的色彩才能讓用戶感到舒適，給用戶留下良好的第一印象。通常而言，設計師配色會選用下面常見的幾種方案：
單色配色 ：同一色彩色系下不同明暗、飽和度色彩的搭配。類似色配色：色輪上彼此相鄰的色彩構成的配色方案。互補色配色：色輪上處於相對位置的色彩的配色。拆分互補色配色：和互補色類似，但是色彩更多。它通常是色輪上一個色彩和相對位置相鄰的兩種色彩搭配起來的配色方案。比如藍色和橙色是相對互補色，選取藍色和橙色兩邊的黃色和紅色，這三種色彩就是拆分互補色。三元色配色：色輪上互相處於120度角的三種色彩構成的配色方案。雙互補色配色：兩組互補色構成的四色配色方案。
缺少風格和調性
的確，明亮鮮豔的色彩能夠讓UI 有調性和風格，但是如果太多明亮的色彩在一起，就毫無風格調性可言了。
這也是為什麼那麼多設計師會推崇6:3:1的配色比例了。其中佔據60%的是主色調，30%是次要的色調，只有10%是鮮豔的色彩，用來提升整體調性的。這樣的配色方案能夠創造出協調而有層次的配色，也更加容易讓人感知且感到愉悅。
明亮的色彩並不適合所有的用戶群體
用戶調研是產品設計的一個重要環節。界定和分析目標受眾才能瞭解網站和 APP 的設計預期。年齡、性別和文化等因素都影響著潛在用戶的偏好。比如孩子喜歡黃色和紫色，但是絕大多數的成年人並不會那麼偏好這兩種色彩。藍色和綠色這樣的冷色調幾乎不分男女都喜歡，但是女性通常不如男性喜歡橙色，同時，男性絕大多數時候更加偏好黑白灰這樣的中性色，女性則不然。
鮮豔的色彩所面臨的情況也是一樣。即使你所設計的是娛樂性較強的應用或者網站，你同樣需要考慮目標受眾的具體情況。中年用戶更喜歡輕量級的色彩和用戶界面，明亮大膽的色彩並不在他們的偏好當中。
鮮豔的色彩在移動端屏幕上會顯得過於扎眼
正如同我們在前面所說的，明亮的色彩會產生強烈的對比，有助於突出用戶界面中的元素，並且提供良好的可讀性和易讀性。然而對比度這種東西也應該是適度就好，太過於強烈的對比所帶來的效果你並不會喜歡，尤其是在空間有限、使用場景複雜的移動端界面上。
在小屏幕上，過於明亮的字體會讓眼睛不舒服，這也是為什麼要控制對比度。想要讓眼睛感到舒適，設計師經常需要反覆調整對比度。
色彩對於設計師而言是偉大的工具，但是和其他的工具一樣，它是有優缺點的，明確了它的優缺點才能更好地完成設計工作。
注意：意思整理內容來源於網絡，僅供學習參考，不做商用，如有侵權請聯繫刪除！
閱讀更多 大蘇蘇學長 的文章
