2015年將使用的前5個材料設計框架

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

>它的全面和拋光的性質使其對開發人員具有很高的吸引力。讓我們探索五個領先的材料設計框架： >其結構良好的文檔，演示和API參考徹底反映了Google的材料設計原理。

物質化

物質響應迅速的前端框架，提供了類似自舉的體驗。 提供CSS，SCSS，JavaScript，材料設計圖標和Roboto Font。

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

材料UI

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

MUI CSS Framework

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

>其github存儲庫歡迎代碼貢獻。 > 聚合物

Google的聚合物項目的重點是Web組件，還提供了材料設計實現。

>其核心元素提供了佈局組件，例如工具欄，應用程序欄，選項卡和側面導航，遵守材料設計準則。

結論

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

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

經常詢問有關材料設計框架的問題

>良好材料設計框架的關鍵特徵？ >

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

>

材料設計如何改善用戶體驗？

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

材料設計之間的差異2.0和3.0？

>

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

> 與其他框架相比，

>角度材料？

實現CSS及其差異？

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

>

>定製品牌的材料設計？

>

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

僅適用於Android的材料設計？

不，材料設計適用於各種操作系統的Web和移動應用程序。 Frameworks支持包括iOS，Web和桌面在內的各種平台。

>

材料設計對可訪問性的貢獻？

>

材料設計優先使用顏色對比度，排版和交互式元素的準則，優先考慮可訪問性。 許多框架都包含內置可訪問性功能。

實施材料設計時面臨的挑戰？

>

挑戰包括保持跨設備的一致性，平衡品牌定制與材料設計指南以及優化性能。 仔細的計劃和測試可以減輕這些問題。

學習材料設計的資源？

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

以上是2015年將使用的前5個材料設計框架的詳細內容。更多資訊請關注PHP中文網其他相關文章！