當(dāng)谷歌Material Design遇上網(wǎng)頁(yè)設(shè)計(jì)：果然很美！

作者：佚名   時(shí)間：2015-07-24   分享到：

不久的將來(lái)，你最喜歡的網(wǎng)站都會(huì)是安卓系統(tǒng)的既視感了。因?yàn)楣雀璋l(fā)布了Material Design Lite（MDL），并打算將安卓系統(tǒng)的設(shè)計(jì)規(guī)范帶入到網(wǎng)頁(yè)設(shè)計(jì)的CSS、JavaScript和HTML語(yǔ)言中。

谷歌方面表示，MDL與整個(gè)框架無(wú)關(guān)，可以與任何開(kāi)發(fā)者或設(shè)計(jì)者想要使用的前端解決方案配套進(jìn)行，同時(shí)其壓縮程序可以小到只有27kb。設(shè)計(jì)方面，MDL采用了全新的Paper elements，讓開(kāi)發(fā)者可以對(duì)其進(jìn)行篩選性使用，并非只是代碼庫(kù)的生搬硬套。比如，它允許只在現(xiàn)有的網(wǎng)站中插入一個(gè)MDL元素的圖片，而不是要將整個(gè)網(wǎng)頁(yè)推倒重做。

如果開(kāi)發(fā)者對(duì)Material Design感興趣的話，谷歌方面表示將會(huì)全力支持。作為精簡(jiǎn)版，目前谷歌方面已經(jīng)提供了按鈕、文本字段、工具和下拉列表等開(kāi)發(fā)工具，同時(shí)還發(fā)布了符合Material Design設(shè)計(jì)和交互規(guī)范的相應(yīng)網(wǎng)格和斷點(diǎn)視圖規(guī)范，確保了包括Chrome，火狐，歐朋和Safari等在內(nèi)的瀏覽器都可以應(yīng)用MDL。

谷歌表示，希望有更多的開(kāi)發(fā)者在內(nèi)容分發(fā)網(wǎng)絡(luò)上應(yīng)用MDL。由于MDL是規(guī)范兼容的，隨著谷歌收到的反饋越多，這一語(yǔ)言還將會(huì)繼續(xù)進(jìn)化。更多設(shè)計(jì)效果圖如下：