Wybór bootstrap vs materiał projekt [zamknięty]

181

Zamierzam rozpocząć nowy projekt przy użyciu AngularJS (pełny stos). Mój projekt musi być responsywny i będę tworzyć szablony od zera.

Potrzebuję więc porady, czy wybrać bootstrap 3 (z dyrektywami kątowymi), czy zaprojektować materiał dla układów?

Byłbym bardzo wdzięczny, gdyby ktoś mógł wymienić zalety i wady obu.

Asik
źródło
1
bootstrap ma za sobą potężną społeczność. Jego system siatki ma więcej funkcji. projektowanie materiałów decyduje o sposobie rozwijania interfejsu użytkownika i stylów. Ma nowoczesne elementy interfejsu użytkownika. Możesz przeczytać więcej tutaj tutorialzine.com/2015/07/comparing-bootstrap-with-mdl
Farshid Saberi
2
jeśli musisz obsługiwać IE8 / 9, to projektowanie materiałów nie będzie działać, ponieważ używa układu siatki Flexbox. Wybrałbym nawet TERAZ z kątowym bootstrapem interfejsu użytkownika, ponieważ jest on o wiele bardziej dojrzały niż materiał, który ma wiele błędów ...
Pascal
Rozważone może być również środowisko deweloperskie. W Visual Studio 2015 Bootstrap jest dojrzały i dobrze obsługiwany. Nie uważam, że tak jest w przypadku Materiałów, więc nie używam go w tym momencie. Byłbym zainteresowany, aby zobaczyć, czy inni używający VS2015 mieli taki wniosek.
CYoung
Chcę dodać, że style MD są uciążliwe. Nie chcę też mieszać tych dwóch, kiedy BS ma większość tego, czego potrzebuję. Bardzo lubię MD, ale zaczekam, aż dojrzeje i pozbyje się wbudowanych stylów (które czytałem gdzieś, nad którymi pracowali, choć nie mogę ich teraz znaleźć).
steveareeno

Odpowiedzi:

153

O ile wiem, możesz używać wszystkich wymienionych technologii osobno lub razem. To zależy od Ciebie. Myślę, że patrzysz na problem pod niewłaściwym kątem. Projektowanie materiałów to sposób, w jaki poszczególne elementy strony są projektowane, zachowują się i zestawiane. Material Design zapewnia świetny interfejs użytkownika / UX, ale opiera się na układzie graficznym (HTML / CSS), a nie na JS (zdarzenia, interakcje).

Z drugiej strony, AngularJS i Bootstrap to frameworki, które mogą przyspieszyć twój rozwój, oszczędzając ci pisania wielu ton kodu. Na przykład możesz zbudować aplikację internetową przy użyciu AngularJS, ale bez Material Design. Lub Możesz zbudować prostą stronę HTML5 z Material Design bez AngularJS lub Bootstrap. Wreszcie możesz zbudować aplikację internetową wykorzystującą AngularJS z Bootstrap i Material Design. To najlepszy scenariusz. Wszystkie technologie wspierają się nawzajem.

  1. Bootstrap = responsywna strona
  2. AngularJS = MVC
  3. Material Design = świetny interfejs użytkownika / UX

Możesz sprawdzić niesamowite komponenty do projektowania materiałów dla AngularJS:

https://material.angularjs.org


wprowadź opis zdjęcia tutaj

Demo: https://material.angularjs.org/latest/demo/ wprowadź opis zdjęcia tutaj

Michael Money
źródło
4
Może to być także przydatna witryna: materialup.com/resources , która zawiera przegląd ram projektowania materiałów, w tym. fezvrasta.github.io/bootstrap-material-design
Mathias
3
@MathiasConradt pierwszy adres URL już nie istnieje. Wydaje mi się, że miałeś na myśli materialup.com/posts/c/resources
Bernard
11
To nie jest bardzo dokładny opis ... Zarówno materiał, jak i bootstrap zapewniają responsywny design i świetny interfejs użytkownika / UX. Wygląda na to, że MD jest bardziej dostosowane do mobilnej oglądalności.
Vladimir
2
Ważne jest, aby odróżnić projekt materiału od materiału kątowego . Projektowanie materiałów to język projektowania , materiał kątowy to tylko biblioteka komponentów interfejsu użytkownika korzystająca z MD. Jestem pewien, że znajdziesz motywy i rozszerzenia bootstrap, które wykorzystują projektowanie materiałów.
Jens
1
Chciałbym powtórzyć echo @Jens powyżej. Chciałbym mieć wygląd i efekty interfejsu użytkownika materiału, mając jednocześnie do dyspozycji elastyczność i znajomość Bootstrap. Myślę, że to kwestia wyboru.
Yousof K.,