Material Design 現在不僅僅是設計指南

自 2014 年問世以來，Material Design 已經不僅僅是一套公開的設計原則，它已經成為了包含指南、工具和代碼的不斷擴展的高適應性設計體系，為全球市場中的應用所用。但是，設計永遠沒有最終完成的那天。在過去的幾年裡，Material 團隊一直在努力為設計師和開發者面臨的常見挑戰研究全新的解決方案，團隊會手動評閱大家反饋過來的操作困擾，理解定製化操作的需求，以及提供更多的開箱即用的代碼。

Material 最近更新之後，提供了增強和擴展後的設計指導文檔，並提供了新的工具用來解決設計和開發之間的滯後現象，以及多套支持定製的組件，幫助您更快地構建美好的數字體驗。通過本文，您將會看到一些全新的強大 Material 新功能，並了解它們可以如何幫助您和您的團隊。

在最短時間內打造定製外觀

Material 主題

產品團隊面臨的最常見的困境之一，就是不得不在開發速度和精良設計之間選擇一個。Material 新殺手功能 Material Theming (Material 主題) 的目標，正是讓魚和熊掌可以兼得。這個功能可以讓任何人都能在自己的產品中系統地表達其獨特風格，同時還完美契合 Material 設計規範。您甚至只需要選擇一下顏色和字體等基本設定，就可以直接將這些設置快速應用到整個設計方案中。Material Theming 意味著您和您的團隊都可以在 Material 按鈕、底部表單和導航模式等等各種設計要素里使用相同的且經過實戰考驗過的穩健代碼，同時外觀能根據您的品牌個性進行定製和調整。我們自己使用自定義的 Material 主題已經有一段時間了，現在，大家都可以這麼做。

讓團隊協作更加容易

每個團隊都希望更好地協作，這不光是設計團隊或者開發團隊各自內部的問題，而是整體的問題。我們準備了三款全新強化後的 Material 工具，旨在簡化工作流程，並解決設計和開發過程中常見的痛點。

- Material 主題編輯器

設計師總是希望多多嘗試視覺方案，這幾乎是本能。但有時候，您就是不知道某個東西將會擁有什麼樣的外觀，直到您畫出來，然後改改，直到自己叫出來 「就是這個」。使用不同的陰影、配色或更多的留白空間。但是對各個設計元素進行單獨的樣式調整可能會非常單調乏味，並且效率低下，更重要的是很難快速獲得全局的視覺感受。在全新的 Material Theme Editor 的幫助下，您更改一個主題設置，它就會在您的設計中自動應用。

GIF

Material Theme Editor 基本上是一個事無巨細的控制面板，可讓您將全局樣式的更改應用於組件顏色、排版和形狀。編輯器還提供了教學，指導您完成製作自己的 Material 主題。今年晚些時候我們會發布更多可定製的系統。目前，Material Theme Editor 暫時只支持和 Sketch 配合使用，您只需下載 Material Plugin 即可訪問該編輯器。

- Gallery

「FINAL_final_v2.png」，設計師們都曾經碰到過這種文件名吧 。其實我們也知道，跟蹤設計更改和反饋是非常煩心的一件事。再也不會是這樣了！現在任何人都可以使用 Material Gallery 查看和評論設計迭代。這套工具在 Google 設計師中已經使用多年，現在它向所有人開放了。

Gallery 不僅是一個共享設計的直觀平台，當需要寫代碼的時候，使用 Material Theme Editor 製作 (並上傳到 Gallery) 的設計將顯示自動生成的評閱，哪個 Material Component 正在被使用，它一直以來都是如何被定製化的等等細節信息。因此，開發者可以立即獲得相關資源，並像素級地完美執行出設計意圖。

- Material 圖標

GIF

精心打造圖標可以增加數字產品的質感和表現力，但是精心製作每個圖標也是件非常海量的工作。我們最早的 Material 圖標庫從第一天起就受到了那些正在尋找優雅的現成解決方案的產品團隊的積極評價。現在，即使是這些小小的圖標也蘊含著更強大的表現力 —— Material 圖標現在有五種不同的主題風格 (基線、圓角、銳利、輪廓、雙色) 可供選擇。

更多開箱即用的代碼，打造更優秀的產品

Material 組件

之前對 Material Design 的一個普遍批評是，代碼和工具支持有時不夠強大，因此難以精確和快速地按照 Material 指南來構建產品。現在，藉助開源的 Material 組件，您可以對應用設計的關鍵方面進行自定義，包括顏色、形狀和字體主題。我們在 Google 自己的產品里也是用這批組件來完成構建的。更多 Material 組件和 Material Theming 的內容將於 2018 年內發布，隨著最新版本的發布，在 Android、iOS、Flutter 和 Web 上實現 Material 將更加容易。由於這些內容更新較為頻繁，我們建議每月檢查一次我們的更新，確保能及時使用到最新的組件內容。

讓 Material 真正為您所用

Material.io

重新設計的 material.io 網站把設計師、開發者和產品經理放在最優先和最中心的位置進行考慮。新網站有三個主要部分：設計、開發和工具。設計部分包括 Material Theming 的細節，數百個實用 Material 案例 (包括 Material 合作夥伴研究以及針對 Google Material Theme 的深度挖掘) 、評閱和注釋，以及更新過的設計指南。開發部分提供了 Android、iOS、Flutter 和 Web 版本的開源組件，以及有關定製 Material 的文檔。工具部分則內含 Material Theme Editor、Gallery、主題圖標套件等內容。內置工具遍布全站各處，您不費吹灰之力即可找到調色板生成器以及用於挖掘設計細節的注釋內容，這些內容從對齊規則到排版尺寸甚至十六進位色值都一應俱全。

Material 還會不斷發展，以解決產品團隊面臨的更多問題，簡化設計師和開發者的工作流程，最終讓大家可以更輕鬆地快速構建美觀、實用的產品。正如我們所說的，設計永遠沒有最終完成的那天，即便只是目前的版本，Material 的完善工作也還會持續進行下去。我們希望全新的 Material 會幫助大家更輕鬆高效地完成自己的佳作。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！