&

當我們評價一款app時，配色應該是僅次于其功能性的另一主要因素?，F如今人機交互主要通過GUI來實現，色彩在交互過程中扮演著重要的角色。良好的色彩搭配會幫助用戶發現頁面中的重點，找到他們急于尋找的元素，更好的了解app的操作流程。每款app都會有一套其獨有的配色方案。建立一套app的配色方案是件很困難的事情，因為理論上說你有無數種的組合方式。App中的色彩應用究竟有哪些重點呢？配色方案的建立又有著哪些套路呢？

色彩的數目

在app的界面中，盡量不要使用過多的顏色。誠然，過少的顏色搭配很難第一眼就能吸引住用戶。但是你的app畢竟不是一錘子買賣，把用戶吸引來就完事了。特別現在很多app都是偏工具類的，用戶會經常使用app，那么頁面中過多的顏色會讓用戶抓不到重點，影響用戶體驗。

多倫多大學曾經做過一項調查，發現大部分用戶都傾向于一個app頁面中只有2—3款顏色。

配色原則

好吧，我們已經知道了用戶只喜歡2到3款顏色。那么我們怎么才能正確的挑出那2到3款顏色呢？色輪可以幫助我們。

十二輻色輪對于我們建立一款app配色方案來說是一個重要的工具，特別是對于菜鳥級別設計師來說。

單色搭配（ Monochromatic ）

單色搭配就是單一色系的搭配，在顏色的深淺、明暗或飽和程度上有所調整來形成明暗的層次關系。

單色搭配在app UI設計中一直都是一個不錯的選擇，特別是藍色系和綠色系。

類比色搭配（ Analogous ）

類比色搭配是指選用一款顏色作為主色調，色輪中臨近的顏色作為輔色。因為在色輪中相互靠的很久，所以搭配起來不會有很突兀的感覺。

這種配色方案看起來很容易操作，但是實際上主色與輔色的挑選卻是很傷腦筋的。主色和輔色在色輪中的距離如果過遠，那么整個頁面就會顯得用力過猛。當然挑選的好則另當別論。

Clear是一款管理行程的app，在這里設計師通過從橘黃色到紅色的一個漸變來給用戶提供不同任務優先級順序的視覺提示。

Clam是一款音樂播放軟件。該軟件專門播放一些讓人放松的音樂能讓你平靜，冥想、睡眠、放松、改善情緒！當你失眠時靜靜Calm能幫你很快的進入夢鄉。設計師主要采用了藍色和綠色來幫助用戶放松身心。

補色搭配（ Complement ）

在色輪上直線相對的兩種顏色稱為互補色。互補色因為互相處于對方的對立面，所以搭配起來會形成強烈的對比效果，進而吸引用戶的注意力。

比如，當我們的眼睛看到一大塊綠色區域時，一小塊紅色就會顯得特別突出。

自定義配色方案（Custom Color Scheme）

創建一套新的配色方案并不是想象之中那么難的。最簡單的方法就是挑選一款明亮歡快的顏色(比如企業色)作為主色，然后挑選幾款中性色作為輔色。這樣一套配色方案就完成了，而且效果也相當不錯。

藍色、白色、深灰、淺灰和黑色就是Dropbox頁面里出現的所有顏色。就是這么簡單

配色神器——Adobe Color CC

Adobe Color CC是由Adobe公司開發的是一款動態的配色識別工具，通過攝像頭的實時拍攝，它會自動識別出當前圖像中幾個主要的配色組合。如果不想讓應用隨機挑選，便可以點擊屏幕鎖定，然后手動調節。

你也可以自己創建新的配色組合保存到library中。此外Adobe Color CC還提供了很多現成的配色方案。

對比度的應用

通常，頁面的元素都不是單獨出現的。比如你不可能看到一個頁面中只有一個按鈕，沒有任何文字，圖標。頁面面中的任何一個元素都是整個系統的一個部分，不同的元素共同構成了一個頁面。頁面中的元素有優先級之分，有的元素更加重要，我們希望用戶看到或者誘導用戶進行操作。我們可以通過形狀，顏色來產生視覺上的一個對比。我們這里主要討論顏色使用帶來的對比。