配色是每一位UI設(shè)計(jì)師都需要了解的知識(shí)，作為一名合格的UI設(shè)計(jì)師配色審美是非常重要的，那么UI設(shè)計(jì)師如何讓界面的配色更和諧呢?我們來(lái)看看下面的UI培訓(xùn)教程詳細(xì)介紹吧。

UI培訓(xùn)教程分享：UI設(shè)計(jì)師如何讓界面的配色更和諧?我們先從色輪開(kāi)始。當(dāng)談到顏色、對(duì)比、和諧時(shí)，我們的腦海中必須有這樣的畫(huà)面：

里有3個(gè)重要元素值得我們注意，分別是色調(diào)、明度和飽和度。

1.色調(diào)

色調(diào)是zu原始狀態(tài)下的顏色。例如藍(lán)色、綠色、huang se、紅色等，它不受任何光線和陰影的變化影響。

這里有一個(gè)便于理解例子：色調(diào)就是你在色輪中看到的色彩，它與任何明暗或飽和度因素?zé)o關(guān)。

2.明度

明度表示了色彩的明暗程度。當(dāng)我們走在路上，可以看到一些元素早上和晚上的顏色改變。例如，一座山的顏色是棕色，早晨的色調(diào)較淺，晚上的色調(diào)較暗。

在ui中，明度扮演著重要角色，不但有助于我們獲得良好的對(duì)比度，還能幫助我們?cè)诮缑嬷袠?gòu)建出不同的層次結(jié)構(gòu)。

以谷歌的material design為例，上圖中就使用了不同的明度來(lái)凸顯重要元素。

明度的不同表現(xiàn)可以給我們一種層次感。當(dāng)一種顏色的亮度為100時(shí)，就會(huì)得到白色。當(dāng)一種顏色的亮度為0%時(shí)，它會(huì)生成。下面這張圖片可以幫助大家理解。

3 飽和度

現(xiàn)在我們來(lái)談?wù)勶柡投?，飽和度指的是色彩的鮮艷程度。當(dāng)我們提升顏色的飽和度時(shí)，色彩就會(huì)變得更強(qiáng)烈和生動(dòng)。當(dāng)我們降低色彩的飽和度時(shí)，顏色就會(huì)變得更加黯淡，而當(dāng)我們把飽和度降到低時(shí)，色彩就變成了灰色。

需要注意的是，由于在現(xiàn)實(shí)世界中，我們對(duì)顏色飽和度的表現(xiàn)是有限制的，所以在印刷、例如書(shū)籍或海報(bào)等領(lǐng)域不宜使用過(guò)多。而在數(shù)字世界，我們顯然擁有更多的可能性。

UI設(shè)計(jì)師如何讓界面的配色更和諧?上面已經(jīng)為大家講了一部分，希望本篇文章能夠?qū)ο胍慊A(chǔ)學(xué)習(xí)UI設(shè)計(jì)的你有所幫助，如果你想更快的學(xué)習(xí)UI設(shè)計(jì)，可以來(lái)云和數(shù)據(jù)UI培訓(xùn)班進(jìn)行學(xué)習(xí)，讓你更快的掌握UI設(shè)計(jì)技術(shù)。