今年的5月18日，Google 按照惯例举行了为期三天的 Google I/O 大会。但今年发现身边的设计师尤为对此津津乐道，想必这与Google自2014年以来第一次对 Material Design设计语言进行较大的更新有关，很多人对其笑称 “Apple 版的 Android” ，不过确实从细节中可以看到诸多 iOS 的影子。

相较每年秋季的苹果发布会而言，设计师们可能并不太关注 Google 的发布会。当然毕竟这次是 I/O 大会而不是 MD 大会，为期三天的大会对未来的设计会造成哪些影响呢，我想凭借此文让大家快速了解 Google 在产品设计中所做出的改变，权当扫盲贴吧。

正题开始

首先按照今年的国际惯例，Google 吹了一波今年对全球疫情所作出的巨大贡献。

然后在接下来的主题演讲中，重点介绍了全新的Google Docs 与 LaMDA自然语言理解系统。

简单的说，Google文档升级了Smart Canvas功能，整个产品改名叫“Google Workspace”，形式上比较接近字节跳动的 “飞书”，除了基础的文档、表格和幻灯片之外，还包括项目管理、任务计划、头脑风暴等功能，还嵌入了Google Meeting，实现文档与视频同框会议。

而全新的自然语言理解系统—— LaMDA 虽与设计关系不大，但作为行业新鲜事还是值得了解一下。

事情是这样的，Google开发了一个叫 LaMDA 的自然语言系统，这种模型会自动根据谈话内容加入客观因素做出智能回应，而不必刻意训练。会议中还展示了两个小案例，我们翻译出大意大家感受一下，似乎 LaMDA 这个小东西还挺萌。

第一段对话让LaMDA以冥王星的身份作答第二段话让LaMDA假装自己是架纸飞机 另外在无聊的数据安全主题演讲后Google还重点谈论了新的搜索引擎能力，解释起来比较枯燥，总而言之，不久之后Google将支持更复杂的提问方式，系统会根据文字中的关键词结合互联网信息给出一个客观科学的答案，类似： 

Android 12

接下来我详细介绍一下设计上的改变。

最早 Material Design 的出现让 Android 系统变得更加统一和美观，但随着数码设备的进一步普及，人们对个性化的需求愈发强烈，这对整个行业而言都是一个挑战。

面对这一挑战，Google 做出了去品牌化的设计语言，让一切设计元素为个人偏好而存在。通俗的理解就是让用户自定义系统中的图形并通过科学的色彩算法自动推荐匹配的颜色系统。今年全新的Material设计系统优化了其设计语言——Material You。该设计系统遵循三大原则：舒适、创新、生机。

伴随着新设计系统的出现，这一改变会随秋季的新Pixel设备一起发布。并逐渐在Web系统、桌面系统以及Google的所有产品中逐步采用。

那么首先来看看Android 12到底有哪些改变吧。

Google改变了原有的色彩、形状、光影和动画形式。系统会根据壁纸的颜色创建自定义的调色板，并依据算法判断主辅色配色。 

这种新的UI形式不仅仅是视觉上的，许多交互细节被精简并使用动态照明技术，比如当用户点亮屏幕时，光线从手指触碰的地方开始延及整个屏幕，当系统没有通知时，时钟会变大。

Google再一次强调了通知栏的强大，但对于熟悉Android的用户这次的改动并不陌生，在现有的二段下拉操作基础上，扩充了家庭设备控制和支付控制（这些目前在国内并不适用）

从安全角度看，Android 12这次新增的App调取权限的记录，用户可以清楚的了解到哪个App在何时调用了什么系统权限，并且当App调用某项权限时，系统右上角会有所显示，这下让偷跑软件无所遁形了。

从系统的整体视觉设计上，Android 12 将支持毛玻璃效果，这对大多数UI设计师而言是个天大的喜讯，因此移动端设计不必再担忧Android界面看起来不如 iOS 绚丽了，所以大胆的使用毛玻璃吧。

交互细节上，Android 12重新设计了点击时的涟漪效果，新的设计让涟漪带有闪烁的杂色。

同时还去掉了之前页面滚动到底时的边缘发光效果，取而代之的是页面整体的细微拉伸，这让页面看起来具有某种橡胶材质。坊间传闻之所以如此设计，是因为Apple对这个效果的专利权已失效。

最后在Android 12这个环节，Google再一次强调了Android手机的家庭连接功能，比如可以通过手机控制笔记本电脑解锁，充当电视遥控器，作为配有Android Auto汽车的钥匙等等，当然这一切还是要依赖于完整的Google服务与设备，国内用户简单了解就好。

Android 12的测试版在会议当天已推送，如果大家感兴趣可以尝试更新。

DevTool

最后捎带提一个小更新，Chrome浏览器中的开发者工具，新增了不少对设计师很有用的功能。

首先是可以通过设置快速模拟页面深色模式，以检查UI色彩在深色模式下页面整体对比度的问题。同时还可以针对具体的组件测量色彩对比度是否达标。（至于颜色对比度标准，我后面会专门写一篇文章讲解）

其次是对动画参数的调整，看起来更加人性化。

以及更适合查看和调整的flex布局。

说到开发者工具，就不能不提及响应式布局。

网页设计的布局方式每十年会变革一次，每一次都会带来新的响应式方案，今年我们又迎来了新的变革。

新的用户偏好媒体查询支持用户根据自身特定偏好和需求改变页面的布局样式。这意味着页面可以针对用户实际体验实时调整。包括减少动画偏好、高对比偏好、低透明度偏好、自定义色彩偏好、反色偏好等实验性属性。

例如用户若关闭系统的动画效果以节省性能，网页可针对这一需求取消相应的动效。

接下来还有容器查询，这将会对网页的设计生态产生巨大的影响。下面这种效果，两个模块的属性完全相同，但根据页面的尺寸变化，模块内部的图片，文字以及列宽会不断变化，这仅仅依靠传统的媒体查询是做不到的。

这依赖了@container这个属性实现，@container查询可针对父级元素而非全局做出相应变化。

当然容器查询除了父级查询，还包括诸如日历查询等。

好了，以上就是今年Google I/O大会涉及设计领域的全部内容，Google Material Design团队接下来会进一步完善和更新MD设计系统，并最终在今年秋季随新手机一起发布。

我们会持续关注官方消息并着手准备针对Material You设计系统的翻译工作，感兴趣的小伙伴可以点个关注。

Powered by Froala Editor