最新文章
六個技巧提升UI深色主題的設(shè)計感
2020年Android推出了兩種深色模式,蘋果和谷歌都將深色主題作為UI的重要組成部分。未來會看到越來越多的深色模式,所以深色模式逐漸成為2020年的新趨勢。深色模式雖然炫酷,但是我們在使用時要有更多的思量。今天,石家莊網(wǎng)站建設(shè)工程師就來給您分享一下關(guān)于提升UI深色主體設(shè)計感的小技巧的分析內(nèi)容。
第一,避免使用純黑色。純黑色和純白色的文案,這種高度對比度的畫面效果會使用戶產(chǎn)生視覺疲勞,對這兩種色彩亮度很難適應(yīng)。
第二,避免使用高飽和度。高飽和度的顏色會使用戶視覺疲勞,但飽和度低的顏色會緩解壓力。低飽和度的顏色(200–50范圍內(nèi)的顏色),在深色主題上具有更好的可讀性,并不會降低UI的視覺表現(xiàn)力。
第三,符合無障礙顏色對比標(biāo)準(zhǔn)。在深色主題下確保內(nèi)容的可讀性,即使是黑色的背景,但他要足夠暗才能凸顯白色的文案。我們也可以使用顏色對比工具測試對比度。
第四,顏色深度。在深色主題中,需要呈現(xiàn)層次結(jié)構(gòu)并強調(diào)布局中的重要元素。當(dāng)元素處于較高色階位置時候,通過較淺的表面顏色來呈現(xiàn)這種縱深上的差異。
第五,允許亮色/深色主題切換。設(shè)計的時候深色主題不要使用自動啟用,我們應(yīng)該讓用戶根據(jù)自己的需求手動去選擇打開或關(guān)閉。而且,我們要注意,轉(zhuǎn)換主題時,不能只是簡單的替換局部暗色部分,要注意考慮全局性。
第六,文字的不透明度。深色主題上如果使用純白色的文案的話是會存在視差的。所以建議最重要的內(nèi)容,白色文案的不透明度設(shè)置為87%;中等重要的內(nèi)容,白色文案不透明度設(shè)置為60%;被禁用的內(nèi)容,白色文案不透明度設(shè)置為38%。
以上就是今天石家莊網(wǎng)站建設(shè)開發(fā)人員跟您分享的內(nèi)容,希望能對大家的UI設(shè)計方面能有所幫助。如果您需要做網(wǎng)站,歡迎您來石家莊尚武科技咨詢,我們將竭誠問您服務(wù)!