2023-12-29 分類: 網(wǎng)站建設(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)并強(qiáng)調(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)站,歡迎您來成都創(chuàng)新互聯(lián)咨詢,我們將竭誠問您服務(wù)!
網(wǎng)頁名稱:六個技巧提升Ui深色主題的設(shè)計感
本文URL:http://m.rwnh.cn/news31/310981.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、外貿(mào)建站、網(wǎng)站營銷、定制開發(fā)、動態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容