和往年一樣，今年 Google 依舊在 Material Design 上投注了不小的心力，來推動整個設(shè)計語言滲透到整個 Google 的產(chǎn)品體系當(dāng)中。目前，Material Design 整個設(shè)計風(fēng)格由 Google 內(nèi)的獨立部門來負責(zé)運作，并不依托于特定產(chǎn)品，并且和外部設(shè)計師有諸多合作。Material Design 已經(jīng)不再是單純意義上的一種設(shè)計語言或者美學(xué)規(guī)范，它擁有的維度很多，甚至延伸到了設(shè)計流程，并且擁有諸多獨立的設(shè)計工具來協(xié)助設(shè)計師，幫助大家更好地完成設(shè)計。

不過最近，有一個全新的關(guān)于 Material Design 的視頻在 Youtube 上瘋傳，視頻中 Material Design 的風(fēng)格得到了進一步的進化和重新的設(shè)計，非常有趣。而更有意思的地方在于，視頻在不久之后又被下架了，令人琢磨不透又無比的好奇。

仔細了解了之后發(fā)現(xiàn)，該視頻源自于設(shè)計師 Adam Grabowski 和 Nicolo Bianchino，這兩位設(shè)計師雖然并非 Google 內(nèi)部的人士，卻是以往 Material Design 部門的外部合作設(shè)計師，他們曾經(jīng)參與過相關(guān)的設(shè)計，并且協(xié)同制作過視頻內(nèi)容。

視頻在社交媒體上被廣泛的傳播，并且在 Twitter 上許多 Google 的內(nèi)部員工也參與了視頻轉(zhuǎn)發(fā)，就這一點來看，可見視頻本身并非偷跑的內(nèi)容，但是也非官方的發(fā)布，真的要界定的話，應(yīng)該算是資深硬核 Material Design 風(fēng)格愛好者在自己理解基礎(chǔ)上的二次創(chuàng)作。

在視頻的結(jié)尾，設(shè)計師并沒有采用 Material Design 的字樣，而是使用了 Google Material ，一方面應(yīng)該是為了區(qū)別于當(dāng)前的 Material Design 的設(shè)計風(fēng)格，另一方面應(yīng)該也是為了規(guī)避相應(yīng)的版權(quán)和法律的問題。

加上留出的其他的界面設(shè)計的細節(jié)，視頻中所呈現(xiàn)出來的設(shè)計風(fēng)格明顯延續(xù)了當(dāng)前 Material Design 設(shè)計的主要精神，包括「紙」的隱喻，不過主要體現(xiàn)在元素陰影中，卡片元素和大色塊的使用比例明顯降低了，借助留白和排版技巧，搭配更加清爽的白色背景和線性圖標，創(chuàng)造出更加現(xiàn)代、簡約的 UI設(shè)計。

一、字體排版

字體的整體設(shè)計延續(xù)了之前現(xiàn)代而富有幾何輪廓的特征，但是字體筆畫寬度被適當(dāng)?shù)卣{(diào)細了，整體的視覺體驗顯得更加摩登。

在排版布局上，通過不同尺寸粗細的強烈對比，來構(gòu)建整體的層次感。

二、配色

目前在演示配色的時候，采用的是 Google 品牌的四種經(jīng)典色彩，這一點和 Material Design 中所采用的扁平化配色是一致的。

不過在演示過程中，也并非所有的背景演示都采用的是之前所說的白色。

三、圖標

由于這套重設(shè)計在調(diào)性上，更加簡約、更加現(xiàn)代，所以在圖標等元素的使用上，大多使用的單色的線性圖標，這一點在 UI界面中也有所體現(xiàn)。

四、UI設(shè)計

先看看之前的 Material Design 的設(shè)計風(fēng)格吧，典型的卡片式設(shè)計，大色塊和帶有非常顯著的陰影。在整個布局當(dāng)中，帶有色彩的 UI 控件是非常典型的 CTA 元素，在層級上也是最為靠前的。

相比之下，在這個重設(shè)計方案中，陰影雖然得到保留，但是總體上適當(dāng)?shù)氐耍@得更加微妙，而抓人眼球的圓形按鈕也更多地被白色的按鈕+彩色圖標的方案所替代。

另一方面，被選中的條目也采用了非常淺的色彩來進行標識，這也將這一版「微妙」的色彩使用體現(xiàn)得淋漓盡致。

UI 布局的層次感不再使用色塊和卡片來進行顯著的區(qū)分，而是更多借助留白和遠近距離控制，來賦予整個 UI 以層次感。諸如被選中的元素，也疊加上了和當(dāng)前界面配色一致的淺色，這種設(shè)計讓整個 UI設(shè)計更加具備一致性和統(tǒng)一性。這些設(shè)計手法通常會認為更加「現(xiàn)代」，也更加符合極簡主義的精神，也更加貼合目前的設(shè)計趨勢。

五、APP設(shè)計

下面是 Google 旗下 APP 當(dāng)前的 UI設(shè)計，可以說是非常標準的 Material Design 了。

相比之下，重新設(shè)計的 APP 的 UI界面非常符合大家所描述的「All-White」的特征，大面積的色塊都已經(jīng)被移除，大面積的白色背景營造出足夠現(xiàn)代簡約的感覺。為了貫徹這種體驗，彩色的圖標也大都被帶有陰影的白色按鈕和彩色的線性圖標所替代。

隨著 UI 控件在優(yōu)先級上的淡化和降低，文本、圖片這樣的內(nèi)容在整個布局中，信息層級得到了提升，用戶會更容易注意到文本和圖片內(nèi)容。

結(jié)語

雖然這套重設(shè)計不是出自 Google 官方之手，但是也和 Google 的 Material Design 團隊有著一定的聯(lián)系。既然可以放出來分享，自然也不是戰(zhàn)略性的重要設(shè)計素材。但是這套設(shè)計非常符合時下的設(shè)計趨勢，在設(shè)計思想上，和 Google 的設(shè)計思想有著相契合的地方，不然也不會得到如此之多的 Google 內(nèi)部員工的認可。

也許在未來的 Material Design 當(dāng)中，我們能夠看到和這套設(shè)計共通的地方。誰知道呢。

關(guān)于極簡主義設(shè)計，你可以拿這篇文章幫你印證一下：

今年 Google I/O大會之后，目前 Material Design 的狀況：