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中文网其他相关文章！