Material Design:状态栏应该与操作栏不同吗?

平面设计 颜色理论 安卓 谷歌材料设计
2022-02-09 18:01:36

我经常注意到状态栏比操作栏暗一点,是材料设计规则还是设计师的选择?

图片作者:CommonsWare,来自 https://stackoverflow.com/questions/39822787/what-are-the-different-bars-status-bar-action-bar-navigation-bar-tool-bar-et

图片作者:CommonsWare,来自:https ://stackoverflow.com/questions/39822787/what-are-the-different-bars-status-bar-action-bar-navigation-bar-tool-bar-et

3个回答

我不认为这是直接引用的,但是如果您查看颜色部分,则有这段提到状态栏与工具栏:

要在元素之间创建对比,您可以使用原色的较浅或较深的色调。较浅和较深色调之间的对比有助于显示表面之间的划分,例如状态栏和工具栏之间的划分。 来源

例如:

我想说,通过使用不同的颜色、饱和度或形状来划分/区分具有不同功能的元素组是一个很好的一般原则。

材料颜色指南的优点是它们在调色板中提供了很好的颜色选择。稍微浅一点的阴影会分隔状态栏,我认为这对全黑来说是一个很大的改进:小 Android 栏也是一个可拖动的元素,查看它的边缘在哪里很有用,这样你就知道在哪里拉。而且由于它与应用程序本身无关,还有另一个理由让它们彼此区分开来。

我建议你看一下分组原则,Proximity 和 Similarity 部分肯定会派上用场。

格式塔接近法则规定“彼此接近的物体或形状似乎形成了群体”。

相似性原则指出,在其他条件相同的情况下,感知有助于将物理上彼此相似的刺激视为同一对象的一部分,而将不同的刺激视为不同对象的一部分。

状态栏比您的平均 colorPrimary 更暗,它采用您的 colorPrimaryDark 的值。如果您使用半透明状态栏,它会根据您的 colorPrimary “生成” colorPrimaryDark,因为状态栏是半透明的。

配色方案的视觉表示

稍深的颜色应该使它看起来像状态栏背景是半透明的黑色。对于简单的应用程序,这种错觉就足够了。对于古代版本的 Android,你所能得到的只是幻觉。

对于更复杂的现代应用程序(例如,在状态栏的稀松布下方出现的抽屉),状态栏稀松布实际上是半透明的黑色。