选择引导程序与材料设计 [英] Choosing bootstrap vs material design

问题描述

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

所以我需要关于是否为布局选择引导程序 3(带有角度指令)或材料设计的建议?

如果有人可以列出专业人士，我将不胜感激两者的缺点.

解决方案

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

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

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

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

I'm going to start new project using AngularJS (full stack). My project needs to be responsive and I'll be creating templates from scratch.

So I need an advice on whether to choose bootstrap 3 (with angular directives) or material design for layouts?

I'd greatly appreciate if someone can list the pros & cons of both.

解决方案

As far as I know you can use all mentioned technologies separately or together. It's up to you. I think you look at the problem from the wrong angle. Material Design is just the way particular elements of the page are designed, behave and put together. Material Design provides great UI/UX, but it relies on the graphic layout (HTML/CSS) rather than JS (events, interactions).

On the other hand, AngularJS and Bootstrap are front-end frameworks that can speed up your development by saving you from writing tons of code. For example, you can build web app utilizing AngularJS, but without Material Design. Or You can build simple HTML5 web page with Material Design without AngularJS or Bootstrap. Finally you can build web app that uses AngularJS with Bootstrap and with Material Design. This is the best scenario. All technologies support each other.

1. Bootstrap = responsive page
2. AngularJS = MVC
3. Material Design = great UI/UX

You can check awesome material design components for AngularJS:

https://material.angularjs.org

---

Demo: https://material.angularjs.org/latest/demo/

这篇关于选择引导程序与材料设计的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！