Sketch Material 是一個 sketch 插件，用于生成復雜的原質化設計風格的交互控件，比如表單、表格、標簽等等。
開發者：Siddhartha
谷歌設計師一枚，這是他的個站：http://websiddu.com
下載地址：https://pan.baidu.com/s/1gfEckF5
插件功能
一共有十個功能，并沒有可視化面板，還請大家配合 Sketch Runner（http://sketchrunner.com）使用。
1.?按鈕生成
選定文字圖層后，使用這個功能可以生成兩種類型（Flat、Raised）的按鈕，每種類型支持三個狀態（pressed，disable，normal）。生成按鈕時，會自動將小寫英文轉化為大寫。
Material Design 中關于 Buttons 的描述：[Buttons - Components - Material design guidelines]
2.?標簽生成
可以設置容器寬度，這個關系到標簽自動換行。在輸入文字后回車以生成標簽，大家可以根據自己的需要選擇標簽的狀態。
Material Design 中關于 Chips 的描述：[Chips - Components - Material design guidelines]
3.?彈窗生成
彈窗生成器支持生成移動端和桌面端的彈窗，另外可以選擇是否帶有標題。彈窗中的所有文字元素均可編輯。比直接置入 symbol 后再做修改要省事多了。該功能非常良心。
Material Design 中關于 Dialogs 的描述：[Dialogs - Components - Material design guidelines]
4.?表單生成
支持添加包括單選框、復選框、輸入框等五種類型的表單元件。另外，自由度非常高，所有可視字段均可在生成器右側進行編輯。該功能同樣非常良心。
1.7版本中部分字段沒有限制字長，會溢出編輯框，我已在 Github 上向谷歌大大反饋。
5.?圖標庫
圖標庫比較強大，支持四種顏色的換色以及搜索，錄入了幾乎所有 Material design 里用到的圖標。就算不是在設計 md 風格的產品，概念稿的階段也可用這些圖標來占位。
6.?吐司生成
吐司生成功能支持移動端和桌面端的吐司，所有可見字段均可編輯。另外，你也可以選擇隱藏或顯示按鈕。
這里按鈕的文字輸入會有亂序情況，我也在 Github 上反饋了。
Material Design 中關于 Snackbar 的描述：[Snackbars & toasts - Components - Material design guidelines]
7.?表格生成
表格生成器支持從 Excel 和 Number 里粘貼復制數據進來，很驚艷。另外，可以選擇是否有表頭、復選框、投影以及換頁按鈕，也可以選擇表格的尺寸是舒適或緊湊。
生成器的左下角還有個效果預覽，挺有心。
8.?提示生成 | Tooltip
和 Buttons 功能基本一致，就是選擇文字圖層后將其生成為提示框。
Material Design 中關于 Tooltips 的描述：[Tooltips - Components - Material design guidelines]
9.?文字樣式選擇 | Typography
選擇文字圖層后，在樣式選擇其中選擇對應的樣式即可更改文字樣式，這些都是 Material Design 中規定的樣式。
Material Design 中關于文字樣式的規定：[Typography - Style - Material design guidelines]
10.?浮高調整 | Elevations
當你選擇一個圖層或分組時，可以用該功能來調節其浮高投影，總共分了六個投影值。
Material Design 中關于浮高的規定：[Elevation & shadows - Material design - Material design guidelines]
總結
如果在做 Material Design 風格產品的設計，這款插件無疑是天上掉餡餅，省去了大量重復勞動的時間。讓設計師能夠專注于設計工作本身，而不是和 symbol 死磕。
當然，也有個小問題，就是使用這個插件后會把 symbol 頁面弄的非常亂，這個還請大家使用前預估好風險。
再附贈兩個谷歌大大的 Sketch 插件
Sync to Slides： https://github.com/websiddu/sync-to-slides
Symbol me：https://github.com/websiddu/sketch-symbol-me
「優設最新神器推薦」
【優設網 原創文章 投稿郵箱：yuan@uisdc.com】
================明星欄目推薦================
優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。
設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓