學會給配色做減法，讓你的設計更加高端！

王M爭： 人類在回憶所看到過的場景和事物時，對色彩的記憶度要高于形態(tài)。也就是說，從視覺角度來看，一款產品給用戶留下最深的印象每每是界面的配色。由此我們也能夠看出配色可以說是設計師最緊張的武器，很可能沒有之一，但是這個武器有使用的「限定」。

UI設計的一個基本原則就是避免網頁中出現(xiàn)過多的顏色，這個道理大家都懂，但是在真正本身設計的時候總是會下意識的引入過多的顏色，導致整個界面看起來特別很是的紊亂。所以對于設計師來說，學會給界面的配色做減法是很緊張的一項技能。

配色系統(tǒng)的目的

給一款產品建立配色系統(tǒng)之前，設計師首先要弄曉暢的是：我為什么要建立配色系統(tǒng)？這個題目聽起來十分多余而且稍顯無厘頭。但是在我看來，每次做東西之前常問本身為什么可以更好的進步工作服從。只有真正理解了配色的意義，我們才可以做到對癥下藥，進行有選擇性的刪減。

通常來說，配色系統(tǒng)的建立重要有以下三個目標：

• 視覺區(qū)分

• 調整界面風格

• 吸引用戶細致力

視覺區(qū)分

一個App或網站可能會有好幾個重要且同級別的功能和分區(qū)。這時，設計師必要對產品的信息內容和功能模塊進行團體規(guī)劃，建立界面的基本格局來幫助用戶在視覺上進行更好的區(qū)分。配色可以很好的幫助設計師實現(xiàn)這一目標。

配色可以完成視覺區(qū)分，但是視覺區(qū)分不是只能通過配色來實現(xiàn)。筆墨、圖像（圖標）、布局都可以完成視覺區(qū)分。

例如，一款理財類應用中有不同種類的理財產品（通俗型，隨借隨還型和可轉讓型）和不同的狀況（投資確認中，投資成功已起息，清算中等合計11種狀況）。

在這種情況下（3種產品類型，11種產品狀況），配色就要很警惕了。首先我們要對狀況進行整合，相似的狀況整合成一種，如許可以削減顏色的數量。當然會有人感覺六種顏色照舊多，由于書本上告訴我們統(tǒng)一網頁中配色不要超過三種。但是我們得從現(xiàn)實情況出發(fā)，對于理財產品來說，用戶不太可能在統(tǒng)一屏中看到悉數的六種狀況，也就是說用戶同時看到六種顏色的概率很小。

另外我們摒棄了對產品類型使用配色，由于狀況已經使用了六種配色。在這種情況下，假如我們還對產品類型使用顏色來區(qū)分（一個類型一個顏色），那么整個網頁就會顯得很亂。所以在這里，對于產品類型我們選擇使用筆墨（標簽）的情勢來區(qū)分。

筆墨相對于色彩來說，給用戶的視覺體驗照舊稍弱一點。所以我們要對要網頁中的內容做一個優(yōu)先級的排序，緊張的內容優(yōu)先使用配色。在這里我們認為相對于產品類型，用戶更關注本身產品的當前狀況。

視覺風格

產品的視覺風格是根據其自身定位和用戶需求所決定的，有的產品要求界面具有活力，能讓用戶產生愉快感（購買欲望），我們可以使用光波較長紅色和橙色來作為產品的主色調。

有的產品講究沉穩(wěn)舒適內斂，那么我們使用藍色，灰色可能會更加適合點。

配色可以很好的幫助我們建立一個產品的視覺風格。但是我們也要知道一款產品的視覺風格是由筆墨，圖像和色彩一路構成的。也就是說，筆墨和圖像同樣可以影響一款產品的視覺風格。

筆墨的跳躍率是指統(tǒng)一界面中不同筆墨之間的大小比率。不同功能的筆墨在排版設計的時候會有字號和字重的區(qū)別，例如主題目，副題目和正文的字號通常是依次減小的，這種字號的差異會帶來不同的筆墨跳躍率。一樣平常來說，筆墨跳躍率高的界面會顯得比較活潑，筆墨跳躍率低的界面會顯得鎮(zhèn)靜沉著。

在配色的時候，假如我們削減色彩的使用數目，大面積使用白，灰，黑或者其他同色相配色（藍色與淺藍色，紅色與粉紅色等），如許的界面會顯得端莊文雅且富有當代感，但是會顯得單調。那么我們就應該適度的提拔筆墨跳躍率給界面提拔一些活力。

當然，不只筆墨有跳躍率，圖片也有跳躍率。設計師可以通過對圖片和筆墨跳躍率的控制來減少界面視覺風格對于配色的依靠。

吸引用戶細致力

我們經常喜好使用配色來吸引用戶細致力，以下圖中舉動召喚按鈕(call to action)為例，配以與背景色差距較大的顏色使其可以從背景中凸顯出來。

其實我們即使不使用配色也可以很好的吸引用戶細致力。

谷歌搜索的主頁出現(xiàn)了大面積的留白，用戶的目光天然就會被吸引到搜索框。這和谷歌的初衷相契合，他們盼望用戶在這個網頁完成搜索操作，所以不用展示過多其他的信息來分散用戶的細致力。

陰影結果也可以用來吸引用戶細致力，陰影結果可以提拔目標元素的“海拔”，進而使其從背景中凸顯出來。

當然我們還可以使用模糊結果來吸引用戶細致力。用戶總是會不由自立的被那些對焦正確的部分吸引而忽視掉被虛化的部分。眼球的對焦機制彷佛一個調節(jié)器一樣捕獲那些離你忽遠忽近的物體，如許才能讓你感受到四周統(tǒng)統(tǒng)事物的深度和距離。這就是我們人眼的工作機制。設計師可以根據這個理論將界面中一些不緊張的內容進行模糊處理來凸顯那些緊張的內容。

總結

好的設計應該讓用戶短時間內就可以找到他們感愛好的內容，過多的給予對用戶來說其實是一種負擔。少即是多，這是當前互聯(lián)網時代的信條也是設計師必要服從的準則。盼望這篇文章可以給你帶來幫助。

迎接關注作者的微信公眾號：「王M爭」