> Google的材料設(shè)計(jì)徹底改變了Internet UI設(shè)計(jì)。 它通過Google自己的服務(wù)（例如收件箱）的採用，隨後由Telegram等應(yīng)用程序強(qiáng)調(diào)了其影響。 材料設(shè)計(jì)為現(xiàn)代UI提供了一種簡單而強(qiáng)大的方法。

>它的全面和拋光的性質(zhì)使其對開發(fā)人員具有很高的吸引力。讓我們探索五個(gè)領(lǐng)先的材料設(shè)計(jì)框架： >其結(jié)構(gòu)良好的文檔，演示和API參考徹底反映了Google的材料設(shè)計(jì)原理。

物質(zhì)化

物質(zhì)響應(yīng)迅速的前端框架，提供了類似自舉的體驗(yàn)。 提供CSS，SCSS，JavaScript，材料設(shè)計(jì)圖標(biāo)和Roboto Font。

>其開源性質(zhì)和github存儲(chǔ)庫增強(qiáng)可訪問性。

材料UI

材料UI，一種基於React的CSS框架，使用React組件實(shí)現(xiàn)材料設(shè)計(jì)。 雖然強(qiáng)大，但對於不熟悉React JSX語法的開發(fā)人員來說，它可能不是理想的選擇。 它的存儲(chǔ)庫提供了全面的設(shè)置和安裝說明。

MUI CSS Framework

> MUI CSS是一個(gè)輕巧的框架，可提供簡單的自舉式解決方案。它的簡化設(shè)計(jì)使其比某些競爭對手更快，特別適用於精確材料設(shè)計(jì)實(shí)施並不是至關(guān)重要的小型項(xiàng)目。

>其github存儲(chǔ)庫歡迎代碼貢獻(xiàn)。 > 聚合物

Google的聚合物項(xiàng)目的重點(diǎn)是Web組件，還提供了材料設(shè)計(jì)實(shí)現(xiàn)。

>其核心元素提供了佈局組件，例如工具欄，應(yīng)用程序欄，選項(xiàng)卡和側(cè)面導(dǎo)航，遵守材料設(shè)計(jì)準(zhǔn)則。

結(jié)論

對於您的下一個(gè)項(xiàng)目，請考慮從實(shí)現(xiàn)其引導(dǎo)類樣簡單性開始。 如果您對Angular感到滿意並欣賞其動(dòng)畫功能，那麼Angular Material的綜合功能和Google的支持都令人信服。

材料設(shè)計(jì)在UI設(shè)計(jì)中的未來似乎很光明。它的拋光性質(zhì)和不斷提高的採用表明了長期趨勢。 但是，我們最終可能會(huì)看到類似於當(dāng)前的引導(dǎo)率類似的材料設(shè)計(jì)飽和。 您在這些框架上有什麼經(jīng)驗(yàn)，您使用了哪些框架？

經(jīng)常詢問有關(guān)材料設(shè)計(jì)框架的問題

>良好材料設(shè)計(jì)框架的關(guān)鍵特徵？ >

一個(gè)強(qiáng)大的框架提供了遵守材料設(shè)計(jì)指南的全面，可自定義的組件。 整個(gè)設(shè)備的響應(yīng)性至關(guān)重要，輕巧的效率也是避免性能問題的效率。 良好的文檔和社區(qū)支持對於易於使用和故障排除至關(guān)重要。

>

材料設(shè)計(jì)如何改善用戶體驗(yàn)？

材料設(shè)計(jì)通過提供統(tǒng)一的系統(tǒng)結(jié)合理論，資源和工具來增強(qiáng)UX。 它基於網(wǎng)格的佈局，動(dòng)畫，過渡，填充和深度效果創(chuàng)建了直觀且可導(dǎo)航的界面，從而提高了參與度和滿意度。

材料設(shè)計(jì)之間的差異2.0和3.0？

>

材料設(shè)計(jì)2.0引入了新組件，精製調(diào)色板和改進(jìn)的版式。 材料設(shè)計(jì)3.0強(qiáng)調(diào)自定義和主題，使品牌集成更容易，並提供更新的組件，以提高可用性和可訪問性。

> 與其他框架相比，

>角度材料？

實(shí)現(xiàn)CSS及其差異？

物質(zhì)化的CSS是一個(gè)主要使用CSS的響應(yīng)式前端框架，使其比需要JavaScript的框架更簡單。 它提供了一組豐富的組件，所需的自定義最少。

>

>定製品牌的材料設(shè)計(jì)？

>

材料設(shè)計(jì)的靈活性允許通過調(diào)色板，排版和組件樣式進(jìn)行品牌定制。 許多框架都提供了主題工具來簡化此過程。

僅適用於Android的材料設(shè)計(jì)？

不，材料設(shè)計(jì)適用於各種操作系統(tǒng)的Web和移動(dòng)應(yīng)用程序。 Frameworks支持包括iOS，Web和桌面在內(nèi)的各種平臺。

>

材料設(shè)計(jì)對可訪問性的貢獻(xiàn)？

>

材料設(shè)計(jì)優(yōu)先使用顏色對比度，排版和交互式元素的準(zhǔn)則，優(yōu)先考慮可訪問性。 許多框架都包含內(nèi)置可訪問性功能。

實(shí)施材料設(shè)計(jì)時(shí)面臨的挑戰(zhàn)？

>

挑戰(zhàn)包括保持跨設(shè)備的一致性，平衡品牌定制與材料設(shè)計(jì)指南以及優(yōu)化性能。 仔細(xì)的計(jì)劃和測試可以減輕這些問題。

學(xué)習(xí)材料設(shè)計(jì)的資源？

>官方材料設(shè)計(jì)網(wǎng)站是一個(gè)寶貴的資源，以及來自SitePoint，Material.io和Angular Material Document等網(wǎng)站的在線教程，課程和文章。

以上是2015年將使用的前5個(gè)材料設(shè)計(jì)框架的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！