谷歌公司推出的Material Design準(zhǔn)則將用戶界面設(shè)計(jì)概念提升到了新的高度，同時(shí)深入滲透到了Web與移動(dòng)應(yīng)用開發(fā)的整個(gè)流程當(dāng)中。Material Design原則允許用戶在各類面向臺(tái)式機(jī)、筆記本、平板設(shè)備乃至移動(dòng)手機(jī)的谷歌系統(tǒng)平臺(tái)之上獲得統(tǒng)一的瀏覽體驗(yàn)。此外，其在移動(dòng)應(yīng)用設(shè)計(jì)領(lǐng)域也起到了重要的指導(dǎo)作用。目前可資利用的用戶界面設(shè)計(jì)工具及教程已經(jīng)相當(dāng)豐富，足以幫助大家了解如何利用Material Design機(jī)制打造屬于自己的應(yīng)用成果。Materialize等前端設(shè)計(jì)框架及其它類似工具也擁有極為旺盛的市場(chǎng)需求。簡(jiǎn)而言之，Material Design的出現(xiàn)已經(jīng)使得UI設(shè)計(jì)成為整個(gè)用戶體驗(yàn)設(shè)計(jì)及開發(fā)流程中獨(dú)特而重要的一項(xiàng)組成部分。

Material Design提供多種新型方式，幫助大家通過引入新型UI元素及組件創(chuàng)建出美觀的UI設(shè)計(jì)效果，具體包括動(dòng)畫、縱深/陰影效果、漸變、圖標(biāo)以及排版等等。如此強(qiáng)大的功能使得每位UI開發(fā)者都樂于在自己的項(xiàng)目當(dāng)中運(yùn)用Material Design。Material Design的能力還能夠在CSS以及Bootstrap框架當(dāng)中發(fā)揮作用。其中提供的各類模板、圖標(biāo)字體、部件、按鈕以及其它元素亦可在其它多種平臺(tái)上順利起效。

因此，我們將在今天的文章中列舉多種UI工具、UI模板以及其它基于Material Design原則的設(shè)計(jì)組件，而且所有項(xiàng)目皆提供免費(fèi)下載。大家可以將它們引入到各類用途及場(chǎng)景當(dāng)中，具體包括移動(dòng)應(yīng)用程序、網(wǎng)站、社交媒體應(yīng)用乃至更多。好了，咱們閑言少敘，馬上來看這份開發(fā)人員不容錯(cuò)過的20大Material Design資源清單。

     1) Designtor

這是一套面向面向Web設(shè)計(jì)及儀表板項(xiàng)目的優(yōu)秀Material Design UI工具集，其中副括了設(shè)計(jì)、模板、圖標(biāo)按鈕、日歷、可定制矢量圖形以及字體樣式等等。它支持視網(wǎng)膜高分辨率屏幕且立足于Photoshop CS6+。

     2) Sketch App Sources

這套Material Design UI工具集適用于Sketch文件，其主要作用是將Material Design風(fēng)格引入Android Web以及移動(dòng)開發(fā)工作。

     3) UI8

這是一套超酷的Material Design UI工作集，其中包含一整套支持視網(wǎng)膜屏幕的UI組件以及涵蓋七種應(yīng)用類型的現(xiàn)成模板。大家還能夠在其中找到面向個(gè)人資料頁、菜單乃至統(tǒng)計(jì)等場(chǎng)景的超過40種UI模板以及30多種圖標(biāo)元素。

     4) Ultralinx 

Ultralinx以Material Design指南為基礎(chǔ)提供一套免費(fèi)的UI工具集。這套工具集中包含可直接使用的UI模板與組件，例如天氣部件、電子商務(wù)模板以及個(gè)人資料頁等等。

     5) UI8

     這是一套現(xiàn)成可用且支持視網(wǎng)膜屏幕的Material Design UI工具集，且主要面向烹飪類應(yīng)用。此套件包含12種應(yīng)用程序類別、50套模板、圖標(biāo)以及超過100種其它UI元素。它同時(shí)提供注冊(cè)流程、信息推送、個(gè)人資料以及導(dǎo)航等設(shè)計(jì)機(jī)制。此套件需要與Adobe CS6+以及Sketch配合使用。