在眾多的UI設(shè)計規(guī)范中,色彩部分的介紹,都必然包含三種類型,分別是：

主色: 應(yīng)用的核心色彩,品牌色

輔色: 豐富頁面視覺和傳達(dá)效果的次要顏色

中性: 沒有色相的文字、背景用色

1、主色的選擇

主色是一個應(yīng)用的最核心的色彩,品牌的象征色,比如想到餓了么的藍(lán)色、微信的綠色、京東的紅色、淘寶的橙確定主色,并沒有大家想象的那么復(fù)雜,它的要點在于一一你想讓用戶感受到哪種情緒,然后通過情緒關(guān)聯(lián)一個大致的色彩范圍,再進行微調(diào)。

2、輔助色的選擇

輔助色是豐富應(yīng)用中的次要色彩,它會包含一到若干個和主色不同的色彩,除了品牌傳達(dá)外,具有更強的實用性。前面我們提到過色環(huán),這里就要派上用場了。我們知道色環(huán)是個色彩序列首尾相連的環(huán)形模型,它蘊含一個最樸素的原則,即兩個顏色在這個環(huán)形中角度越大,那么視覺差異性越大,對比越強，

這些配色的模式是不能閉著眼隨便挑的,它們僅僅作為一個色彩對比度的判斷標(biāo)準(zhǔn)。而真正輔助色的選擇,是根據(jù)實際場景的功能決定的。比如通知、提醒、取消用大紅色,確認(rèn)、同意用綠色或者藍(lán)色,收藏、打分、評價用橙黃色。都是已經(jīng)在用戶心智中建立了標(biāo)準(zhǔn)的用色類型,跟著常規(guī)方法來做,是沒有其它思路的情況下最簡單、最安全的輔助色選擇方式?jīng)]有標(biāo)準(zhǔn)元素用色的情況下,再考慮應(yīng)用色環(huán)的“角度原則”,越需要被突出的顏色,可以在色環(huán)中離主色越遠(yuǎn)越不需要被突出的則越近。比如攜程的應(yīng)用,主色在藍(lán)色的情況下,支付、保險金標(biāo)簽這些需要被重點突岀的色彩,使用了主色的互補色,讓我們一眼就能看見并產(chǎn)生強烈的操作欲望。

3、中性色的選擇

中性色,是頁面中文字、背景用到的顏色,它們承擔(dān)起最基本的層次表現(xiàn)、便于閱讀的重任。多數(shù)新手覺得中性色無關(guān)緊要,實際情況恰恰相反。主色輔助色決定了界面視覺是否岀彩,而中性色的應(yīng)用直接決定了頁面能不能正常使用。如果看過比較多的原型案例,就應(yīng)該明白,即使只有黑白灰的狀態(tài)下,我們理解這些頁面和進行使用也不會有絲毫的障礙。