有了解過 Material Design 的朋友都知道,Material Design 中一直提倡以幾何圖形以及科學、工程化思維構建合理的使用者介面。

而最近,為 Google 量身定做的,由國外知名工作室 Gunner 主導, Stephen Kelleher 擔綱主設計師的專案(姑且稱它為“Google Imagery”)一經推出,就讓大家再次感受到什麼是抽象的圖形,以及由它們帶來的奇特魅力,我們先看看由官方提供的影片。

Google 與 Gunner 推出的最新意象圖形系列

Google Imagery

https://www。zhihu。com/video/1074614335288098816

從影片中我們可以看到,這次的設計思路依然延續了 Material Design

基礎幾何圖形的思路

,採用了圓形、三角形、正方形進行多種變化、結合從而形成其他的圖形;除此之外,

線條也是這種設計理念中關鍵的元素。

Google 與 Gunner 推出的最新意象圖形系列

幾何圖形+線條

https://www。zhihu。com/video/1074620312221687808

Google 與 Gunner 推出的最新意象圖形系列

採用抽象的圖形+線條組成多種姿態的“人”

Google 與 Gunner 推出的最新意象圖形系列

非常抽象的“家庭” ,極其簡約

Google 與 Gunner 推出的最新意象圖形系列

透過線條與幾何圖形組成的裝置展示圖

Google 與 Gunner 推出的最新意象圖形系列

由線條組成的常見手勢

Google 與 Gunner 推出的最新意象圖形系列

UI 介面的展示圖

Google 與 Gunner 推出的最新意象圖形系列

“人”結合“手勢”進行的一系列“互動”

透過這些抽象圖形以及線條的結合,再加上 Material Design 規範的 Animation 效果,最終的輸出相當令人驚豔。

Google 與 Gunner 推出的最新意象圖形系列

由線條、幾何圖形構建的裝置動畫效果

Google 與 Gunner 推出的最新意象圖形系列

移動裝置場景圖動畫

Google 與 Gunner 推出的最新意象圖形系列

與硬體裝置互動的動畫

Google 與 Gunner 推出的最新意象圖形系列

很抽象的場景圖

總結

可以說這次影象的設計風格算是非常大膽的一次嘗試,因為雖然之前 Material Design 設計語言就推崇以這種抽象的形式來進行影象輸出,但那種場景更多的是面向

專業設計師、工程師

傳遞的設計與開發理念,所以無可厚非。

但是這次系統性的抽象圖形輸出應該是會直面使用者並且指導使用者的(

we developed a visual language that allowed us to depict their many devices and states, explain app features, and guide users’ interactions.

),所以過於抽象的影象表達是否真能有效地傳遞資訊,讓我們拭目以待。