编辑导读:在Material Design发布的7年之后,谷歌带着全新的Material You进入我们的的视野,即便I/O大会中甘当了绿叶,但在设计圈依旧引发了不小的轰动。相比Material Design,Material You到底有哪些变化呢?本文作者将从四个维度进行分析,希望对你有帮助。
一个设计趋势的翻新,大概需要 7年的时间。
从初代Mac OS的像素黑白图标(1984年),到首次为图标加入立体质感的Mac OS System7(1991年);
从16-bit环境下拥有丰富色彩的XP(2001年),到Vista系统中首次运用磨砂玻璃和实时动画的aero(2007年);
从第一代iPhone中的aqua拟物风(2007年),到iOS7转型扁平(2013年)以及Material Design这一伟大语言的诞生(2014年)。
而在Material Design发布的7年之后,谷歌带着全新的Material You进入我们的的视野,即便I/O大会中甘当了绿叶,但在设计圈依旧引发了不小的轰动。
那么,相比Material Design,Material You到底有哪些变化呢?
下面,我简单从四个维度,来为你揭开Material You的神秘面纱~
一、更大、更粗!
这大概是我粗看宣传片后最直观的视觉感受了~
拿控制中心举例。以往的Android 11中,控制中心默认6个圆形icon单行布局。但是!!使用了Material You的Android 12,将原本的圆形icon扩展成了接近半个屏幕大小的超大按钮。
粗略计算了下,同等分辨率设备下,面积足足大了将近七倍!
这么做无疑大幅提升了点击体验。毕竟根据菲茨定律来看,移动端设备中,点击目标越大或者距离手指越短,所花费的点击时间越短。Android 12的这种设计很好得满足了面积和距离两个条件,用户点击起来会非常得爽快。
另外,在一些不可控的场景(挤地铁、走路等)下也可以降低误触的几率。这一点是很棒,不过带来的弊端就是空间的大量占用。
Google为了一屏内能露出其他信息,默认状态下只能显示四个控制选项,用户想要查看更多得需要通过额外的下滑手势触发。
另外,滑块相比以往也粗了一大截,和按钮一样的道理。
二、更圆、更丰富!
Google的这次翻新一改以往的小圆角风格,几乎所有的形状都像iOS14那样圆润。
拿控制中心中的音乐播放器来说,应用了Material You语言的Android 12系统的圆角,比Android 11多出了将近4倍。
而其他地方,也存在着大量全圆角形状(即胶囊形状)和圆形形状的使用。比如音量和亮度滑块、标签栏选中后的高亮色块、voicemail的主次按钮等等。
从圆角的特性来说,圆角越大,它所传递的亲和感更为强烈,同时也更容易引导用户聚焦到形状内的内容中。所以变圆这个趋势我猜测可能也与之相关。
另外,Material You打破了我们常规对UI形状的认知,它不会拘泥于特定的某一类形状。图形语言更加多变丰富。
不过,当同一界面中出现了各种圆角不一的形状后,无疑会给大脑增加认知负担。比如邮件列表页中,标签导航选中态、FAB按钮和顶部导航类使用了三种不一样的圆角。也许Google有自己的某些考量,不过这种感知上的不一致确实让我有些困惑。
三、更真实、更舒服!
Material Design贴近真实物理规律的动画一直是我很钟意的一点,之前做概念项目时也有参考过。而这次的Material You,动画更加贴合我们在现实世界中的感知,让人感觉非常真实和舒服。
举三个