为你的界面层级设计一个合理的透明度叠加变化规则

作为主流的手机系统，对于一些手机APP的设计非常具有指导意义，他们在其官网有有一些相关的指引，建议大家可以去对应的网站详细查看。

一些国内的安卓系统的也深色模式的设计，如OPPO、魅族、华为等。

2. 一些主流APP的深色模式

国内外的APP都有用使用到深色模式，部分跟随系统的设定而变化，例如Instagram、知乎、微信、优酷；而部分则是以主题化的方式进行呈现，例如YouTube、QQ音乐。

3. 深色模式的设计建议

深色模式的设计不能简单粗暴的进行反色处理或变暗处理，处理不当可能还会产生反效果。因此需要整体考虑深色调的使用规则和逻辑，这里参考Material Design的规范总结了几个较为关键的点。

使用基础色进行延展

在设计之初你可以先设定一个最基础的深色，并且使用这个色调去贯穿整体深色模式的设计。尽量使用深灰色而非纯黑色，因为在深灰色上使用浅色文本的对比相对来说较弱些，可以减轻眼睛阅读的疲劳度。

从以下案例来看，“000000”（纯黑色）会显得颜色过深浅色文字过亮；“111111”和“222222”则适中；“333333”相对来说相对较亮，虽然文字阅读并无问题，但需要考虑往上叠加后整体设计是否偏灰。

通过层级叠加的颜色变化

为你的界面层级设计一个合理的透明度叠加变化规则，例如以底层为基准，往上每一层都叠加2%的透明度变化。如下：底层叠加0%，导航层叠加3%，内容层叠加6%，弹出类浮层叠加9%，操作反馈层叠加12%。以上是一个举例，实际则需要根据你的设计需要进行设定。

优化深色下的亮色对比程度

深色的背景下，文本或图标的饱和度或亮度过高会产生强对比，容易造成视觉疲劳，因此从白色切换到深色模式下的设计需要进行适当的调整，通过降低饱和度或明度来达到视觉和谐的程度。

4. 小结

深色模式在各大手机系统及主流APP的推进下，相信会越来越多的APP会跟随设计。但其实我们还需要思考，深色模式的设计解决了什么问题？是否都需要深色模式的设计？我们可以一起来探讨下。

二、新鲜多彩的颜色

年轻人一直是移动互联网的主力军，年轻化的UI设计风格一直是UI设计师所追求的方向之一。年轻、活力、朝气是年轻化的表现特征，而设计师通过新鲜、多彩、大胆的颜色来表达这些特征是更容易产生设计共鸣。

如下面的案例，就是通过多颜色搭配、渐变色、对比色等设计方式来表达年轻化的设计。