Material Design & iOS 13黑暗模式总结探索

四.规范

Android称Dark Theme ，iOS称为Dark Mode

以下是两个平台的设计原则

Android平台

1.层级

Android中不同高度水平的表面通过叠加不同透明度的白色表示。

指导的基础背景色是#121212不是纯黑色。

动图示意：默认模式使用阴影来表示高层，而黑暗模式通过调整表面颜色来表示高层。

不同高度层对应不同透明度的规范如下。规范最高层是24dp，覆盖16%透明度的白色。

这部分是界面中不同内容高度的示意，左边是正视图右边是侧视图 。

A部分是1dp的高度，所以采用5%透明度白色覆盖

B部分虽然是8dp高的悬浮按钮，但是不覆盖任何白色。原因是Android规定高层覆盖不应用于使用主要颜色或辅助颜色的组件表面。

C部分是6dp高度，所以采用11%透明度白色覆盖。

错误示例

1.避免对使用主要颜色或辅助颜色的组件进行高层覆盖

2.不要使用彩色阴影代替黑暗阴影来表示高层，因为它们不能准确地表示投射阴影的高度。