【UI設計師】你真的瞭解色彩嗎?

千千小助手發表於2018-05-24

你真的瞭解色彩嗎?

色彩的運用是門學問,它在設計中佔了極其重要的地位。有很多人,設計圖做好了,但是對於使用的顏色合不合適,能不能達到預想中的效果卻不知怎麼去把控,這時色彩基礎以及配色技巧就顯得尤為重要,今天我們先來了解色彩的基礎:

認識顏色

顏色是通過眼、腦和我們的生活經驗所產生的一種對光的視覺效應,我們這裡要從顏色的三大特性開始說,也就是平時經常說的“HSB模式”,H:色相、S:飽和度(%)、B:明度(%)

直觀一點看:

【UI設計師】你真的瞭解色彩嗎?

我們這裡在改變飽和度時,其他兩項數值不變,改變明度時也是如此,這樣就能很清晰的看到在改變HSB任意一項的數值時對顏色的影響(飽和度越高對應顏色越純,明度越高對應顏色越亮),這就是顏色的三大特性。

瞭解色相環

【UI設計師】你真的瞭解色彩嗎?

色相環的作用除了分辨色相,還能讓我們瞭解一些配色的常用選色方法,例如:相鄰色、間隔色、互補色,就是我們平時選色用到的理論,下面在色相環上去看這些顏色搭配:

相鄰色:紅+橙、黃+綠、綠+藍、藍+紫...

【UI設計師】你真的瞭解色彩嗎?

間隔色:紅+黃、黃+藍、藍+紅、綠+紫...

【UI設計師】你真的瞭解色彩嗎?

互補色:紅+綠、黃+紫、橙+藍...

【UI設計師】你真的瞭解色彩嗎?
無論是相鄰色、間隔色、互補色、還是改變明度,飽和度,這些都是通過改變顏色的三個特性其中的一個或者多個進行色彩組合,這些也是配色的理論基礎。

顏色的感情

其實沒一個顏色給人的感覺也是完全不一樣的,每一種顏色也都在向我們表達著不一樣的情感,我們可以簡單的做下總結:

【UI設計師】你真的瞭解色彩嗎?
總結

配色是一種感性的知識,因為沒有一個完全正確的標尺,但是我們有配色原則可以遵循,例如促銷常用配色:紅配黃、紫配黃等等,這期簡單的瞭解一些顏色的基礎特性,下期我們說下具體的配色技巧及原則!

相關文章