2014 年，Google 推出一種新的設(shè)計(jì)語(yǔ)言——材料設(shè)計(jì)（Material Design）。如今，它成了最頻繁使用、也最受人青睞的一種視覺(jué)設(shè)計(jì)語(yǔ)言。至于這背后的原因，主要有 2 大因素：

• 兼容性：作為視覺(jué)語(yǔ)言，它可以跨平臺(tái)兼容使用。
• 直覺(jué)性：材料設(shè)計(jì)的核心原則，是如何將「材料/表面元素」展現(xiàn)得淋漓盡致，要讓用戶簡(jiǎn)單地了解整個(gè)交互過(guò)程。

但 Google 對(duì)材料設(shè)計(jì)的定義，并不僅僅停留在視覺(jué)語(yǔ)言上。Google 還開(kāi)發(fā)了一些工具，用以提升設(shè)計(jì)開(kāi)發(fā)工作流。

2018 年 Google I/O 大會(huì)，材料設(shè)計(jì)又有了新變化：

材料主題

材料主題的推出，是對(duì)材料設(shè)計(jì)的重磅升級(jí)。所謂材料主題，可以讓你「系統(tǒng)化」定制材料設(shè)計(jì)語(yǔ)言，也就是說(shuō)品牌可以借助它來(lái)定制更加符合自身品牌風(fēng)格的材料設(shè)計(jì)主題。

關(guān)于「系統(tǒng)化」，需要多解釋幾句：

一個(gè)品牌，從視覺(jué)上來(lái)講，是由色彩、字體和圖形來(lái)呈現(xiàn)的。

因此，需要通過(guò)新的方式來(lái)改變材料組件里的元素。之前的做法，是在 Sketch （一款矢量繪圖應(yīng)用）中，通過(guò)多個(gè)插件更新符號(hào)（Symbol）和組件庫(kù)（Library）。但現(xiàn)在，我們推出了「材料主題編輯器」。

AppSo 注：Library 本質(zhì)上就是一個(gè)包含了各種符號(hào)（Symbol）的 Sketch 文件。如果在 Library 文件中修改任意「符號(hào)」，那么所有使用了該「符號(hào)」的子文件都會(huì)提示該文件已經(jīng)被更改，是否需要同步更新？這樣，設(shè)計(jì)師能在第一時(shí)間確認(rèn)「符號(hào)」的變化，保持使用最新的設(shè)計(jì)組件。在團(tuán)隊(duì)協(xié)作中，共享的 Library 可以覆蓋到每一個(gè)工作文件，只要進(jìn)行添加，每個(gè)團(tuán)隊(duì)成員都能使用，并在第一時(shí)間知悉它們的變化。

材料主題編輯器的推出，可以讓你新建并定制你的材料主題。你還可以新建個(gè)人符號(hào)組件庫(kù)，并通過(guò)色彩、圖形和字體進(jìn)行編輯。

現(xiàn)在，在 Sketch 下載材料插件（Material Plugin），即可使用材料主題編輯器。

以下，是關(guān)于材料主題的 4 個(gè)亮點(diǎn)：

1. 更改/添加/更新色彩

這部分的亮點(diǎn)在于，它通過(guò)對(duì)色彩運(yùn)用的了解，特別是了解具體位置的特定色彩運(yùn)用，可以一次性更改設(shè)計(jì)中的一種色彩，還可以自動(dòng)生成暗調(diào)（Shades）和明調(diào)（Tints）。

2. 字體管理

通過(guò)管理字體，能直觀地了解字體的層次結(jié)構(gòu)。一個(gè)主題中可以允許最多 3 種字體，同時(shí)也有更多主流 Google 字體，比如 Roboto、Raleway、Alegreya、Merriweather 等字體供你使用。

3. 圖形

這是全新功能。就圖形而言，材料設(shè)計(jì)的核心在于更新材料，比如卡片或者卡片形狀！根據(jù)品牌需求，你可以自定義截角或弧形等各種形狀。

4. 全新的圖標(biāo)樣式

不少設(shè)計(jì)師都會(huì)抱怨圖標(biāo)數(shù)量過(guò)少，樣式過(guò)于死板?，F(xiàn)在，推出了全新的 5 種圖標(biāo)樣式：填充圖標(biāo)（filled icon）、圓形圖標(biāo)（rounded icon）、銳利圖標(biāo)（sharp icon）、輪廓線圖標(biāo)（outlined icon）以及雙色圖標(biāo)（two-tone icon）。

簡(jiǎn)化協(xié)作流程工具 Gallery

你們還記得去年發(fā)布的這款工具嗎？這是 Google 發(fā)布的一款工具，其宣稱能簡(jiǎn)化設(shè)計(jì)工作流。但實(shí)際上，用戶只能在各種圖片版本上進(jìn)行評(píng)論而已！

現(xiàn)在，Google Gallery 再次重磅更新。這一次在功能上的更新，終于能夠解決讓你頭疼的設(shè)計(jì)問(wèn)題了。Gallery 的更新，主要有 5 大方面：

• 你可以在 Gallery 中添加 Google 文檔（包括文件、試算表、簡(jiǎn)報(bào)，類(lèi)似于微軟三件套 Word, Excel, PowerPoint）。所以，無(wú)論是需求文檔、用戶調(diào)研，還是視覺(jué)設(shè)計(jì)稿，你都可以放在一個(gè)地方；
• Gallery 中添加了「項(xiàng)目和收藏」功能。這個(gè)功能，類(lèi)似于 Sketch 內(nèi)置的文檔管理系統(tǒng)，并且涵蓋了多個(gè)頁(yè)面。這對(duì)不少設(shè)計(jì)師來(lái)說(shuō)，都是非常實(shí)用的功能；
• 如果你上傳文件名相同的文檔，Gallery 會(huì)自動(dòng)生成不同的文件版本。這個(gè)功能也非常有用，特別是能幫你了解線框圖如何最終成為設(shè)計(jì)成品的，以及這些反饋是如何影響 UI 設(shè)計(jì)走向的；
• 檢查模式（超贊😎）。檢查模式不僅僅是單純的檢查，它還能檢測(cè)符號(hào)，甚至能追溯到相應(yīng)的源代碼。此外，它還能識(shí)別 Font Family，并且也能提供鏈接至 Google 字體；
• 完全免費(fèi)！所以，你可以告別 Sketch Measure、Zeplin、Marvel 或者 InVision 這些收費(fèi)插件了！

其它重要更新

• 在 iOS 客戶端、Android 客戶端、Web 網(wǎng)頁(yè)端和 Flutter（一款新的用于創(chuàng)建移動(dòng)應(yīng)用的開(kāi)源庫(kù)）更新了材料組件
• Google 通過(guò)定制材料主題帶來(lái)全新的體驗(yàn)（AppSo 近期將通過(guò) Gmail 更新進(jìn)行專(zhuān)題測(cè)評(píng)）
• 材料合作伙伴研究：了解 Lyft、Genius、NPR、Pocket Casts 和 Zappos 等 app 如何運(yùn)用材料設(shè)計(jì)新功能

作者| Pratik Shah，用戶體驗(yàn)設(shè)計(jì)師。

譯者| Jorri

文章譯自 What’s new in Material Design?