和早期的Android Design的不一樣，Material Design 不僅有著更為系統化的規范，也將“紙”的隱喻注入到UI設計的每個元素當中。它結合了最新的視覺設計和技術，力圖創造出更加優質，面向未來的用戶體驗。除開官方提供的素材之外，今天我們在網絡上找了一些第三方所制作的Material Design設計風格的資源，激發你的設計靈感。
翻遍了Dribbble和CodePen之后，我們找到了不少炫酷的Material Design風格的設計作品。在探究新風格的過程中，有的設計師選擇了制作Demo并且分享源文件，而有些則更加傾向于制作一些實用的素材并分享給大家使用，比如下方的按鈕素材。
Free After Effect Project File
設計師Jelio Dimitrov使用AE制作的這段炫酷的動畫，并且他在Dribbble上免費分享出了這段視頻的AE文檔。
Material Design UI Buttons
Material Design風格的CSS按鈕，這是一個小而實用的庫。
Material Design Playground
這是Eric Bidelman 在Github上的Git倉庫，名為Material Design游樂場，其中包含了許多Material Design 風格的基礎控件和元素供你學習。
Material Design Buttons
這是一組Material Design風格的按鈕，有意思的地方在于觸發點擊事件的時候，背景色彩會發生改變。
Google Material Design Hierarchical Timing
Material Design中充滿了動畫，尤其是當你加入一個新的元素的時候，而這個分層時序的項目則并非來自Google，而是幫你在任何看其他的項目中用到Material Design中充滿質感的動態加載效果的。
Google Design Icon Template
如果你正打算制作一個Material Design風格的圖標，那么Dribbble設計師Grahm Macphee所制作的這個免費的圖標模板會讓你省去很多麻煩。
Android L – Icon Grid System
比起上面那個圖標模板，這個圖標柵格系統更強大，它是專門針對Android L而設計的。
New Android L Interface
如果你正在尋找Android L的PSD，那么不用繼續找了，這就是你想要的。
Material Design Checkboxes
這是一個Material Design 復選框的代碼片段，希望這個項目后期能加入更多其他的組件。
Material Design Slideshow
這個是VentureBeat的新聞編輯Harrison Weber所制作的Material Design 說明文檔。如果你對Material Design有興趣又不想逐行閱讀官方的說明的話，這可能是你的菜。
Material Design
這是由在校學生Jovie Brett 制作的Material Design風格的動畫，動畫本身很好地把握了Material Design的精髓。
Material Design Icon Templates
又一款圖標模板，配色和字體使用是亮點。
Google’s Material Design Dashboard
Sam Mearns 借助Material Design這一熱點展示了他所參與的一個內部項目。
WhatsApp – Material Design
WhatsAPP經常被設計師拿出來“重新設計”，這次Material Design的風靡也導致它再次被設計師玩弄于股掌之間。看起來很有意思。
System Icons – Material Design
這是一組由Google制作的小圖標合集，值得注意的是，這組圖標并非是空心的。
Action Button
如果你正在想怎么做Material Design風格的菜單欄，那么這個應該是你的菜。
Android L PSD Kit
Rasmus Nielsen制作的Android L PSD Kit 還是非常贊的，干凈利落，喜歡就下載吧~
Prayers Times App
Vincent Tantardini 所制作的這個應用是齋月報時應用。撇開功能設定不說，整體配色和細節設計非常到位，也符合Material Design的風格。
結語
坦率的講，現在的Material Design還處于一個非常初級的階段，素材不足，很多相關技術也處于發展階段。但是，它和iOS一樣，極具生命力，充滿了無數的可能性。
如果你熱愛Material Design，那么下面的內容不要錯過：
認識 Material Design，從設計理念開始：
《MATERIAL DESIGN：構建軟件的物質世界》想了解詳情？看看來自極客學院的Material Design 中文化協作項目：
《Material Design 中文版》
原文地址：Designmodo
優設網翻譯：@陳子木
本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。
【優設網 原創文章 投稿郵箱：2650232288@qq.com】
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量75萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓