UI設(shè)計(jì)深色模式的設(shè)計(jì)要點(diǎn)

UI設(shè)計(jì)深色模式的設(shè)計(jì)要點(diǎn)

UI設(shè)計(jì)深色模式的設(shè)計(jì)要點(diǎn)：在我們進(jìn)行UI設(shè)計(jì)的時(shí)候，很多小細(xì)節(jié)都是需要注意的。今天小編為大家?guī)��?lái)的就是，在我們的UI設(shè)計(jì)中深色模式時(shí)的一些設(shè)計(jì)要點(diǎn)，趕快跟小編一起來(lái)學(xué)習(xí)看一看UI設(shè)計(jì)深色模式的設(shè)計(jì)要點(diǎn)吧！

1.首先第一個(gè)是避免色彩過(guò)渡飽和。在深色模式下，高飽和的元素會(huì)因?yàn)閷?duì)比度太大會(huì)刺激到眼睛，降低用戶的可讀性，所以應(yīng)該保持舒緩的氛圍避免采用飽和色彩。

2.第二個(gè)是避免使用純白色文字。對(duì)于深色模式，純白色與深色背景結(jié)合在一起，會(huì)給人一種眩暈的感覺(jué)，對(duì)于重點(diǎn)強(qiáng)調(diào)的文本，可以將透明度設(shè)置為87%，一般重要的為60%，不重要的文本為38%。

3.第三個(gè)是圖形識(shí)別度。圖形在變換深色模式的狀態(tài)下，簡(jiǎn)單的更改顏色會(huì)讓圖標(biāo)形狀感和體積感都消失會(huì)感覺(jué)比較奇怪。此時(shí)我們應(yīng)該反轉(zhuǎn)下，強(qiáng)化它的形狀和體積。

4.第四個(gè)是不同模式下的色彩。淺色模式下看起來(lái)不錯(cuò)的顏色對(duì)于深色模式可能太暗，反之亦然。最好的辦法是使用兩個(gè)不同的調(diào)色板，使用不同的顏色飽和度。

5.第五是避免使用大面積亮色。比如導(dǎo)航欄、工具欄等在深色模式下應(yīng)避免大面積亮色，因?yàn)樵谏钌�模式下這些色彩可能會(huì)顯得更加刺眼，對(duì)比過(guò)于強(qiáng)烈會(huì)破壞深色模式的沉浸感。

以上就是小編為大家?guī)��?lái)的，關(guān)于UI設(shè)計(jì)深色模式的設(shè)計(jì)要點(diǎn)，希望對(duì)你們有所幫助哦！

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-78070.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050