#Android #Design #Marvin的灵感随笔


🔵 以MDGram为例，聊聊Material Design


💡 引言

前几天，作为长期Apple用户的我破天荒的买了一台安卓备用机——Pixel 4。买这台机器，一方面是为了充值自己的Google信仰，另一方面也是体验一下原生安卓和它优秀的设计。

当然，拿到一台机器最重要的肯定是先下载Telegram。从Google Play下载的官方版本的颜值实在是没眼看，于是我按照群友意见下载了MDGram这款App。

但用过一阵之后，这款处处“遵循”着Material Design设计规范的App，却给我一种华而不实的感觉。于是，我决定以此为契机，好好的看一看这个Material Design，和MDGram的问题：


一、设计规范？规范了，但没完全规范

1. 第一个问题就是，Material Design的大部分设计是「指示」性的，而并非是「内容」性的，例如：

在Google Mail App中，只有菜单栏采用了Material Design的设计风格。

这与Material Design的元素样式有关：在Material Design中，运用了大量的，类似于「超大R角」等样式的设计。但这种风格真的是为了呈现内容吗？并非如此，这种设计风格就不是作为内容元素而存在的，而是作为指示元素。

例如，你在街边看到一个超大的，五颜六色的广告牌，那么广告牌上可能只有几个大字。但是如果这个五颜六色的霓虹灯广告牌上是一堆正文，大多数人就读不下去了。因此如果Material Design被错误的强调视觉元素，那么就会导致喧宾夺主。

2. 由于其指示属性，Material Design的配色饱和度都比较低。并且在同一个Color Pack中，Google 为了更加明确的视觉引导，于是将其中的颜色设置的差别很大。这就导致了如果错误的用在信息显示上，就会给人一种眼睛很难受的感觉。


二、为什么MDGram看起来很难受？

主要的原因是，MDGram并没有真正理解Material Design的设计规范。

例如，在MDGram的界面中，信息气泡作为内容，就不应该使用Material Design的Color Pack，而应该使用类似于灰色/蓝色/白色的背景；

而「+」号和「🎤 」 符号 ，则可以使用Material Design中较为浅色的颜色。在顶部的信息栏也不应使用Material Design的颜色。

同样的，现在很多宣称自己遵循了Material Design设计规则的App其实都没有真正理解如何使用Material Design（至少在我用的这些App中有这些问题）

再来看一个范例（图二）：Google Mail，这个App对于Material Design的设计规范是比较遵守的：底部的信息栏作为指示标识，遵循了Material design的设计理念，让人一眼就能识别到不同的信息——Mailbox/Meeting；而在顶部的邮件显示区域，并没有花里胡哨的使用什么圆角矩形，而是单纯的信息的合理堆叠


三、后记

在研究完MDGram之后，我还查阅了一下Material Design 的官方设计规范：链接

在这个规范中，里面大量的提到了如何应用Material Design去设计一些指示性内容的设计规范，例如按钮的样式、菜单栏选择的样式等等。但是对于如何处理内容信息却很少提到（也有可能是我没看到）。这无疑为想要使用Material Design作为设计规范的软件增加了难度，也是目前Material Design的一个问题。


频道：@NewlearnerChannel