Chọn bootstrap vs thiết kế vật liệu [đóng]

181

Tôi sẽ bắt đầu dự án mới bằng AngularJS (stack đầy đủ). Dự án của tôi cần được đáp ứng và tôi sẽ tạo các mẫu từ đầu.

Vì vậy, tôi cần một lời khuyên về việc nên chọn bootstrap 3 (với các chỉ thị góc) hoặc thiết kế vật liệu cho bố cục?

Tôi đánh giá rất cao nếu ai đó có thể liệt kê những ưu và nhược điểm của cả hai.

— Asik
nguồn

github.com/FezVrasta/bootstrap-m vật liệu

— design

bootstrap có một cộng đồng mạnh mẽ phía sau. Hệ thống lưới của nó có nhiều tính năng hơn. thiết kế vật liệu quyết định cách bạn phát triển ui và phong cách. Nó có các yếu tố ui hiện đại. Bạn có thể đọc thêm ở đây tutorialzine.com/2015/07/comparing-bootstrap-with-mdl

— Farshid Saberi

nếu bạn phải hỗ trợ IE8 / 9 thì thiết kế vật liệu sẽ không hoạt động vì nó sử dụng bố trí lưới Flexbox. Tôi thậm chí sẽ đi NGAY BÂY GIỜ với bootstrap góc cạnh vì nó trưởng thành hơn nhiều so với thiết kế vật liệu có nhiều lỗi ...

— Pascal

Môi trường dev cũng có thể là một cân nhắc. Trong Visual Studio 2015, Bootstrap đã trưởng thành và được hỗ trợ tốt. Tôi đã không tìm thấy điều đó đối với Vật liệu và vì vậy tôi không sử dụng nó vào thời điểm này. Sẽ quan tâm xem những người khác sử dụng VS2015 có kết luận này không.

— CYoung

Tôi muốn nói rằng các kiểu nội tuyến của MD là một nỗi đau. Tôi cũng không muốn phải kết hợp cả hai khi BS có hầu hết những gì tôi cần. Tôi rất thích MD nhưng sẽ đợi cho đến khi nó trưởng thành hơn và thoát khỏi các kiểu nội tuyến (mà tôi đã đọc ở đâu đó họ đang làm việc, mặc dù bây giờ tôi không thể tìm thấy nó).

— steveareeno

153

Theo tôi biết bạn có thể sử dụng tất cả các công nghệ được đề cập một cách riêng biệt hoặc cùng nhau. Tuỳ bạn. Tôi nghĩ rằng bạn nhìn vấn đề từ góc độ sai. Thiết kế Vật liệu chỉ là cách các yếu tố cụ thể của trang được thiết kế, ứng xử và kết hợp với nhau. Thiết kế Vật liệu cung cấp UI / UX tuyệt vời, nhưng nó phụ thuộc vào bố cục đồ họa (HTML / CSS) chứ không phải là JS (sự kiện, tương tác).

Mặt khác, AngularJS và Bootstrap là các khung công tác mặt trước có thể tăng tốc độ phát triển của bạn bằng cách tiết kiệm cho bạn khỏi việc viết hàng tấn mã. Ví dụ: bạn có thể xây dựng ứng dụng web sử dụng AngularJS, nhưng không có Thiết kế Vật liệu. Hoặc Bạn có thể xây dựng trang web HTML5 đơn giản với Thiết kế Vật liệu mà không cần AngularJS hoặc Bootstrap. Cuối cùng, bạn có thể xây dựng ứng dụng web sử dụng AngularJS với Bootstrap và với Thiết kế Vật liệu. Đây là kịch bản tốt nhất. Tất cả các công nghệ hỗ trợ lẫn nhau.

Bootstrap = trang đáp ứng
AngularJS = MVC
Thiết kế Vật liệu = UI / UX tuyệt vời

Bạn có thể kiểm tra các thành phần thiết kế vật liệu tuyệt vời cho AngularJS:

https: // vật liệu.angularjs.org

nhập mô tả hình ảnh ở đây

Bản trình diễn: https : //m Material.angularjs.org/latest/demo/ nhập mô tả hình ảnh ở đây

— Tiền Michael
nguồn

Đây cũng có thể là một trang web hữu ích: Materialup.com/resource , cung cấp tổng quan về khung Thiết kế Vật liệu, bao gồm. fezvrasta.github.io/bootstrap-m vật liệu

— Mathias Conradt

@MathiasConradt URL đầu tiên không còn tồn tại nữa. Tôi đoán bạn có nghĩa là Materialup.com/posts/c/resource

— bernard

Đó không phải là một mô tả chính xác ... Cả vật liệu và bootstrap đều cung cấp một thiết kế đáp ứng và UI / UX tuyệt vời. MD dường như được điều chỉnh nhiều hơn theo hướng người xem di động.

— Vladimir

Điều quan trọng là phải phân biệt vật liệu thiết kế từ chất liệu góc . Thiết kế vật liệu là ngôn ngữ thiết kế , vật liệu góc cạnh chỉ là một thư viện thành phần UI sử dụng MD. Tôi chắc chắn bạn có thể tìm thấy các chủ đề và tiện ích mở rộng bootstrap sử dụng thiết kế vật liệu.

— Jens

Tôi muốn lặp lại @Jens ở trên. Tôi muốn có ngoại hình và hiệu ứng UI của Vật liệu trong khi vẫn có sự linh hoạt và quen thuộc của Bootstrap theo ý của tôi. Tôi đoán đó là vấn đề lựa chọn.

— Yousof K.