编辑指南:Material Design发布7年后,Google带着新的Material You进入了我们的视野,虽然在I/O大会上成为绿叶,但在设计圈仍然引起了很大的轰动。与Material Design相比,Material You有什么变化?这篇文章的作者将从4个维度进行分析,希望对你有帮助。
改造设计趋势需要7年左右的时间。
从第一代Mac OS上的像素黑白图标(1984年)到第一次为图标增加立体感的MAC OS系统7 (1991年)。
从16位环境中色彩丰富的XP(2001年)到在vista系统中首次使用磨砂玻璃和实时动画的aero(2007年)
从第一代iphone的aqua意物风(2007年)到iOS7的扁平化变化(2013年)和Material Design这一伟大语言的诞生(2014年)。
Material Design发布7年后,Google带着新的Material You进入了我们的视野,即使在I/O大会上成为绿叶,在设计圈仍然引起了不小的轰动。
那么,与Material Design相比,Material You到底发生了什么变化?
现在,从四个层面来看,我将揭开Material You的面纱~
一个,更大,更粗!
这应该是我大致看过海报后最直观的视觉感受了~
以控制中心为例。在以前的Android 11中,控制中心基本上使用了6个圆形icon单行布局。但是!使用Material You的Android 12,将原始圆形icon扩展到屏幕大小接近一半的大按钮。
粗略计算一下,同等分辨率设备,面积足足增大了近7倍!
这样做无疑大大提高了点击体验。最终,根据菲兹定律,移动终端中点击目标越大或手指越短,点击时间越短。Android 12的这个设计非常适合满足面积和距离两个条件,用户点击后非常清爽。
另外,在无法控制的场景(挤地铁、走路等)中,也可以降低误触的可能性。这很棒,但带来的弊端是空间的大量占用。
Google为了能够在一个屏幕上显示不同的信息,基本上只能显示四个控制选项,用户希望通过进一步的下降手势看到更多的内容。
另外,滑块比以往任何时候都粗,和按钮是一样的道理。
第二,更圆更丰富!
Google这次的翻新变成了以前的小圆角风格,几乎所有形状都像iOS14一样圆。
从控制中心的音乐播放器来看,应用Material You语言的Android 12系统的圆角几乎是Android 11的4倍。
其他地方也有很多圆形(胶囊形状)和圆形形状的使用。音量和亮度滑块、选择了标签栏的浅色块、语音邮件中的第一个和第二个按钮。
圆角的特性上,圆角越大,传达的亲和力越强,有助于关注外观内的内容。所以圆形的趋势似乎也与它有关。
另外,Material You打破了我们对UI形状的一般认识,也没有被特定形状束缚。图形语言更加多变和丰富。
49LD5GSn?_iz=31825&from=ar;x-expires=1705600835&x-signature=YGah7gvtcyr62QXW5eIBtCtCP4U%3D&index=4" width="640" height="349"/>不过,当同一界面中出现了各种圆角不一的形状后,无疑会给大脑增加认知负担。比如邮件列表页中,标签导航选中态、FAB按钮和顶部导航类使用了三种不一样的圆角。也许Google有自己的某些考量,不过这种感知上的不一致确实让我有些困惑。
三、更真实、更舒服!
Material Design贴近真实物理规律的动画一直是我很钟意的一点,之前做概念项目时也有参考过。而这次的Material You,动画更加贴合我们在现实世界中的感知,让人感觉非常真实和舒服。
举三个