六個技巧提升Ui深色主題的設計感

2023-12-29 分類：網站建設

2020年Android推出了兩種深色模式，蘋果和谷歌都將深色主題作為Ui的重要組成部分。未來會看到越來越多的深色模式，所以深色模式逐漸成為2020年的新趨勢。深色模式雖然炫酷，但是我們在使用時要有更多的思量。今天，成都網站建設工程師就來給您分享一下關于提升Ui深色主體設計感的小技巧的分析內容。

第一，避免使用純黑色。純黑色和純白色的文案，這種高度對比度的畫面效果會使用戶產生視覺疲勞，對這兩種色彩亮度很難適應。

成都網站建設

第二，避免使用高飽和度。高飽和度的顏色會使用戶視覺疲勞，但飽和度低的顏色會緩解壓力。低飽和度的顏色(200–50范圍內的顏色)，在深色主題上具有更好的可讀性，并不會降低Ui的視覺表現力。

成都網站建設

第三，符合無障礙顏色對比標準。在深色主題下確保內容的可讀性，即使是黑色的背景，但他要足夠暗才能凸顯白色的文案。我們也可以使用顏色對比工具測試對比度。

成都網站建設

第四，顏色深度。在深色主題中，需要呈現層次結構并強調布局中的重要元素。當元素處于較高色階位置時候，通過較淺的表面顏色來呈現這種縱深上的差異。

成都網站建設

第五，允許亮色/深色主題切換。設計的時候深色主題不要使用自動啟用，我們應該讓用戶根據自己的需求手動去選擇打開或關閉。而且，我們要注意，轉換主題時，不能只是簡單的替換局部暗色部分，要注意考慮全局性。

成都網站建設

第六，文字的不透明度。深色主題上如果使用純白色的文案的話是會存在視差的。所以建議最重要的內容，白色文案的不透明度設置為87%;中等重要的內容，白色文案不透明度設置為60%;被禁用的內容，白色文案不透明度設置為38%。

成都網站建設

以上就是今天成都網站建設開發人員跟您分享的內容，希望能對大家的Ui設計方面能有所幫助。如果您需要做網站，歡迎您來成都創新互聯咨詢，我們將竭誠問您服務!

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容