Material
Design
當谷歌在2014年終于向外界介紹他們的Material Design這一可視化語言,好多人和筆者一樣對這項技術期盼已久。
那么究竟什么是Material Design呢?
Material Design是谷歌的一條針對安卓系統和其他范圍廣泛的app以及服務的用戶體驗設計哲學,谷歌希望通過這樣的技術創造一種綜合經典優質設計原則和科技創新及可行性的可視化語言。
Material Design最先在安卓的5.0 Lollipop系統中亮相,這一系統在2014年底已裝載于多款手機和平板電腦中。如今,Material Design正滲入到更多app和設備中去,甚至能夠通過谷歌地圖應用滲入iOS系統。
Material Design為何如此重要?
Material Design讓我第一次真正清晰地看到動效和用戶體驗設計相關性的文字論述。技術類企業長久以來依賴于智能動態設計——動態能夠強調響應性和清晰度,蘋果公司iOS系統在體現這一特性方面功不可沒。
但是,谷歌是第一家以使用中的準則這一形式組織并公開分享Material Design哲學理論的大型技術公司。“動效價值不是可有可無,而是有變革能力的。”谷歌的所作所為標志著對這一觀念的主流認可。
正如Material Design網站解釋的這樣:
動態提供意義
動效尊重并強化了用戶的“主要原動力”角色。主要的用戶操作是開始參與的轉折點,對整個設計具有轉折作用。
用戶所有的動作都在單一環境中實現。即便是在變形和重組過程中,客體對象也能在不破壞用戶體驗連貫性的前提下展現給用戶。
運動是有意義且恰當的,目的是讓用戶保持注意力集中并維持動作連貫性。回饋精確且清晰;轉變有效且緊密協調。
實際點說
Material Design的動態原理是植根于創造“真實的”用戶體驗這一目標的。真實世界物理體系,變形物體和簡單變形之間的微妙平衡與為用戶創造熟悉又愉悅的用戶體驗感受相結合。
Material Design絕對是UI設計更加人本主義的途徑,而動態效果是其核心。當然,Material Design如何運作自有其規則,這些規則中運用了很大部分動態實例做進一步解釋。
這些原則中相當一部分適用于任何動效設計環境,并不局限于操作系統:
其中一條如是說:兩個視覺狀態之間的轉換應該清晰、流暢、容易,不應讓用戶感到困惑。一個設計優良的動效過渡非常重要,能夠讓用戶明確他們應將注意力集中在哪里。
在谷歌公司2014年6月舉行的開發者大會上,谷歌公司設計副主席Matias Duart向公眾解釋了如何在安卓系統中加入動效:
Matias Duart說:“設計不斷在發展,用戶越來越富有經驗,設計環境也更加復雜。尤其是在過去幾年里,動效變得無比重要。
我們曾追求某種事物,這個事物一方面能夠最佳利用平面設計的清晰度、動態影響和移動通信創意,另一方面仍然包含觸感以及工業設計師們運用的物理特性。”
之后,在同一場合,視覺設計師Christian Robertson 這樣形容動效的潛在能量:因為人眼更容易關注動態物體,運動的物體更容易進入我們的實現。注意這一點是設計師引導用戶注意力的強大工具之一。試想,在音樂界面下,
播放控制是最主要的互動,此時動態效果就顯得格外重要。同樣,即便是可能一開始不被關注的細節,也有極大的發展空間。就如下圖中的滑動控制小滑鈕。
就像圖中這樣,即便用戶剛開始可能不會注意到這一細節,但只要他們看到這一動態效果,不用思考就能知道如何操作。
舊事幻現
時間倒回2006年,第一代iPhone公布前不久,筆者曾經發表過一篇題為“新共同語言(The New Linga Franca)”的文章,其中寫道:“在接下來的幾十年里,每一個我們曾視作靜態設計為主的界面將大部分變為動態效果的展示場。這對于動效設計師來說是十足的好消息。
我們正處於設計工業蓬勃發展的洪流中,由靜態到動態的轉變將在火車站、機場、候車室、居家客廳、甚至報刊雜志封面等空間成為現實。
無需我說,這樣的轉變會以首先發生于手機。”
之前,谷歌曾這樣介紹:“設計是創造的藝術,我們的目標就是要滿足不同的人類需要。人們的需要會隨著時間發展,我們的設計,實踐,以及理念也要隨之提 升。我們在自我挑戰,為用戶創造了一個可視化語言,它整合了優秀設計的經典原則和科學與技術的創新。這就是Material Design。”(來源:視覺中國專稿)