Вибір завантажувальної та проти матеріальної конструкції [закрито]


181

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

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

Я дуже вдячний, якщо хтось може перелічити плюси і мінуси обох.



1
bootstrap має потужне співтовариство позаду. Його сітка має більше функцій. Дизайн матеріалу диктує те, як ви розробляєте інтерфейс і стилі. У ньому є сучасні елементи інтерфейсу. Більше ви можете прочитати тут tutorialzine.com/2015/07/comparing-bootstrap-with-mdl
Farshid Saberi

2
якщо ви повинні підтримувати IE8 / 9, то дизайн матеріалу не працюватиме, оскільки він використовує макет сітки Flexbox. Я б хотів навіть зараз ЗАРАЗ з кутовим завантажувальним інтерфейсом, оскільки він набагато зріліший за матеріальний дизайн, у якому багато помилок ...
Паскаль

Середовище розробників також може бути важливим фактором. У Visual Studio 2015 Bootstrap зрілий і добре підтримується. Я не вважав, що це так для Матеріалів, і на даний момент не використовую його. Було б цікаво дізнатися, чи мали інші висновки, які використовують VS2015.
CYoung

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

Відповіді:


153

Наскільки я знаю, ви можете використовувати всі згадані технології окремо або разом. Тобі вирішувати. Я думаю, що ви дивитесь на проблему з неправильного кута. Дизайн матеріалів - це лише те, як окремі елементи сторінки розробляються, поводяться та складаються разом. Матеріал дизайну забезпечує чудовий інтерфейс / UX, але він спирається на графічний макет (HTML / CSS), а не на JS (події, взаємодії).

З іншого боку, AngularJS і Bootstrap - це фронтальні рамки, які можуть прискорити ваш розвиток, заощадивши вас від написання тонн коду. Наприклад, ви можете створити веб-додаток, використовуючи AngularJS, але без Material Design. Або ви можете створити просту веб-сторінку HTML5 за допомогою Дизайну матеріалів без AngularJS або Bootstrap. Нарешті, ви можете створити веб-додаток, який використовує AngularJS з Bootstrap та з Material Design. Це найкращий сценарій. Всі технології підтримують один одного.

  1. Bootstrap = чуйна сторінка
  2. КутовийJS = MVC
  3. Дизайн матеріалу = великий UI / UX

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

https://material.angularjs.org


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

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


4
Це також може бути корисним веб-сайтом: materialup.com/resources , який дає огляд структур матеріального дизайну, в т.ч. fezvrasta.github.io/bootstrap-material-design
Mathias Conradt

3
Перша URL-адреса @MathiasConradt більше не існує. Я думаю, ви мали на увазі materialup.com/posts/c/resources
bernard

11
Це не дуже точний опис ... І матеріал, і завантажувальний пристрій забезпечують чуйну конструкцію та чудовий інтерфейс користувача / UX. Здається, доктор медицини більше орієнтований на перегляд мобільних пристроїв.
Володимир

2
Важливо відрізняти конструкцію матеріалу від кутового матеріалу . Дизайн матеріалів - мова дизайну , кутовий матеріал - це лише бібліотека компонентів інтерфейсу, яка використовує MD. Я впевнений, що ви можете знайти теми та розширення для завантаження, які використовують дизайн матеріалу.
Єнс

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