紫色

粉色

咖啡色

看完案例后可以發(fā)現(xiàn)，界面的配色確確可以影響到我們對這個作品的視覺感受，所以在界面設(shè)計(jì)后可以更具你定義的這個產(chǎn)品特質(zhì)：比如咖啡類產(chǎn)品基本主色固定使用咖啡色、或行業(yè)特性：金融產(chǎn)品基本使用藍(lán)色、又或是你希望傳遞出一些不一樣的感受還可大膽創(chuàng)新。

2【確定飽和度與明度】

在這里需要簡單介紹一些，在ui設(shè)計(jì)中最常使用的色彩調(diào)節(jié)模式：HSB。

H(色相)：即我們上面內(nèi)容講的紅、橙、黃、綠….

S(飽和度)：色彩的純度

B(明度)：色彩的明亮度

接下來主要講下HSB在拾色器上的選擇范圍，提前了解了一下目前網(wǎng)上介紹的一些方法，可以看出不管是哪種方法，靠下面靠右邊的區(qū)域都是不推薦使用的。

根據(jù)自己的使用頻率和分析一些優(yōu)秀的作品后，總結(jié)了如下規(guī)律：

03 輔助色如何選擇?

色相環(huán)中每個顏色都可以是主色，每個主色都能形成它們自己的同類、類似、鄰近、中差、對比、互補(bǔ)色。色相環(huán)上兩色之間的夾角可表示顏色之間的區(qū)分強(qiáng)弱，不能顏色搭配起來視覺效果感受不同。

同類色：15°角內(nèi)的顏色

鄰近色：60°角左右的顏色

類似色：90°以內(nèi)的三個互相連接的顏色

中差色：90°左右的顏色

對比色：120°左右的顏色

互補(bǔ)色：180°左右的顏色

1【同類色】

15°以內(nèi)，屬于單色調(diào)搭配。12 色相環(huán)中，同類色相當(dāng)于單色。

同類色配色極易調(diào)和，但對比微弱，色彩容易同化而顯得含糊不清，有點(diǎn)平淡乏味。所以在配色時需要拉大明度色階比如大紅與淺粉或點(diǎn)綴少量對比色，以獲得理想效果。

2【鄰近色】