六個(gè)技巧提升Ui深色主題的設(shè)計(jì)感

2020年Android推出了兩種深色模式，蘋果和谷歌都將深色主題作為Ui的重要組成部分。未來會(huì)看到越來越多的深色模式，所以深色模式逐漸成為2020年的新趨勢(shì)。深色模式雖然炫酷，但是我們?cè)谑褂脮r(shí)要有更多的思量。今天，成都網(wǎng)站建設(shè)工程師就來給您分享一下關(guān)于提升Ui深色主體設(shè)計(jì)感的小技巧的分析內(nèi)容。

第一，避免使用純黑色。純黑色和純白色的文案，這種高度對(duì)比度的畫面效果會(huì)使用戶產(chǎn)生視覺疲勞，對(duì)這兩種色彩亮度很難適應(yīng)。

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

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

第四，顏色深度。在深色主題中，需要呈現(xiàn)層次結(jié)構(gòu)并強(qiáng)調(diào)布局中的重要元素。當(dāng)元素處于較高色階位置時(shí)候，通過較淺的表面顏色來呈現(xiàn)這種縱深上的差異。

第五，允許亮色/深色主題切換。設(shè)計(jì)的時(shí)候深色主題不要使用自動(dòng)啟用，我們應(yīng)該讓用戶根據(jù)自己的需求手動(dòng)去選擇打開或關(guān)閉。而且，我們要注意，轉(zhuǎn)換主題時(shí)，不能只是簡(jiǎn)單的替換局部暗色部分，要注意考慮全局性。

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

以上就是今天成都網(wǎng)站建設(shè)開發(fā)人員跟您分享的內(nèi)容，希望能對(duì)大家的Ui設(shè)計(jì)方面能有所幫助。如果您需要做網(wǎng)站，歡迎您來成都創(chuàng)新互聯(lián)咨詢，我們將竭誠(chéng)問您服務(wù)!

網(wǎng)頁名稱：六個(gè)技巧提升Ui深色主題的設(shè)計(jì)感
本文URL：http://www.bm7419.com/news31/310981.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)公司、外貿(mào)建站、網(wǎng)站營(yíng)銷、定制開發(fā)、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)