堅(jiān)持為客戶提供有價(jià)值的服務(wù)和內(nèi)容

使用暗模式設(shè)計(jì)的最佳做法

韓萌 | 2020-05-07 | 分享至:

網(wǎng)站制作中,創(chuàng)建暗模式UI時(shí),某些過(guò)程需要正常運(yùn)行。畢竟,您希望您的網(wǎng)站發(fā)揮作用,對(duì)嗎?那如何使用暗模式,最佳做法有哪些呢?

使用暗模式設(shè)計(jì)的最佳做法

1. 不要太暗

圖書(shū)出版商不使用純白色紙,因?yàn)榕c黑色墨水的對(duì)比度太過(guò)鮮明。它會(huì)使您斜視,并可能導(dǎo)致頭痛。數(shù)字設(shè)備也是如此。避開(kāi)純黑色。很難看到高對(duì)比度的屏幕。良好的暗模式顏色是灰色陰影和不飽和的顏色。

2.有適當(dāng)?shù)膶?duì)比

暗模式背景必須足夠暗才能顯示白色文本。這里給出的有效建議是使用文本與背景的對(duì)比度至少為15.8:1。

3.降低色彩飽和度

遠(yuǎn)離深色背景上完全飽和的顏色。在深色表面上觀察時(shí),陰影通常似乎“振動(dòng)”。取而代之的是,使用柔和的顏色:如粉彩和柔和的顏色,添加了灰色和白色的陰影等。此外,請(qǐng)考慮調(diào)整品牌的調(diào)色板。您公司的藍(lán)色在黑色上的讀法可能不同于白色。通常必須調(diào)整暗模式下的顏色,以產(chǎn)生與亮模式下相同的響應(yīng)。

4.不要只是轉(zhuǎn)換顏色

如果您要從標(biāo)準(zhǔn)模式切換為暗模式,則原始主題中可能會(huì)出現(xiàn)有價(jià)值的視覺(jué)提示。不要簡(jiǎn)單地轉(zhuǎn)換顏色以獲得深色主題。您可能會(huì)將具有心理目的的顏色變成毫無(wú)意義的顏色。因此,請(qǐng)您謹(jǐn)慎選擇顏色。

5.視覺(jué)層次結(jié)構(gòu)

在暗模式下創(chuàng)建一個(gè)視覺(jué)層次結(jié)構(gòu),該層次結(jié)構(gòu)應(yīng)該從顯示器中使用最多的元素到最少的元素。

2. 網(wǎng)站設(shè)計(jì)可以直觀的反映出該網(wǎng)站的美觀度,因此在建站的時(shí)候各位站長(zhǎng)一定要重視網(wǎng)站設(shè)計(jì)的重要性。上述內(nèi)容僅供參考,如需補(bǔ)充請(qǐng)?jiān)诰€留言。

掃二維碼與項(xiàng)目經(jīng)理溝通

7*24小時(shí)為您服務(wù)

解答:網(wǎng)站優(yōu)化,網(wǎng)站建設(shè),APP開(kāi)發(fā),小程序開(kāi)發(fā),H5開(kāi)發(fā),品牌推廣,新聞推廣,輿情監(jiān)測(cè)等

  非常感謝您有耐心的讀完這篇文章:"使用暗模式設(shè)計(jì)的最佳做法",更多內(nèi)容請(qǐng)繼續(xù)瀏覽,我們將為您提供更多參考使用或?qū)W習(xí)交流的信息。我們還可為您提供:網(wǎng)站建設(shè)與開(kāi)發(fā)、網(wǎng)站優(yōu)化品牌推廣、APP開(kāi)發(fā)、小程序開(kāi)發(fā)、新聞推廣等服務(wù),我們以“降低營(yíng)銷成本,提高營(yíng)銷效果”的服務(wù)理念,自創(chuàng)立至今,已成功服務(wù)過(guò)不同行業(yè)的1000多家企業(yè),獲得國(guó)家高新技術(shù)企業(yè)認(rèn)證,且擁有14項(xiàng)國(guó)家軟件著作權(quán),將力爭(zhēng)成為國(guó)內(nèi)企業(yè)心目中值得信賴的互聯(lián)網(wǎng)產(chǎn)品及服務(wù)提供商。如您需要合作,請(qǐng)掃碼咨詢,我們將誠(chéng)摯為您服務(wù)。
我要咨詢
姓名 :
電話 :
文章分類