124

Я собираюсь начать новый проект, используя AngularJS (полный стек). Мой проект должен быть отзывчивым, и я буду создавать шаблоны с нуля.Выбор бутстрапа против дизайна материала

Так что мне нужен совет по выбору бутстрапа 3 (с угловыми директивами) или материального дизайна для макетов?

Буду признателен, если кто-то может указать профи & минусов обоих.

+5

https://github.com/FezVrasta/bootstrap-material-design – cvrebert

+1

самозагрузки обладает мощным сообществом позади. Его сетчатая система имеет больше возможностей. материальный дизайн диктует способ разработки ui и стилей. Он имеет современные элементы ui. Вы можете прочитать больше здесь http://tutorialzine.com/2015/07/comparing-bootstrap-with-mdl –

+1

, если вы должны поддерживать IE8/9, тогда дизайн материалов не будет работать, поскольку он использует раскладку сетки Flexbox. Я бы пошел даже СЕЙЧАС с угловым бутстрапом ui, поскольку он намного более зрелый, чем материальный дизайн, у которого много ошибок ... – Pascal

ответ

119

Насколько я знаю, вы можете использовать все упомянутые технологии отдельно или вместе. Тебе решать. Я думаю, вы смотрите на проблему с неправильным углом. Конструкция материалов - это то, как отдельные элементы страницы создаются, ведут себя и складываются. Material Design обеспечивает отличный UI/UX, но он основан на графическом макете (HTML/CSS), а не на JS (событиях, взаимодействиях).

С другой стороны, AngularJS и Bootstrap - это интерфейсные рамки, которые могут ускорить вашу разработку, избавив вас от написания тонны кода. Например, вы можете создавать веб-приложение, используя AngularJS, но без Material Design. Или вы можете создать простую веб-страницу HTML5 с помощью Material Design без AngularJS или Bootstrap. Наконец, вы можете создать веб-приложение, которое использует AngularJS с Bootstrap и с конструкцией материалов. Это лучший сценарий. Все технологии поддерживают друг друга.

  1. Bootstrap = отзывчивая страница
  2. AngularJS = MVC
  3. Material Design = большого UI/UX

Вы можете проверить удивительных компоненты дизайна материала для AngularJS:

https://material.angularjs.org


enter image description here

Демо:https://material.angularjs.org/latest/demo/ enter image description here

+4

Это может быть также полезный сайт: http://www.materialup.com/resources, в котором дается обзор структур материалов, в том числе. https: //fezvrasta.github.io/bootstrap-material-design/ –

+0

Спасибо за ваши комментарии Mike :) – Asik

+2

@MathiasConradt первый URL-адрес больше не существует. Думаю, вы имели в виду http://www.materialup.com/posts/c/resources –

Смежные вопросы