## 为什么使用深色模式 ### 省电 黑暗模式可以节省电池电量，特别是当设备有 OLED 显示屏的时候。这些屏幕可以关闭黑色像素，所以如果你设计一个使用纯黑色像素的界面，拥有 OLED 显示屏的设备的用户将节省电池寿命。 ### 夜间更加保护眼睛 ### 适合专注内容的产品 看看诸如 Netflix、HBO、Hulu 或 Masterclass 等产品。它们都有什么共同点？它们都具有黑暗模式！这是一个非常明智的决定。这是一个非常聪明的决定。所有这些数字产品都依赖于视频内容，正如那句老话所说--内容为王。与浅色模式的用户界面相比，深色模式的界面使人们更专注于内容。 ## 如何设计 ### 背景色 #### 纯黑 #000 最 "暗 "的黑色--嗯，一般来说是最暗的颜色。许多设计师不能忍受它，因为它 "太黑"。使用它的一个很好的理由是，它对电池寿命最好。在OLED显示器上，所有充满这种颜色的像素都被关闭，这可以严重延长手机的使用时间。 但它是不是太暗了？好吧，我们相信它不是，因为有一个很好的理由--苹果使用它。你真的认为，**如果这种颜色真的对用户的眼睛有负面影响，苹果还会使用它吗？我们认为不会。请随意使用纯黑色。** #### “浅黑色”（例如#121212） 稍微浅一点的黑色，或者只是很深的灰色。在这种情况下，背景和文字之间的对比度较小，这可能是为什么这么多设计师都提倡这种特殊选择的原因。可悲的是，OLED显示屏带来的大部分好处在这种情况下都会丧失。 尽管苹果没有使用它，但根据材料设计指南，建议使用 "浅黑色"。这就是说，它的沉浸感稍差。这是所有三种模式中最安全的黑暗模式风格。 #### 带色相的黑色（基于原色） 这并不重要，但这是我们个人的最爱。有色的黑色不仅能确保足够的对比度，而且看起来也很迷人。色调应该来自主色--因此，例如，如果我们的主色是蓝色，通过改变其L值为5至15之间的数字，我们可以得到右边的这个伟大的结果。 着色的黑色是黑暗模式调色板的一个非常流行的选择。**如果你的主色是蓝色或紫色，它就特别好**--如果你使用有色的红色、橙色、绿色等，它看起来就不那么好。 ### 技巧 如果你受到苹果公司的启发，决定使用纯黑色作为背景，重要的是你不要过分追求对比度。换句话说，不要把#000000和#FFFFFF（纯白色）搭配起来。使用稍微深一点的东西作为文字，例如#FAFAFA或#F5F5F5。这里有一个例子。 ## CheckList ### 鲜艳的颜色到深色模式中，要调整。 要想在暗色模式下得到我们的主要 "鲜艳 "颜色，只需在亮色模式下的主要 "鲜艳 "颜色，将其饱和度值降低 15 或 20。品牌形象不会因此而受到影响，因为大多数观众可能无法分辨其中的差别。同样的事情也适用于其他鲜艳的色调，如通知/警报的色调。当从浅色模式过渡到深色模式时，只需将其饱和度降低 15 或 20。  ### Z 轴的处理 在浅色模式下，我们使用阴影将内容从表面提升，使其看起来更接近观众。在黑暗模式下，我们不这样做。相反，我们使用白色（或最浅的中性色）元素，并使用不同的覆盖物。根据一个例子，更容易直观地了解它。  ## 资源 [Dan Hollick 🇿🇦 on Twitter: "Why is making a dark mode greyscale so hard to get right? Well, of course it has to do with the weird way humans perceive colour and contrast. 👇 https://t.co/3Z8SKxghSk" / Twitter](https://twitter.com/DanHollick/status/1620813742094286849) #待查看