UI設計的基本原則就是避免頁面中出現過多的顏色，這個道理相信很多設計師都懂。從視覺角度來看，產品給用戶留下最深刻的印象就是界面的配色，但如果界面配色過多，就會顯得整個界面都非常雜亂。所以對設計師來說，懂得為界面配色做減肥是非常重要的。

為什麼要為產品建立配色體系

通常來說，為產品建立配色體系主要有以下三個目標：視覺區分、調整界面、吸引用戶注意力。

● 視覺區分

每個產品可能都會有好幾個主要且同級別的功能和分區，這時，設計師就需要對產品的信息內容和功能模塊進行整體規劃，建立界面的基本格局就可以幫助用戶在視覺上更好地進行區分，而配色就可以很簡單地幫助設計師實現這一目標。

如果，產品分類較多的時候，配色就要很小心了，首先我們要對分類進行整合，相似的分類整合成一種顏色，這樣就可以減少配色的數量。但即使顏色的種類多於三種，我們要根據實際情況出發，例如：如果界面上的配色有6種，但這6種顏色未必能在界面全部顯示，這也就說，用戶能同時看到6種顏色的幾率是很小的。

當然，配色可以幫助解決面視覺區分，但文字、圖像、佈局等都可以實現視覺區分的效果。例如：如果界面已經存在6種顏色，這樣就會顯得界面很凌亂，這時候你就可以利用文字來進行區分。不過要注意的是，使用文字區分，給用戶的視覺體驗還是稍弱一點，所以對界面中的內容應該做一個優先級排序，重要的內容優先使用配色，次要內容用其他方式區分。

● 視覺風格

產品的視覺風格是根據其自身定位和用戶需求所決定的，有些產品要求界面具有活力，能讓用戶產生興奮感，我們可以使用較為鮮艷的顏色來作為產品的主色調;如果產品追求的是沉穩舒適內斂，這時候使用藍色、灰色會更為適合。

配色可以很好地幫助我們建立一個產品的視覺風格。但在配色的時候，如果我們減少色彩的使用數目，大面積的使用同色相配色，這樣的幾面雖然顯得莊重且富有現代感，但是會略顯單調，那我們就可以適度的提升文字跳躍率來給界面提升一些活力。

一款產品的視覺風格不但是由色彩構成，文字和圖像同樣重要，也就是說，文字和圖像同樣可以影響一款產品的視覺風格。所以，設計師可以利用圖片和文字跳躍率的控制來削減界面視覺風格對配色的依賴。

* 文字跳躍率指的是同一界面中不同文字之間的大小比率。

● 吸引用戶注意力

我們經常會使用配色來吸引用戶注意力，例如設計行為召喚按鈕時，設計師都配以與背景色差距較大的顏色使其更為突出。

其實，我們不使用配色同樣能更好地吸引用戶的注意力。例如：Google搜索的主頁出現大面積的留白，用戶的目光就會被搜索框所吸引，這也是和谷歌的初衷相結合。谷歌這樣設計的目的就是不想展示過多的信息分散用戶的注意力，所以整個界面只留下logo和搜索框設計。

除了配色、留白，使用模糊效果同樣可以吸引用戶，因為用戶總會不由自主的被那些對焦準確的部分吸引，而忽略被虛化的部分。所以設計師也可以嘗試這一方法，將界面中不重要的內容進行模糊處理突顯重要的信息。

特別的配色方法可以讓用戶在短時間內找到他們感興趣的內容，但是過多的顏色卻給用戶帶來不少的負擔。在平時的生活中，我們可以嘗試參考一下別人的作品，總結一些設計的技巧，這對你日後的設計生涯中有不少的幫助。