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

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

物質(zhì)化

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

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

材料UI

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

MUI CSS Framework

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

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

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

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

結(jié)論

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

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

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

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

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

>

材料設(shè)計如何改善用戶體驗？

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

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

>

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

> 與其他框架相比，

>角度材料？

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

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

>

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

>

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

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

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

>

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

>

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

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

>

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

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

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

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