Google I/O 大會之后，Material Design 發(fā)生了這些變化

編者按：Google I/O 大會之后，Material Design 也好不意外地隨之進行了更新，作為目前最主流也是對當(dāng)前設(shè)計影響最大的一種設(shè)計風(fēng)格或者說設(shè)計準(zhǔn)則，它的每一個改變都有著巨大的意義，以及非常實際的影響。在 Google I/O 大會之前，開發(fā)者 Raveesh Bhalla 對于 Material Design 的新特性進行了預(yù)測，并且撰寫了《Google I/O即將到來，對于Material Design 2.0我做了這些預(yù)測》，大會之后確實有不少預(yù)測得到了印證，這篇文章就是對此的回應(yīng)。

自從 2014 年 Material Design 問世以來，它就一直是被使用最多的視覺設(shè)計語言，也是最受歡迎的視覺設(shè)計語言之一。這一狀況很大程度上得益于它的兩個特征：

• 統(tǒng)一：它是跨平臺的可視化設(shè)計語言。
• 直覺：Material Design 的核心原理是「Material / Surface」的行為方式，「紙」的隱喻使得用戶能夠感知到這種虛擬的材質(zhì)，能夠看到、觸摸到甚至預(yù)測到接下來會發(fā)生什么。

對于 Material Design ，Google 的想法恐怕不止讓它作為一種單純的視覺語言存在，還希望它承擔(dān)更多的功能，比如具備改變設(shè)計和開發(fā)流程的工具性。在今年的 Google I/O 大會之后，Material Design 的新特性也走到了臺前，這些改變確實令人振奮。

Material 主題

這對于 Material Design 而言，絕對是一次巨大的升級！ Material 主題，提供的是一種「系統(tǒng)化」地對 Material Design 進行定制的功能，這也就意味著品牌可以借助它來定制出貼合自己品牌風(fēng)格的 Material Design 主題。

這里所說的「系統(tǒng)化」指的是：

品牌能夠通過色彩、排印和圖形等視覺元素來凸顯自己。

這也意味著我們可以以一種全新的方式來改變 Material Design 所提供的這些組件！在此新功能出現(xiàn)之前，設(shè)計師需要在 Sketch 中借助多個不同的插件才能實現(xiàn)類似的功能，而現(xiàn)在，我們擁有了 Material Theme Editor 來專門執(zhí)行這個任務(wù)。

它主要包含了這些有趣的功能：

• 更改、添加和更新配色：它可以系統(tǒng)化的管理所有的顏色，并且能夠具體落實到具體位置上的特定色彩，可以一次更改整個設(shè)計中的一種色彩，甚至能夠基于特定的色彩來生成同色系不同明暗不同飽和度的其他色彩。
• 字體管理：它不僅能夠管理字體，而且能夠控制字體的層次結(jié)構(gòu)。
• 形狀管理：這是最重要的新功能，也是 Material Design 的核心，因為這個功能意味著你可以更新設(shè)計的「材質(zhì)」！元素的形狀，卡片的細(xì)節(jié)，都可以根據(jù)你的品牌特征進行自定義了！
• 新的圖標(biāo)樣式：如果你也被圖標(biāo)的固定樣式所困擾，那么現(xiàn)在你擁有5種不同風(fēng)格的圖標(biāo)樣式供你選擇了，總會有那么一種符合你的需求。

Gallery

Gallery 是 Google 去年發(fā)布的新工具，這款工具號稱能夠簡化你的設(shè)計工作流程，不過在當(dāng)時，它的功能還很簡單，僅僅只是允許用戶對不同的圖片的版本進行評論而已。

現(xiàn)在全新的 Google Gallery 來了，它現(xiàn)在能夠解決一些非常實際的設(shè)計功能了。

• Gallery 中可以添加 Google 文檔、表單和幻燈片了！所以，現(xiàn)在可以將需求文檔、用戶調(diào)研和整個視覺設(shè)計整合到一起了！
• Gallery 中添加了「項目和收藏」的功能，本質(zhì)上它就像 Sketch 內(nèi)置的文檔管理系統(tǒng)，并且涵蓋多個頁面，這在日常使用的時候會非常方便。
• 如果你上傳的多個文檔文件名相同，它會針對多個文檔進行版本管理，這有助于你觀察整個產(chǎn)品的演進過程，以及反饋是如何影響設(shè)計走向的。
• 內(nèi)置了檢查模式，它并不是單純的進行拼寫檢查，它甚至可以檢測到符號和拼寫，甚至直接追溯到相應(yīng)的組件和源代碼上，此外，文本識別功能還和 Google Fonts 的功能打通了！
• 完全免費！僅此一點，就意味著設(shè)計師不用再選用 Sketch、Zeplin、InVision 或者 Marvel 這些收費服務(wù)了！

除此之外，Material Design 還有許多細(xì)節(jié)上的更新，這些新功能分布在新版規(guī)范的各個角落，其中主要包括：

• 為 iOS、Android、Web 和 Flutter 更新了全新的 Material 組件；
• 如何創(chuàng)建全新的 Material 主題，相關(guān)的各種教程和技巧；
• 作為 Material Design 的合作方，諸如 Lyft、Genius、NPR、Pocket Casts 和 Zappos 這樣的應(yīng)用都是怎樣和 Material Design 進行協(xié)同的。

結(jié)語

新的 Material Design 當(dāng)中加入的新功能和新服務(wù)并不少，如何合理地運用其中的功能將直接關(guān)系到 UI/UX 設(shè)計師、PM 和產(chǎn)品設(shè)計師今后的工作方式，也許這里面藏著改變你的產(chǎn)品的新契機呢。

「2018年設(shè)計趨勢，一個都不要錯過」

• 《2018年，這10個LOGO設(shè)計趨勢值得你關(guān)注》
• 《超全面總結(jié)！2017年UI設(shè)計領(lǐng)域流行過這21個設(shè)計趨勢》
• 《掌握這12個移動端UX設(shè)計趨勢，你就掌控了2018年》
• 《這款獨特的紫色，是為你指引2018年設(shè)計方向的年度潘通色》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導(dǎo)航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航，設(shè)計師必備： http://hao.uisdc.com