長徵工業設計中心
設計的長徵從這裡開始！
長徵工業設計中心是以工業設計為主題的園區，位於上海市普陀區同普路1412號。
長徵工業設計中心
長徵工業設計中心
長徵工業設計中心
繼上次谷歌發布新版的Material Design設計規範後，近期又流出一個關於Material Design改版的視頻，且視頻裡採用了一種稱為"All-White"的設計語言，展示的原型包括了Gmail, Google Photos, Google Trips、Google Drive等。
作為極簡風格的代表者，谷歌本次的視覺語言風格看來是要將極簡進行到底了。從本次視頻我們可以看出，谷歌將原先豐富的色彩幾乎轉為了純白色。
可以看出，視頻中所呈現出來的設計風格明顯延續了當前 Material Design 設計的主要精神，包括「紙」的隱喻，不過主要體現在元素陰影中，卡片元素和大色塊的使用比例明顯降低了，藉助留白和排版技巧，搭配更加清爽的白色背景和線性圖標，創造出更加現代、簡約的 UI設計。
一起來看看這股「All-White」視覺語言吧。
UI設計變化
本次「All- White」在UI視覺設計上較之前有著明顯的區別。之前的Material Design 的設計風格是典型的卡片式設計，大色塊和帶有非常顯著的陰影。在整個布局當中，帶有色彩的 UI 控制項是非常典型的 CTA 元素，在層級上也是最為靠前的。
▼之前的Material Design卡片式風格
而現在UI 布局的層次感不再使用色塊和卡片來進行顯著的區分，而是更多藉助留白和遠近距離控制，來賦予整個 UI 以層次感。諸如被選中的元素，也疊加上了和當前界面配色一致的淺色，這種設計讓整個 UI設計更加具備一致性和統一性。這些設計手法通常會認為更加「現代」，也更加符合極簡主義的精神，也更加貼合目前的設計趨勢。
Gmail
▼收件箱▼message▼寫郵件
在新的設計中，Gmail已知的紅色UI元素將被白底欄和白色背景所取代，撰寫按鈕也已移至中心並裝飾了多色的「加號」符號。
Google Drive
Google Drive擁有了新的底部導航，分別為「主頁」 「收藏夾」 「共享」和「文件夾」等四個功能。頂部還新增了「My Drive」 「Team Drives」 「Devices」等標籤以及搜索欄。
Google Maps
Google Maps也已經開始推出新的設計了，非常吸引人。它擺脫了可擴展菜單上的標準藍色條和藍色圖標，全部替換為帶有灰色圖標和照片輪播，搜索欄和按鈕也進行了一些小的UI更新。
Google Trips
Google Trips將在頂部有一個很酷的搜索欄。它包含了搜索圖標，豐富多彩的Google Trips徽標和菜單按鈕。
Google Photos
至於Google Photos，雖然整體看起來變化不大，但背景已經從原始的灰色變為白色，細節之處的UI也做了一些改動，變得更加的簡潔。
整體細節變化
字體
字體的整體設計延續了之前現代而富有幾何輪廓的特徵，但是字體筆畫寬度被適當地調細了，整體的視覺體驗顯得更加現代。
在排版布局上，通過不同尺寸粗細的強烈對比，來構建整體的層次感。
配色
目前在演示配色的時候，採用的是 Google 品牌的四種經典色彩，這一點和 Material Design 中所採用的扁平化配色是一致的。
不過在演示過程中，也並非所有的背景演示都採用的是之前所說的白色。
圖標
由於這套重設計在調性上，更加簡約、更加現代，所以在圖標等元素的使用上，大多使用的單色的線性圖標，這一點在 UI界面中也有所體現。
按鈕
關於谷歌的Material Design新視覺設計語言就介紹到這裡了。雖然本套設計語言不是出自谷歌官方之手，源自於設計師 Adam Grabowski 和 Nicolo Bianchino（以往 Material Design 部門的外部合作設計師），和Google 的 Material Design 團隊有著一定的聯繫。且整套方案也非常符合時下的設計趨勢，與Google的設計思想上也有共通之處。雖然視頻在不久之後被下架，但不久之後說不定就被運用了呢~
你覺得新的「All-White」風格怎麼樣呢？
撰文 小雞腿