ui界面設計的內容非常多，除了布局、色彩外，就連界面的亮點也是非常值得關注的。對于ui設計中關于界面亮度，今天就讓faceui為大家介紹ui設計如何提升界面亮度，提升UI設計質感的小技巧。

　　ui設計如何提升界面亮度

　　在ui設計中提升界面亮度，很大程度上要關注色調、明度、飽和度的問題。

　　色調是最原始狀態下的顏色。例如藍色、綠色、黃色、紅色等，它不受任何光線和陰影的變化影響。這里有一個便于理解例子：色調就是你在色輪中看到的色彩，它與任何明暗或飽和度因素無關。

　　明度表示了色彩的明暗程度。當我們走在路上，可以看到一些元素早上和晚上的顏色改變。例如，一座山的顏色是棕色，早晨的色調較淺，晚上的色調較暗。在UI中，明度扮演著重要角色，不但有助于我們獲得良好的對比度，還能幫助我們在界面中構建出不同的層次結構。

　　飽和度指的是色彩的鮮艷程度。當我們提升顏色的飽和度時，色彩就會變得更強烈和生動。當我們降低色彩的飽和度時，顏色就會變得更加黯淡，而當我們把飽和度降到最低時，色彩就變成了灰色。

　　圖片來源于網絡

　　如果提升界面亮度，就是在上述幾點的設計中，關注以下三點：

　　1、規則 60 30 10

　　「規則 60 30 10」，這不是對超模的標準測量，而是成功組合顏色的比例。我們首先要選擇一種主色調，然后運用到60%的空間中。再選擇一種次要色調，在30%的空間中使用，最后剩下10%的空間使用最后一種顏色。這一理論曾在室內設計中被大量使用。

　　2、暗≠黑、亮≠白

　　當我們使用顏色來表達明暗時，有一個很普遍的錯誤，那就是使用不透明度的黑色表達陰影，不透明度的白色來表達光亮。但如果我們借鑒一下現實生活，會發現黑暗總是有一些基調的。

　　黑暗從來都不是黑色的，黑暗只是被物體明度遮蔽的色調。就如上圖中，檸檬的影子是非常深的綠色，而木板的影子是非常的深棕色，它們都不是黑色的。只有在完全沒有光線的情況下，才會出現黑色。

　　3、飽和度測試顏色和諧度

　　想要讓我們作品中的配色更加和諧，可以將色調從顏色中移除，只保留光和影，光影會給人以真實感和深度。當只剩下灰度時，我們可以清晰的觀察到明暗之間的差異，這將有助于我們調整色彩之間的明暗程度和透明度，以搭配出更和諧的配色。

　　我們中的許多人看到的顏色不夠飽和或不夠鮮艷，這是正常的，因為世界并不完美，顏色也不完美。我們大部分人都來自于一個只使用CMYK和顏色有限制的物理世界。

　　圖片來源于網絡

　　提升UI設計質感的小技巧

　　1、使用色彩和字重來創造層次結構，而不是單純的大小對比。主要內容采用深色（諸如標題，但是不要用純黑），次要內容采用灰色（比如文章發表日期），輔助性內容采用淺灰色（比如頁腳中的版權聲明）。

　　2、不要再有色背景上使用灰色的文本。降低白色文本的不透明度，基于背景色手工挑選文本的顏色。

　　3、陰影設計。相比于采用大范圍的擴散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見的光源特征，光線從上往下照下來所營造的陰影效果。

　　4、盡量少使用 Borders。雖然 Border 是分隔兩個元素的好辦法，但是它不是唯一的方法，使用過多會讓整個布局的設計感降低，甚至會造成混亂。

　　5、不要隨意放大小圖標。創建元素之間的分離效果，并不一定要通過線框來表現，只要增加留白，讓它們分隔開就行了。通過留白和間距來實現元素分組是UI設計中的常用手法。

　　6、增加帶有顏色的單邊邊框提升個性。

　　7、并非每個按鈕都需要顏色。

　　以上就是faceui為大家介紹的關于ui設計如何提升界面亮度的相關內容。真正要做好ui設計并不簡單，尤其在一些細節上的思考和反復的對比，才能做出一個好的ui作品。