上週,Google 在加州山景城的 Shoreline Amphitheatre 舉辦了 2018 年 Google I/O 大會,並在一系列令人興奮的公告中揭示了他們對 Material Design 未來的願景。
隨著 2014 年 Material Design 的推出,Google 重塑了他們軟體設計的方法,並引領設計師重新構想使用者應該如何與他們的應用程式互動。這個系統運作良好,並被大量採用,但是,雖然可用性有所提高,但 Material Design 卻有其限制性,許多 Material 應用程式看起來很相似,未能反映出它們所設計的品牌或產品。這就產生了一個問題:如何建立一個設計系統,它既能提供控制和一致性,又能保持足夠的彈性,供具有不同個性的各種不同品牌和設計師使用?
Google 正試圖用最新版本的設計系統來回答這個問題。下一階段的 Material Design 在現有基礎上進行了擴展,提供了新的工具和指南,讓想要調整 Material Design 以適應自己品牌、設計語言和風格的設計師能夠更自主,同時仍然保持 Material Design 著名的優異可用性標準。
對我們 Sketch 來說,最令人興奮的是,有了新的 Material Theme Editor,一個 Sketch 獨家的外掛程式,讓您在幾秒鐘內就能為您的 Material 應用程式建立一個設計系統,並將其主題化以符合您現有的品牌,設計 Material 比以往任何時候都更容易。Theme Editor 是一個非常強大的工具,它允許您建立自己的品牌 Sketch 符號庫,並完全控制 顏色、形狀 和 排版 等全域樣式。
資料來源:https://material.io
「我們喜歡將其稱為無限可能,並設有護欄。」
您可以在這裡觀看 Rachel Been 關於 Material Theme Editor 的主題演講,或者繼續閱讀以了解更多關於 Sketch 中 Material 外掛程式的無限可能。
控制您的顏色
Sketch 的 Material Theme Editor 讓您輕鬆地在整個設計系統中應用顏色主題,讓您可以透過選擇主要、次要、背景、文字和圖示色調,將顏色自動應用到元件上。
您可以從 Material 調色盤中選擇顏色,僅從一種顏色生成 10 個顏色值的色調調色盤,甚至可以檢查顏色對比度,以確保您的設計符合無障礙標準。
同步您的形狀
選擇您的形狀和圓角半徑,在圓角或切角之間選擇,並嘗試非對稱樣式來定義元件的基本形狀。然後觀看這些樣式立即傳播到您元件庫中的所有符號。
用圖示創新
Material Plugin 可讓您一鍵存取 Material Design 中的所有圖示集,包括全新且精美的雙色圖示主題。透過多種格式、尺寸和密度的風格化系統圖示,以前所未有的方式展現您的品牌。
轉換您的字體排印
您最多可以為主題新增三種字體,並快速存取常用的 Google 字體,以定義主題的字體排印。選擇字體後,Material Theme Editor 可讓您根據 Material 字體排印指南自動調整字體大小並優化字體,以提高可讀性。
開始使用適用於 Sketch 的 Material Theme Editor
心動了嗎?如果您想建立自己的 Material Design 主題,可以在此處下載 Material Plugin。Google 提供了豐富的文件和非常實用的影片,幫助您開始使用 Sketch 中的 Material Theme Editor。
Material Plugin 需要Sketch 49或更高版本以及 macOS High Sierra 10.13 才能執行,並且可以存取 Material 元件庫,以及將畫板直接上傳到Gallery(用於分享、整理 Material Design 並進行協作的工具)。
我們與 Google 密切合作開發這個外掛程式,我們對此感到非常興奮。Material Design Editor 真正展現了 Sketch 外掛程式系統的可能性。在底層,這是一個非常複雜的外掛程式,有很多活動部件,但對於 Sketch 使用者來說,它非常簡單,並且將構建設計系統的艱鉅任務變成了一件幾乎微不足道的事情。
如果您是開發人員,並且想要構建這樣的插件,請與我們聯繫。我們有一個充滿活力的開發者社群和一個廣泛的插件生態系統,我們希望您能成為其中的一員。請透過developer@sketch.com與我們聯繫,或前往www.sketchplugins.com了解更多資訊。