有了解過 Material Design 的朋友都知道,Material Design 中一直提倡以幾何圖形以及科學、工程化思維構建合理的使用者介面。
而最近,為 Google 量身定做的,由國外知名工作室 Gunner 主導, Stephen Kelleher 擔綱主設計師的專案(姑且稱它為“Google Imagery”)一經推出,就讓大家再次感受到什麼是抽象的圖形,以及由它們帶來的奇特魅力,我們先看看由官方提供的影片。
Google Imagery
https://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.
),所以過於抽象的影象表達是否真能有效地傳遞資訊,讓我們拭目以待。