使用暗模式設計的最佳做法
2020.05.06
在網站製作中,創建暗模式UI時,某些過程需要正常運行。畢竟,您希望您的網站發揮作用,對嗎?那如何使用暗模式,最佳做法有哪些呢?
1.不要太暗
圖tu書shu出chu版ban商shang不bu使shi用yong純chun白bai色se紙zhi,因yin為wei與yu黑hei色se墨mo水shui的de對dui比bi度du太tai過guo鮮xian明ming。它ta會hui使shi您nin斜xie視shi,並bing可ke能neng導dao致zhi頭tou痛tong。數shu字zi設she備bei也ye是shi如ru此ci。避bi開kai純chun黑hei色se。很hen難nan看kan到dao高gao對dui比bi度du的de屏ping幕mu。良liang好hao的de暗an模mo式shi顏yan色se是shi灰hui色se陰yin影ying和he不bu飽bao和he的de顏yan色se。
2.有適當的對比
暗模式背景必須足夠暗才能顯示白色文本。這裏給出的有效建議是使用文本與背景的對比度至少為15.8:1。
3.降低色彩飽和度
遠離深色背景上完全飽和的顏色。在深色表麵上觀察時,陰影通常似乎“振動”。取而代之的是,使用柔和的顏色:rufencaiherouhedeyanse,tianjialehuisehebaisedeyinyingdeng。ciwai,qingkaolvtiaozhengpinpaidetiaoseban。ningongsidelansezaiheiseshangdedufakenengbutongyubaise。tongchangbixutiaozhenganmoshixiadeyanse,yichanshengyuliangmoshixiaxiangtongdexiangying。
4.不要隻是轉換顏色
如ru果guo您nin要yao從cong標biao準zhun模mo式shi切qie換huan為wei暗an模mo式shi,則ze原yuan始shi主zhu題ti中zhong可ke能neng會hui出chu現xian有you價jia值zhi的de視shi覺jiao提ti示shi。不bu要yao簡jian單dan地di轉zhuan換huan顏yan色se以yi獲huo得de深shen色se主zhu題ti。您nin可ke能neng會hui將jiang具ju有you心xin理li目mu的de的de顏yan色se變bian成cheng毫hao無wu意yi義yi的de顏yan色se。因yin此ci,請qing您nin謹jin慎shen選xuan擇ze顏yan色se。
5.視覺層次結構
在暗模式下創建一個視覺層次結構,該層次結構應該從顯示器中使用最多的元素到最少的元素。
想更多地了解網站設計、網頁設計嗎?歡迎您谘詢北京分形科技!












