谷歌如何利用Material Design實現(xiàn)可觸技術(shù)

Material

Design

當(dāng)谷歌在2014年終于向外界介紹他們的Material Design這一可視化語言，好多人和筆者一樣對這項技術(shù)期盼已久。

那么究竟什么是Material Design呢？

Material Design是谷歌的一條針對安卓系統(tǒng)和其他范圍廣泛的app以及服務(wù)的用戶體驗設(shè)計哲學(xué)，谷歌希望通過這樣的技術(shù)創(chuàng)造一種綜合經(jīng)典優(yōu)質(zhì)設(shè)計原則和科技創(chuàng)新及可行性的可視化語言。

Material Design最先在安卓的5.0 Lollipop系統(tǒng)中亮相，這一系統(tǒng)在2014年底已裝載于多款手機(jī)和平板電腦中。如今，Material Design正滲入到更多app和設(shè)備中去，甚至能夠通過谷歌地圖應(yīng)用滲入iOS系統(tǒng)。

Material Design為何如此重要？

Material Design讓我第一次真正清晰地看到動效和用戶體驗設(shè)計相關(guān)性的文字論述。技術(shù)類企業(yè)長久以來依賴于智能動態(tài)設(shè)計——動態(tài)能夠強(qiáng)調(diào)響應(yīng)性和清晰度，蘋果公司iOS系統(tǒng)在體現(xiàn)這一特性方面功不可沒。

但是，谷歌是第一家以使用中的準(zhǔn)則這一形式組織并公開分享Material Design哲學(xué)理論的大型技術(shù)公司。“動效價值不是可有可無，而是有變革能力的?！惫雀璧乃魉鶠闃?biāo)志著對這一觀念的主流認(rèn)可。

正如Material Design網(wǎng)站解釋的這樣：

動態(tài)提供意義

動效尊重并強(qiáng)化了用戶的“主要原動力”角色。主要的用戶操作是開始參與的轉(zhuǎn)折點，對整個設(shè)計具有轉(zhuǎn)折作用。

用戶所有的動作都在單一環(huán)境中實現(xiàn)。即便是在變形和重組過程中，客體對象也能在不破壞用戶體驗連貫性的前提下展現(xiàn)給用戶。

運動是有意義且恰當(dāng)?shù)?，目的是讓用戶保持注意力集中并維持動作連貫性。回饋精確且清晰;轉(zhuǎn)變有效且緊密協(xié)調(diào)。

實際點說

Material Design的動態(tài)原理是植根于創(chuàng)造“真實的”用戶體驗這一目標(biāo)的。真實世界物理體系，變形物體和簡單變形之間的微妙平衡與為用戶創(chuàng)造熟悉又愉悅的用戶體驗感受相結(jié)合。

Material Design絕對是UI設(shè)計更加人本主義的途徑，而動態(tài)效果是其核心。當(dāng)然，Material Design如何運作自有其規(guī)則，這些規(guī)則中運用了很大部分動態(tài)實例做進(jìn)一步解釋。

這些原則中相當(dāng)一部分適用于任何動效設(shè)計環(huán)境，并不局限于操作系統(tǒng)：

其中一條如是說：兩個視覺狀態(tài)之間的轉(zhuǎn)換應(yīng)該清晰、流暢、容易，不應(yīng)讓用戶感到困惑。一個設(shè)計優(yōu)良的動效過渡非常重要，能夠讓用戶明確他們應(yīng)將注意力集中在哪里。

在谷歌公司2014年6月舉行的開發(fā)者大會上，谷歌公司設(shè)計副主席Matias Duart向公眾解釋了如何在安卓系統(tǒng)中加入動效：

Matias Duart說：“設(shè)計不斷在發(fā)展，用戶越來越富有經(jīng)驗，設(shè)計環(huán)境也更加復(fù)雜。尤其是在過去幾年里，動效變得無比重要。

我們曾追求某種事物，這個事物一方面能夠最佳利用平面設(shè)計的清晰度、動態(tài)影響和移動通信創(chuàng)意，另一方面仍然包含觸感以及工業(yè)設(shè)計師們運用的物理特性?！?/p>

之后，在同一場合，視覺設(shè)計師Christian Robertson 這樣形容動效的潛在能量：因為人眼更容易關(guān)注動態(tài)物體，運動的物體更容易進(jìn)入我們的實現(xiàn)。注意這一點是設(shè)計師引導(dǎo)用戶注意力的強(qiáng)大工具之一。試想，在音樂界面下，

播放控制是最主要的互動，此時動態(tài)效果就顯得格外重要。同樣，即便是可能一開始不被關(guān)注的細(xì)節(jié)，也有極大的發(fā)展空間。就如下圖中的滑動控制小滑鈕。

就像圖中這樣，即便用戶剛開始可能不會注意到這一細(xì)節(jié)，但只要他們看到這一動態(tài)效果，不用思考就能知道如何操作。

舊事幻現(xiàn)

時間倒回2006年，第一代iPhone公布前不久，筆者曾經(jīng)發(fā)表過一篇題為“新共同語言（The New Linga Franca）”的文章，其中寫道：“在接下來的幾十年里，每一個我們曾視作靜態(tài)設(shè)計為主的界面將大部分變?yōu)閯討B(tài)效果的展示場。這對于動效設(shè)計師來說是十足的好消息。

我們正處於設(shè)計工業(yè)蓬勃發(fā)展的洪流中，由靜態(tài)到動態(tài)的轉(zhuǎn)變將在火車站、機(jī)場、候車室、居家客廳、甚至報刊雜志封面等空間成為現(xiàn)實。

無需我說，這樣的轉(zhuǎn)變會以首先發(fā)生于手機(jī)。”

之前，谷歌曾這樣介紹：“設(shè)計是創(chuàng)造的藝術(shù)，我們的目標(biāo)就是要滿足不同的人類需要。人們的需要會隨著時間發(fā)展，我們的設(shè)計，實踐，以及理念也要隨之提 升。我們在自我挑戰(zhàn)，為用戶創(chuàng)造了一個可視化語言，它整合了優(yōu)秀設(shè)計的經(jīng)典原則和科學(xué)與技術(shù)的創(chuàng)新。這就是Material Design?！保▉碓矗阂曈X中國專稿）