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