选择bootstrap与材料设计

Asi*_*sik 172 angularjs twitter-bootstrap-3 material-design angular-material

我将使用AngularJS(完整堆栈)开始新项目.我的项目需要响应,我将从头开始创建模板.

所以我需要一个关于是否选择bootstrap 3(带角度指令)或布局材料设计的建议?

如果有人能列出两者的优点和缺点,我将不胜感激.

Mic*_*ney 146

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

另一方面,AngularJS和Bootstrap是前端框架,可以通过编写大量代码来节省您的开发速度.例如,您可以使用AngularJS构建Web应用程序,但不使用Material Design.或者您可以使用Material Design构建简单的HTML5网页,而不使用AngularJS或Bootstrap.最后,您可以构建使用带有Bootstrap Material Design的AngularJS的Web应用程序.这是最好的方案.所有技术都相互支持.

  1. Bootstrap = 响应式页面
  2. AngularJS = MVC
  3. Material Design = 出色的UI/UX

您可以检查AngularJS的真棒材料设计组件:

https://material.angularjs.org


在此输入图像描述

演示: https ://material.angularjs.org/latest/demo/ 在此输入图像描述

  • 这不是一个非常准确的描述......材料和引导程序都提供了响应式设计和出色的UI/UX.MD似乎更倾向于移动收视率. (8认同)
  • 这也可能是一个有用的网站:http://www.materialup.com/resources,它概述了Material Design框架,包括.https://fezvrasta.github.io/bootstrap-material-design/ (4认同)
  • @MathiasConradt第一个URL不再存在.我想你的意思是http://www.materialup.com/posts/c/resources (2认同)
  • 区分*材料设计*与*角材料*是很重要的.材料设计是[设计语言](https://en.wikipedia.org/wiki/Design_language),角度材料只是一个使用MD的UI组件库.我相信你可以找到使用材料设计的bootstrap主题和扩展. (2认同)