[[115423]]

過去 Google 的產(chǎn)品線，每一個都相當(dāng)?shù)莫毩?，在產(chǎn)品的設(shè)計上反映得尤為明顯，甚至不必看產(chǎn)品設(shè)計，只要看一下 Google 每款產(chǎn)品的 LOGO 都能發(fā)現(xiàn)許多不同風(fēng)格的設(shè)計。這種混亂難以體現(xiàn)出 Google 的風(fēng)格，如果 Google 的風(fēng)格就是混亂和無序的話。

2011 年，拉里·佩奇成為 Google CEO 之后，他管理公司的政策從過去的自由、放任，變?yōu)榫o密、整合。在 Google 發(fā)展的早期，因為鼓勵觀點的碰撞，結(jié)果發(fā)展成一種不留情面的爭論分為，高管之間沖突不斷，甚至?xí)芙^合作。佩奇決心要改變公司的氛圍，2013 年 2 月，在納帕山谷的卡內(nèi)羅斯客棧酒店里，他對所有 Google 高管說，Google 要實現(xiàn) 10 倍的發(fā)展速度，要用全新的方法來解決問題，因此高管之間要學(xué)會合作。從現(xiàn)在開始，Google 要對爭斗零容忍。

除了 Google 不同產(chǎn)品線相互之間變得更加開放、合作外，佩奇還大膽改變 Google “以工程師為主導(dǎo)”的文化。2011 年，公司啟動代號為“肯尼迪”的項目，召集公司里所有重要的設(shè)計師，重新設(shè)計 Google 里的每一項產(chǎn)品，尋找一種共同的設(shè)計語言。最終他們找到跨產(chǎn)品的設(shè)計是“卡片式設(shè)計”。不僅如此，2012 年，佩奇大膽地作出一項決定，讓設(shè)計師參與到早期產(chǎn)品的設(shè)計開發(fā)中，這項產(chǎn)品是現(xiàn)在我們看到的 Google Now——一項典型采用卡片式設(shè)計的跨設(shè)備產(chǎn)品，從 Android 到 Chrome，它的表現(xiàn)都幾乎一致。

可以這么說，從 Google Now 上，Google 的設(shè)計師們通過整合 Google 現(xiàn)有的技術(shù)和能力，再加上對跨設(shè)備界面與交互思考，結(jié)合卡片式設(shè)計，終于設(shè)計出在不同設(shè)備上界面和體驗都相對統(tǒng)一的產(chǎn)品。而現(xiàn)在這種跨界的設(shè)計經(jīng)驗，經(jīng)過 兩年的努力，復(fù)用在一致飽受割裂、碎片化困擾的 Android 平臺上。

Android 一開始充滿著舊 Google 時代的風(fēng)格：自由、放任。開發(fā)者可以任意上傳自己的應(yīng)用，而不必通過審核；開發(fā)者可以隨意按照自己的想法設(shè)計應(yīng)用，Google 方面不予任何限制。可以說，Android 一開始就是一片 Google 開辟的荒地，他允許每個人都可以隨意使用，結(jié)果是所有人都各行其是，讓這塊荒地亂糟糟的。直到 Android 4.0，從 Palm 跳槽到 Google 擔(dān)任 Android 用戶體驗副總裁的馬蒂亞斯·杜瓦迪（Matias Duarte）上任后，才真正提出設(shè)計指導(dǎo)。

而 Google I/O 2014 上著重展示的 Material Design，以非常高調(diào)的方式，宣布了 Google Design 的存在：不欣賞設(shè)計，對設(shè)計毫無感覺的 Google 已是昨日。在發(fā)布會當(dāng)時，Google 還上線名為 Google Design 的網(wǎng)站。從 Android 到衍生的 Android Wear、Auto 和 TV，Material Design 貫穿其中，成為溝通不同平臺、設(shè)備的靈魂，讓用戶在不同平臺上也有連貫的體驗。為了維護(hù)這種一致性，Google 甚至不允許第三方修改 Android Wear、Auto 和 TV 的界面以及交互，十分強(qiáng)勢。

Material Design 不能簡單地歸納為平面化設(shè)計（Flat Design）。實際上，Android 4.0 的設(shè)計風(fēng)格，也不是純粹的平面化設(shè)計，在經(jīng)過仔細(xì)觀察之下，我們可以看到 Android 4.0 在細(xì)節(jié)上并沒有反對高光、陰影、紋理，換言之它并不反對立體感。不過，它也不能歸類為擬物化設(shè)計，畢竟它所是用的圖案、形狀并非是對現(xiàn)實實體的模擬，而是 按照自己對數(shù)字世界的理解，以色彩、圖案、形狀進(jìn)行視覺信息上的劃分。

根據(jù) Hi-iD 之前在《花樣, 形式, 風(fēng)格, 氛圍, 主義……設(shè)計》中 總結(jié)設(shè)計當(dāng)中不同的層次，以 Google 過去各個產(chǎn)品而言，都充滿了不同的花樣和形式，但無法統(tǒng)一為一種風(fēng)格。而現(xiàn)在，Material Design 則結(jié)合卡片式設(shè)計，又結(jié)合現(xiàn)實世界里紙張的隱喻，統(tǒng)一了 Google 在設(shè)計上的表達(dá)，從而展示出一種強(qiáng)烈的風(fēng)格。這種風(fēng)格不會因為我們使用 Android Wear 或 Android TV 等不同的設(shè)備，而感到不同。Hi-iD 說得好，“風(fēng)格既是自我表達(dá)也是一種記名和品牌”。

Material Design 在設(shè)計上并沒有完全拋棄 Google 過去在設(shè)計上取得的成果。Material Design 和 Google 的標(biāo)志一樣，崇尚多彩，但它并不使用那種很艷麗的顏色，反而似乎是為了讓圖案變得沉穩(wěn)，而有意令原本很晃眼的色彩混入一點點的灰色，讓圖案變得活潑之余， 又不會因為過于艷麗而讓人感覺到俗套和嬉皮。它也沒有拋棄陰影，仔細(xì)觀察 Android 4.0 的下拉菜單，我們可以看到底部和右側(cè)有著淡淡的陰影。

[[115424]]

不過，比起過去的 Andorid Design 來說，Material Design 更有自己的目標(biāo)，它不僅僅為了好看而已，它要讓不同設(shè)備的屏幕上表現(xiàn)出一致、美觀的視覺體驗以及交互。根據(jù) InfoQ 報道，2014 年 4 月 Accel Design 大會期間，杜瓦迪接受 InfoQ 采訪時提出，“作為一個概念，移動已死，它完蛋了。”他的意思是說，“將用于移動設(shè)備的應(yīng)用程序作為單獨的應(yīng)用程序自行設(shè)計是一個錯誤的做法。”

杜瓦迪說，“不應(yīng)該為不同的屏幕規(guī)格創(chuàng)建不同的產(chǎn)品，而是使用一種統(tǒng)一的設(shè)計方法開發(fā)一款可以跨多種屏幕的產(chǎn)品：桌面、智能手機(jī)、車載解決方案、智 能手表。當(dāng)人們整天都在所有這些不同的屏幕之間切換時，他們應(yīng)該能夠繼續(xù)使用一個特定的程序。這點不僅適用于產(chǎn)品的視覺外觀，也適用于其功能集。如果一個 人開發(fā)了一個打車應(yīng)用程序，而它能在 7 英寸的屏幕上運行，但不能在 2 英寸的屏幕上運行，這是不行的。”

為了統(tǒng)一跨設(shè)備間的界面和交互，讓用戶得到連貫的體驗。Material Design 不再讓像素處于同一個平面，而是讓它們按照規(guī)則處于空間當(dāng)中，具備不同的維度。按照 Wired 的話來說，那就是讓像素具備海拔高度，這樣子的話，系統(tǒng)的不同層面的元素，都是有原則、可預(yù)測的，不讓用戶感到無所適從，也避免開發(fā)者擔(dān)心因為不同的視覺風(fēng)格而產(chǎn)生沖突。

Material Design 還規(guī)范了 Android 的運動元素，讓按鈕的彈入彈出，卡片的滑入滑出以及從一個界面變化成另一個界面的方法（比如從介紹一首歌的界面到控制播放的界面），都是秩序的、深思熟慮 過的。Wired 總結(jié)，Material Design 中只有在高亮動作以及改變交互狀態(tài)時，才會使用運動元素來表示。

對于現(xiàn)實世界中的隱喻，Material Design 更加傾向于用色彩來提示?，F(xiàn)在我們按下屏幕當(dāng)中的按鈕時，可以看到按鈕顏色迅速發(fā)生變化，向石頭投入湖面一樣，產(chǎn)生了一波漣漪。杜瓦迪這樣設(shè)計是因為 Material Design 中的按鈕都處于一個平面，不再突起，因此它必須采用和以往不同的表示方法，以表明自己已經(jīng)被按下。

Material Design 所展示的模板當(dāng)中，最顯眼的是它的小圓點。它的作用好像 iPhone 上的 Home 鍵，是快捷功能入口，又是視覺上有趣的點綴。

然而，正如 Material Design 名字所暗示的，為了適應(yīng)多尺寸的屏幕，杜瓦迪以及他的團(tuán)隊，尋求一種更加抽象的表達(dá)，一種存在屏幕里的顯示“材料”。根據(jù) The Verge 報道，杜瓦迪團(tuán)隊在面對 Google 產(chǎn)品里大量采用的卡片式設(shè)計時，靈感火花一閃：何不如這些“卡片”，想像成現(xiàn)實當(dāng)中存在的，四處滑動的物體。

[[115426]]

如果這些卡片遵循物理世界里的法則，那么它就有自己的規(guī)矩，不見得每個人都能夠任意使用，對于設(shè)計師來說“限制”是有必要的。在 Google 設(shè)計師的想象中，這種抽象的“材料”特性很像紙張，但它又做到現(xiàn)實當(dāng)中紙張做不到的事情，比如變大變小。這賦予這種“材料”極大的靈活性，讓它足以適應(yīng)不 同尺寸的屏幕。然而，對于 Google 來說，Material Design 還將擴(kuò)展到 Google 其它產(chǎn)品當(dāng)中去，讓所有產(chǎn)品都烙印上濃濃的 Google 風(fēng)格。

對于杜瓦迪來說，從 Android 4.0 到 Material Design，體現(xiàn)了他身為設(shè)計師的素質(zhì)和能力，而在這不同的經(jīng)歷當(dāng)中，他的感受是，“打造 Ice Cream 時，我好似軍艦上的一名上校，被叫去輪機(jī)艙，而這艘船即將在 30 分鐘后轉(zhuǎn)彎。創(chuàng)造 Material Design 就像指揮太平洋艦隊的海軍上將。我們要在一無所知的情況下作出決定，而船在 48 小時后啟航。”

至于 Material Design 本身，它是一個足以媲美蘋果設(shè)計的一套設(shè)計框架。