一口吃掉 Material Design

顶部应用栏可以嵌入图片

为了减少视觉层级，顶部应用栏中也可以嵌入图片来增强界面的整体感。图为一个使用了嵌入图片顶部栏的照片应用。

顶部应用栏嵌入图片的样式

背板设计（Backdrop）

在应用引发的某个操作中，可设计背板来承载某些选项和辅助信息。背板的设计在iOS中比较类似Action Sheet但又更加个性化。

背板设计示例

背板设计的辅助控件

1 背板设计隐藏时，后层控件可以提供有关前层的辅助信息。2 背板设计激活时，后层会显示与前层相关的控件。这样可变的设计可以让用户更加方便地找到需要的功能。

背板设计的辅助控件

Crane APP所使用的背板设计

SHRINE所使用的背板设计使用了增强品牌感的直角

横幅（Banner）

横幅可不光是广告哦，横幅是顶部栏下面的第一个凸显区域，显示突出的消息和相关的可选操作。它可以是一个对话，也可以是一个提示或者包含图形的设计。

横幅形式的对话框

如果搭配底部导航来设计，那么横幅可以直接置顶显示

底部导航（Bottom navigation）

底部导航的设计和iOS类似，它也是将底部宽度等分为多个图标的点击区域，并且配以辅助文字信息方便用户理解图标背后的功能。底部导航是底部应用栏的一个有力补充。

底部导航的设计如同iOS中的Tab栏

OWL APP中的个性化底部导航栏

按钮（Buttons）

按钮是最常见的元素，在这里Material Design为我们提供了多种多样的按钮设计风格。由于不同的功能和环境，按钮可以使用：1.纯文字按钮（这种按钮只有加粗带色彩的文字，可以理解为可点击的链接）；2.线性按钮（这种按钮有一个线框来说明点击区域，比较不显眼）；3.填充按钮（这种按钮较为明显）；4.切换按钮（这种按钮使用率低于其他按钮形式）。

按钮的四种样式