在过去的几个月里,你可能听说过很多关于“MaterialYou”的事情。这是Android12设计语言的官方名称。现在,谷歌的Pixel手机可以使用最新版本的Android操作系统,该公司准备将更新的设计语言引入第三方Android应用程序。
在本周早些时候的2021年Android开发者峰会上,谷歌向开发人员详细介绍了MaterialDesign3(MaterialYou的技术名称),又名M3。它展示了开发人员可以在他们的应用程序中使用的新的、基于MaterialYou的UI组件。谷歌已经使用新的设计语言更新了大部分第一方Android应用程序。
从底部导航栏开始,它现在比之前的迭代更高,即M2。谷歌今年移除了阴影,并用“填充图标和对比鲜明的药丸状”指示器突出显示活动状态。非活动状态用“轮廓图标”表示。
正如9to5Google指出的那样,已经采用了您重新设计的Material的Android应用程序已经采用了这个组件。Gmail就是其中之一,尽管Google后来将导航栏的高度降低到与M2设计语言相同的大小。该报告建议Gmail可以去掉文本标签以进一步降低高度。
导航轨道
导航栏,也就是大屏幕的垂直导航栏,也发生了类似的变化。现在使用药丸状指示器而不是M2上的彩色图标突出显示活动状态。导航栏也可以在顶部带有FAB(浮动操作按钮),而背景可以带有圆角。目前还没有应用程序实现了这种设计。
对于顶部应用栏,谷歌提供了四种不同的设计:居中、小、中和大。这里也没有阴影。谷歌正在进一步用“颜色填充叠加”替换将顶部栏与下方内容分开的对比色。
至于FAB,谷歌正在从圆形设计转向带有圆角的方形设计。有两种类型的FAB:小型和大型。前者用于编辑小部件,而后者用于我们通常看到大按钮的区域,例如启动录音机或设置警报。Google指出,FAB没有文本标签,因此它们应该是“功能明确的”。“当内容滚动时,FAB应该保留在屏幕上。”
对于视觉上更突出的按钮,M3带来了与常规FAB具有相同高度的扩展FAB和一个可选图标。在M2上,扩展的FAB呈药丸状,具有不同的高度和高度。
谷歌提供各种药丸形按钮设计,包括升高、填充、填充色调、轮廓和文本。它们比M2上略高,并且具有更多圆角。此外,按钮标签现在是句子大小写而不是全部大写。
MaterialDesign3还带来了三种类型的卡片:提升、填充和轮廓。后者由GoogleKeep使用。卡片内的内容将具有“较低的高度”,默认情况下不会显示阴影。
新的Android设计语言具有四种类型的芯片:辅助、过滤、输入和建议。