漂亮很重要！UI設計師必備的7種色彩搭配方案

最新 06-02

「

靜電說：

合理運用色彩是每個設計師都應必須具備的技能，特別是插畫師和UI設計師。色彩理論知識的重要性也變得愈加明顯！

首先，色彩是最直接性的「語言」交流，它能夠在第一時間內吸引觀眾的注意力，使觀者的「眼睛」得到放鬆或者警惕；其次，色彩是最為引人注目的視覺因素。

」

掌握色彩在界面中的運用，自然是一名優秀UI設計師必須掌握的必殺技，本文章向大家介紹一些在UI設計中，實用的色彩搭配方案，希望對大家有所幫助。

色彩作為視覺傳達中非常重要的要素在UI設計中具有非常重要的作用，一個好的UI色彩提案可以起到：

1）顯示界面的整體架構

2）明確視覺層級關係

3）營造界面整體風格，甚至增加轉化

UI色彩搭配方案

色彩平衡在設計中至關重要，因為用戶第一眼看到網站或應用時，顏色具有很大的影響力。設計師的色彩方案就顯得尤為重要。

單色搭配

基於一種顏色以色調和飽和度區分層次。單色永遠是一個經典的選擇，因為它很難犯錯或做出令人反感的配色方案。

相鄰顏色搭配

選擇色輪上相鄰的顏色。這種類型的配色方案用於不需要對比度的設計，包括web或banner的背景。

高對比搭配

選擇色輪上對立面的顏色混合。該方案與相鄰色和單色相反，旨在產生高對比度。例如：藍色背景上的橙色按鈕非常吸睛。

協調對比搭配

這個方案與上一個方案類似，但是它採用了更多的顏色。例如：如果選擇藍色，則需要取其對立面中，相鄰的2個其他顏色（即黃色和紅色）。這裡的對比度不如【高對比方案】那麼強烈，但它允許使用多種顏色。

三色搭配

四分色搭配

四分色配色方案適合有經驗的設計師，因為它是最難平衡的。它採用色輪的四種互補顏色。如果將所選顏色上的點連接起來，會形成矩形。這種方案很難平衡色彩。

主色調輔助色點綴色搭配

主色調

主題色即界面中偏向的顏色，比如京東的主題色就是紅色，淘寶的主題色就是橙色。主界面到底應該選擇什麼樣的色彩搭配呢？下面就來介紹幾種方法：

第一種方法，可以根據企業 VI 來確定 UI 界面的主題色，通常一家企業的 VI 代表企業的文化或者行業屬性，比如中國銀行的 VI 主題色為紅色，紅色在金融行業代表漲的意思，同時紅色也是中國人比較喜歡的顏色，所以以前做的一個中國銀行的項目用的就是紅色。

第二種方法，可以根據用戶人群來確定UI界面的主題色，通常男生比較喜歡金屬質感的黑色、灰色、藍色系，女生喜歡的夢幻甜美色系、糖果色系，小朋友比較喜歡明度純度比較高鮮艷的顏色，這些案例其實就在我們身邊，平時多去收集或者觀察包裝盒，根據不同用戶人群去分類分析，你會從中得到很多啟發，一個精準的色彩提案已經成為用戶體驗中最重要的部分之一。