Выбор бутстрапа против дизайна материала [закрыто]


181

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

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

Я был бы очень признателен, если бы кто-то мог перечислить все за и против обоих.



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

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

Среда разработки также может быть рассмотрена. В Visual Studio 2015 Bootstrap является зрелым и хорошо поддерживается. Я не нашел, что это так для Материалов, и поэтому я не использую его в данный момент. Было бы интересно узнать, если бы другие, использующие VS2015, имели такой вывод.
июня

Я хочу добавить, что встроенные стили MD - это боль. Я также не хочу смешивать эти два, когда BS имеет большинство того, что мне нужно. Мне очень нравится MD, но я буду ждать, пока он созреет и избавится от встроенных стилей (которые я читал где-то, над чем они работали, хотя сейчас не могу его найти).
steveareeno

Ответы:


153

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

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

  1. Bootstrap = отзывчивая страница
  2. AngularJS = MVC
  3. Материал Дизайн = отличный интерфейс / UX

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

https://material.angularjs.org


введите описание изображения здесь

Демонстрация: https://material.angularjs.org/latest/demo/ введите описание изображения здесь


4
Это также может быть полезным сайтом: materialup.com/resources , который дает обзор фреймворков Material Design, в т.ч. fezvrasta.github.io/bootstrap-material-design
Матиас Конрадт

3
Первый URL @MathiasConradt больше не существует. Я полагаю, вы имели в виду materialup.com/posts/c/resources
Бернард

11
Это не очень точное описание ... И материал, и начальная загрузка обеспечивают адаптивный дизайн и отличный пользовательский интерфейс. Кажется, MD больше ориентирован на мобильную аудиторию.
Владимир

2
Важно отличать конструкцию материала от углового материала . Материальный дизайн - это язык дизайна , угловой материал - это просто библиотека компонентов пользовательского интерфейса, использующая MD. Я уверен, что вы можете найти темы и расширения начальной загрузки, которые используют дизайн материала.
Йенс

1
Я хотел бы повторить @Jens выше. Я хотел бы иметь внешний вид и эффекты пользовательского интерфейса, сохраняя при этом гибкость и знакомство с Bootstrap. Я думаю, это вопрос выбора.
Юсоф К.
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.