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

1.色調(diào)，色調(diào)是zu原始狀態(tài)下的顏色。例如藍(lán)色、綠色、huang se、紅色等，它不受任何光線和陰影的變化影響。這里有一個便于理解例子：色調(diào)就是你在色輪中看到的色彩，它與任何明暗或飽和度因素?zé)o關(guān)。 

2.明度，明度表示了色彩的明暗程度。當(dāng)我們走在路上，可以看到一些元素早上和晚上的顏色改變。例如，一座山的顏色是棕色，早晨的色調(diào)較淺，晚上的色調(diào)較暗。在ui中，明度扮演著重要角色，不但有助于我們獲得良好的對比度，還能幫助我們在界面中構(gòu)建出不同的層次結(jié)構(gòu)。 以谷歌的material design為例，上圖中就使用了不同的明度來凸顯重要元素。明度的不同表現(xiàn)可以給我們一種層次感。當(dāng)一種顏色的亮度為100時，就會得到白色。當(dāng)一種顏色的亮度為0%時，它會生成。下面這張圖片可以幫助大家理解。 

3 飽和度，現(xiàn)在我們來談?wù)勶柡投?，飽和度指的是色彩的鮮艷程度。當(dāng)我們提升顏色的飽和度時，色彩就會變得更強(qiáng)烈和生動。當(dāng)我們降低色彩的飽和度時，顏色就會變得更加黯淡，而當(dāng)我們把飽和度降到低時，色彩就變成了灰色。需要注意的是，由于在現(xiàn)實(shí)世界中，我們對顏色飽和度的表現(xiàn)是有限制的，所以在印刷、例如書籍或海報等領(lǐng)域不宜使用過多。而在數(shù)字世界，我們顯然擁有更多的可能性。