Google 与 Gunner 推出的最新意象图形系列

Google 与 Gunner 推出的最新意象图形系列

有了解过 Material Design 的朋友都知道,Material Design 中一直提倡以几何图形以及科学、工程化思维构建合理的用户界面。

而最近,为 Google 量身定做的,由国外知名工作室 Gunner 主导, Stephen Kelleher 担纲主设计师的项目(姑且称它为“Google Imagery”)一经推出,就让大家再次感受到什么是抽象的图形,以及由它们带来的奇特魅力,我们先看看由官方提供的视频。

Google Imageryhttps://www.zhihu.com/video/1074614335288098816

从视频中我们可以看到,这次的设计思路依然延续了 Material Design 基础几何图形的思路,采用了圆形、三角形、正方形进行多种变化、结合从而形成其他的图形;除此之外,线条也是这种设计理念中关键的元素。

几何图形+线条https://www.zhihu.com/video/1074620312221687808
采用抽象的图形+线条组成多种姿态的“人”
非常抽象的“家庭”👪,极其简约
通过线条与几何图形组成的设备展示图
由线条组成的常见手势👇
UI 界面的展示图
“人”结合“手势”进行的一系列“交互”

通过这些抽象图形以及线条的结合,再加上 Material Design 规范的 Animation 效果,最终的输出相当令人惊艳。

由线条、几何图形构建的设备动画效果
移动设备场景图动画
与硬件设备交互的动画
很抽象的场景图

总结

可以说这次图像的设计风格算是非常大胆的一次尝试,因为虽然之前 Material Design 设计语言就推崇以这种抽象的形式来进行图像输出,但那种场景更多的是面向专业设计师、工程师传递的设计与开发理念,所以无可厚非。

但是这次系统性的抽象图形输出应该是会直面用户并且指导用户的(we developed a visual language that allowed us to depict their many devices and states, explain app features, and guide users’ interactions.),所以过于抽象的图像表达是否真能有效地传递信息,让我们拭目以待。

https://www.gunner.work/#/google-imagery/www.gunner.work

编辑于 2019-02-01