△ 叠加的层次范围从0%到16%
(彩云注:深色模式中的高度 [ elevation ],准确的含义其实是 Android 开发中的一个样式代码,用来设置界面的权重的,比如 android:elevation=”1dp”,层级就在 android:elevation=”0dp” 之上了。)
为了表示不同的层级高度,我们需要在组件的样式中调整 2 个值:
- 投影属性
- 叠加的透明度
无论使用哪种主题,应用正确的高度将确保元素保持在一个一致的视觉层次。想知道应用中透明度该用多少?这里有一个表:
(彩云注:我把规范中的表格帮大家截图出来,贴在这里,想看更多详细内容请见:https://material.io/design/color/dark-theme.html#properties)
组件中通过使用不同透明度的白色覆盖来保持它们在深色主题中的高度一致。
3. 避免大面积颜色
在某些情况下,仅仅将颜色由亮变暗并不会得到一个好的结果。
例如在我们 app 的引导页中,浅色模式下使用次要颜色能突出内容,但在深色模式下,整个背景都是高饱和度的颜色,却会让界面显得非常的刺眼。
对于这些情况,最好是选择一个深色背景,然后保留次级颜色用于标题等小面积元素。
大面积的高饱和度颜色不适合用于深色模式。
文本优化
1. 文字颜色
谷歌设计规范主要强调了 3 种文本颜色。
这里主要是通过修改白色或黑色的不透明度作为颜色值。
- 强调文本 -> #FFFFFF(87% opacity)
- 中等文本 -> #FFFFFF(60% opacity)
- 次级文本 -> #FFFFFF(38% opacity)