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

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

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

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

材料主題

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

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

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

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

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

材料主題編輯器的推出，可以讓你新建并定制你的材料主題。你還可以新建個人符號組件庫，并通過色彩、圖形和字體進行編輯。

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

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

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

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

2. 字體管理

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

3. 圖形

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

4. 全新的圖標樣式

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

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

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

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

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

其它重要更新

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

作者| Pratik Shah，用戶體驗設(shè)計師。

譯者| Jorri

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