没有合适的资源?快使用搜索试试~ 我知道了~
Material Design 暗色主题设计指南.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 101 浏览量
2022-06-10
16:00:18
上传
评论
收藏 2.31MB DOCX 举报
温馨提示
试读
32页
高手笔记整理!一份超全面的Material Design 暗色主题设计指南。 最近,Material Design 中新增了关于暗色主题的设计规范。暗色主题(Dark theme)是指在 UI 界面中使用大面积的深色来构成界面的一种设计,它是产品默认主题的一种补充。很多朋友可能认为暗色主题就是现在新闻客户端的「夜间模式」,这个说法其实并不正确。因为暗色主题是可以由用户自己选择是否开启的,它的使用场景并不局限于夜晚。很多用户偏爱暗色模式是因为暗色更「酷」。
资源推荐
资源详情
资源评论
高手笔记整理!一份超全面的
Material Design 暗色主题设计
指南
暗色主题是什么?
最近,Material Design 中新增了关于暗色主题的设计规范。暗色主题
(Dark theme)是指在 UI 界面中使用大面积的深色来构成界面的一种设计,
它是产品默认主题的一种补充。很多朋友可能认为暗色主题就是现在新闻客户
端的「夜间模式」,这个说法其实并不正确。因为暗色主题是可以由用户自己
选择是否开启的,它的使用场景并不局限于夜晚。很多用户偏爱暗色模式是因
为暗色更「酷」。比如前段时间苹果电脑增加了类似的「黑暗模式」(Dark
Mode)的设计,大受用户的喜爱。用户沉迷使用暗色主题,而不是以前灰色
的默认设计。暗色主题不但颜值高,而且可以在保持色彩对比度的同时降低设
备屏幕的亮度,还可以根据当前照明条件自动调节亮度,这有助于改善视觉疲
劳。除此之外,暗色主题还可以节省设备的电量,可谓是一举多得。那么,暗
色模式都有什么样的规范呢?
首先,暗色模式用深色视觉元素来构成界面的 UI。
1. 使用深灰色进行设计
在设计暗色主题的时候,我们应该使用深灰色来进行界面设计。黑色由于太过
于深邃,无法让用户感知当前界面的高度和空间感,而不同级别的灰色就可以
暗示给用户这些信息。
2. 使用强调色彩突出组件
在暗色主题下,我们可以使用少量的强调色彩来凸显一部分功能或者组件,大
部分的界面全部为深灰色,所以这些被凸显的部分会更加突出。
3. 节约能源
在很多带有 OLED 屏幕的设备中,暗色主题可以通过减少亮色的使用来有效
地延长电池寿命。试验表明,使用暗色主题可以让设备的续航时间变长。
4. 增强可访问性
暗色主题对于色弱及有其他视觉障碍的用户非常友好,可以提升他们使用产品
的体验。
剩余31页未读,继续阅读
资源评论
地理探险家
- 粉丝: 986
- 资源: 5416
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功