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

例如，通讯录App在自己界面和在信息App中作为选择联系人界面弹出时，背景颜色就由基础背景层切换为架高层。

2.颜色

语义化颜色

iOS13新加入

它是指描述颜色时不再使用固定的色值，而是以颜色使用的目的来描述颜色，而每套颜色都会在系统层面配置各自模式下的色值。

例如：iOS中定义SystemBackground（系统背景色）在浅色模式下是#FFFFFF，在深色模式下是#000000

它的优点是通过语义化定义，颜色可以自动匹配深浅两种外观，并且可以更好的适应系统级的特性。在黑暗模式下当界面位于架高层时，系统背景色(SystemBackground)可以自动匹配为架高层的背景色。

3.背景色

基础层和架高层，它们的色值变化如下

总结

层级色(主色、次要色、三级色)变化规律是色相H值不变，通过调整S和B的值区分进行颜色的区分，注意透明度都是100%

同一层级色在RGB下，R和G的值相同，B比R和G值大2

4.不同层级文字颜色示意

iOS系统提供的 Label Color 作为文本的语义定义 。它有四种颜色的级别：初级，次级，三级和四级，并且会自动适应明和暗的外观。

5.系统颜色

iOS提供9个系统颜色以及新增6个系统灰色，为保证黑暗模式下的对比效果，每个系统色都有深浅两个版本。

同时使用自定义颜色，也应该参考iOS提供的颜色，为每个颜色定义一个语义化的名称，并保证有深浅模式两个色值。同时保证颜色的对比度满足WCAG AA级 4.5:1标准。

总结

1.黑暗模式下的颜色比默认模式的亮度要高，可以通过参照默认模式下调整HSB中B的值确定相对应黑暗模式的值（往大值调节）

2.在黑暗模式中色相H的值基本与浅色模式保持不变，这样可以保证颜色的视觉统一。

3.在黑暗模式中饱和度S的值与默认模式范围不超过±7，不可使用过高饱和度颜色，可能引起视觉抖动。