配色方法,三種UI的選擇配色方法

2022-12-26 18:34:35 來源/作者: / 己有:72人學習過

方法一:色輪配色

色輪由 12 種基本的顏色組成。

首先包含的是三原色( Primary colors ),即藍、黃、紅。

原色混合產生了二次色( Secondary colors ),用二次色混合,產生了三次色( tertiary colors )。

色輪有五個同心環(huán)組成,從暗到亮-暗色處于大環(huán),明色處于小環(huán),而中間是顏色的基本色相。

配色方法,三種UI的選擇配色方法

根據顏色的關系有以下幾種配色分類

a、單色配色

單色搭配就是以一個顏色為主,然后利用顏色的深淺來進行搭配的方法,即色輪中,一種色相的暗、中、明三種色調,單一顏色是比較單調,所以利用顏色的深淺變化來增加多彩性。

配色方法,三種UI的選擇配色方法

優(yōu)點:畫面統(tǒng)一,搭配時相對簡單而且一般都不會給人難看的感覺,一般不會給人難看的感覺。

案例:

配色方法,三種UI的選擇配色方法

b、鄰近色配色

在色相環(huán)上相鄰的色彩互為鄰近色

配色方法,三種UI的選擇配色方法

優(yōu)點 : 色調統(tǒng)一,具有低對比度的和諧美感。這種顏色搭配產生了一種令人悅目、低對比度的和諧美感。類比色非常豐富,在設計時應用這種搭配同樣讓你輕易產生不錯的視覺效果。

案例:

配色方法,三種UI的選擇配色方法

c、互補色和對比色配色

互補色是在色相環(huán)上180°相對的兩個顏色,而對比色則是在色相環(huán)上150°到180°范圍內相對的兩個顏色。

配色方法,三種UI的選擇配色方法

優(yōu)點:補色和對比色形成強列的對比效果,傳達出活力、能量、興奮等意義。補色要達到最佳的效果,最好是其中一種面積比較小,另一種比較大。比如在一個藍色的區(qū)域里搭配橙色的小圓點。

案例: