前端工程師應該具有的配色知識

配色基礎

色輪

配色方案

單色搭配

顧名思義，只是用一種主要顏色來構建UI，以色調和飽和度區分層次，這種配色是中規中矩的，不會形成那種另人方案的UI。

鄰色搭配

選擇色輪上相鄰的顏色進行搭配，用於不一樣對比色的設計。

對比搭配

選擇色輪上對立面的顏色混合，該方案與鄰色和單色相反，旨在產生高對比度，用來引發用戶關注。

協調對比搭配

這個方案與上一個方案相似，可是它採用了更多的顏色。

例如：若是選擇藍色，則須要取其對立面中，相鄰的2個其餘顏色（即黃色和紅色）。

這裏的對比度不如【高對比方案】那麼強烈，但它容許使用多種顏色。

三色搭配

當設計須要更多的顏色時，能夠嘗試三色方案。

它基於色輪上等距的三種不一樣顏色。

爲了畫面的平衡，建議使用一種顏色做爲主導，另外一種做爲輔助。

四分色搭

四分色配色方案適合有經驗的設計師，由於它是最難平衡的。

它採用色輪的四種互補顏色。

若是將所選顏色上的點鏈接起來，會造成矩形。這種方案很難平衡色彩。

配色方案

1

coolors

2

uigradients

3

uisdc

4 nipponcolors

5

colordrop

6

colorfavs

7

colorhunt

8

materialpalette

9

picular

10

thedayscolor