深色模式(暗黑模式)
广州/UI设计师/6年前/757浏览
版权
深色模式(暗黑模式)
收集了全网关于深色模式设计
有关文章链接:
深色模式设计指南 《从官方规范到实战经验应有尽有!》
https://www.uisdc.com/zt/dark-mode
紧跟趋势!深色模式设计的8个
https://www.uisdc.com/8-dark-mode-design-skills
如何让深色模式更精致?我总结了这4个关键点
https://www.uisdc.com/make-dark-mode-more-refined
如何适配深色模式?用一个 APP 改版案例让你学会!
https://www.uisdc.com/dark-mode-adaptation
避免全黑设计:
注:安全起见的话,建议在页面上主要采用深灰色,而不要采用全黑色(色号#000000)
· 根据谷歌等材料设计(Material design)原则,页面「深色模式」的主色最好选用 #121212 深灰色号

文本用色一定要「亮」
所以,根据谷歌的材料设计原则,建议在页面文本选色方面采用稍微深一点的白色:
对于重点强调的文本,可以将透明度设置为 87%。
而最不重要的文本则可以将透明度设置为 38%。
一般重要的则可以将透明度设置为 60%。
小提示:相比于浅色背景下的深色文本,深色背景下的浅色文本会显得更加厚实。因此,你可能会喜欢在「深色模式」中采用相对较细的文字。

3
举报
声明
12
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
3登录即可同步推荐记录哦
12登录即可加入我的收藏
评论登录即可评论想法
分享分享










































































