选择自举vs材质设计[关闭]

181

我将使用AngularJS（完整堆栈）开始新项目。我的项目需要及时响应，我将从头开始创建模板。

因此，我需要建议是否选择Bootstrap 3（带角度指令）或布局的材料设计？

如果有人可以列出两者的优缺点，我将不胜感激。

— 阿西克
source

github.com/FezVrasta/bootstrap-material-design

— cvrebert 2014年

引导程序背后有强大的社区。它的网格系统具有更多功能。材质设计决定了您开发用户界面和样式的方式。它具有现代ui元素。您可以在此处阅读更多内容tutorialzine.com/2015/07/comparing-bootstrap-with-mdl

— Farshid Saberi 2015年

如果必须支持IE8 / 9，则材料设计将无法使用，因为它使用Flexbox网格布局。我什至现在都不会使用角度ui引导程序，因为它比具有很多错误的材质设计要成熟得多

— Pascal

开发环境也可能是一个考虑因素。在Visual Studio 2015中，Bootstrap已成熟并且受到良好的支持。我发现对于Material而言并非如此，因此目前不使用它。希望了解使用VS2015的其他人是否有此结论。

— CYoung

我想指出，MD的内联样式很痛苦。当BS满足我的大部分需求时，我也不想将两者混为一谈。我非常喜欢MD，但是会等到它变得更成熟并摆脱内联样式（我在他们正在研究的地方读到的样式，尽管现在找不到）。

— steveareeno

153

据我所知，您可以单独使用所有提到的技术，也可以一起使用。由你决定。我认为您是从错误的角度看问题。材料设计只是页面中特定元素的设计，行为和组合方式。Material Design提供了出色的UI / UX，但它依赖于图形布局（HTML / CSS），而不是JS（事件，交互）。

另一方面，AngularJS和Bootstrap是前端框架，可以通过避免编写大量代码来加快开发速度。例如，您可以使用AngularJS构建Web应用程序，而无需使用Material Design。或者，您可以使用Material Design构建简单的HTML5网页，而无需AngularJS或Bootstrap。最后，您可以构建将AngularJS与Bootstrap 和 Material Design结合使用的Web应用程序。这是最好的情况。所有技术都相互支持。

Bootstrap = 响应页面
AngularJS = MVC
材质设计= 出色的UI / UX

您可以检查AngularJS的出色材料设计组件：

https://material.angularjs.org

在此处输入图片说明

演示： https ：//material.angularjs.org/latest/demo/ 在此处输入图片说明

— 迈克尔·莫尼
source

这可能也是一个有用的网站：materialup.com/resources，它提供了Material Design框架的概述，包括。fezvrasta.github.io/bootstrap-material-design

— Mathias

@MathiasConradt第一个URL不再存在。我猜你的意思是materialup.com/posts/c/resources

— bernard

这不是一个很准确的描述...材料和引导程序都提供了响应式设计和出色的UI / UX。MD似乎更适合移动观众。

— 弗拉基米尔

区分材料设计和角材很重要。材料设计是一种设计语言，棱角材料只是使用MD的UI组件库。我相信您会发现使用材质设计的引导主题和扩展。

— 詹斯

我想在上面回声@Jens。我想拥有Material的外观和UI效果，同时仍然拥有Bootstrap的灵活性和熟悉度。我想这是一个选择的问题。

— Yousof K. 18-10-27