Material Design暗色主题设计指南

版权申明：本文出自“郗鉴”原创，感谢“郗鉴”的原创文章分享！

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

暗色主题是什么？

最近，Material Design中新增了关于暗色主题的设计规范：暗色主题（Dark theme）是指在UI界面中使用大面积的深色来构成界面的一种设计，它是产品默认主题的一种补充。很多朋友可能认为暗色主题就是现在新闻客户端的"夜间模式"，这个说法其实并不正确。因为暗色主题是可以由用户自己选择是否开启的，它的使用场景并不局限于夜晚。很多用户偏爱暗色模式是因为暗色更"酷"。比如前段时间苹果电脑增加了类似的"黑暗模式"（Dark Mode）的设计，大受用户的喜爱。用户沉迷使用暗色主题，而不是以前灰色的默认设计。暗色主题不但颜值高，而且可以在保持色彩对比度的同时降低设备屏幕的亮度，还可以根据当前照明条件自动调节亮度，这有助于改善视觉疲劳。除此之外，暗色主题还可以节省设备的电量，可谓是一举多得。那么，暗色模式都有什么样的规范呢？

首先，暗色模式用深色视觉元素来构成界面的UI

使用深灰色进行设计

在设计暗色主题的时候，我们应该使用深灰色来进行界面设计。黑色由于太过于深邃，无法让用户感知当前界面的高度和空间感，而不同级别的灰色就可以暗示给用户这些信息。

使用强调色彩突出组件

在暗色主题下，我们可以使用少量的强调色彩来凸显一部分功能或者组件，大部分的界面全部为深灰色，所以这些被凸显的部分会更加突出。

节约能源

在很多带有OLED屏幕的设备中，暗色主题可以通过减少亮色的使用来有效地延长电池寿命。试验表明，使用暗色主题可以让设备的续航时间变长。

增强可访问性

暗色主题对于色弱及有其他视觉障碍的用户非常友好，可以提升他们使用产品的体验。

规则

对比度：深色背景和100％白色正文文本的对比度达15.8：1以上。

信息层级：组件和元素通过较深和较浅的灰色来表达信息层级。