Memilih desain bootstrap vs material [ditutup]


181

Saya akan memulai proyek baru menggunakan AngularJS (full stack). Proyek saya harus responsif dan saya akan membuat template dari awal.

Jadi saya butuh saran apakah akan memilih bootstrap 3 (dengan arahan sudut) atau desain material untuk tata letak?

Saya akan sangat menghargai jika seseorang dapat mendaftarkan pro & kontra dari keduanya.



1
bootstrap memiliki komunitas yang kuat di belakang. Sistem jaringannya memiliki lebih banyak fitur. desain material menentukan cara Anda mengembangkan ui dan gaya. Ini memiliki elemen ui modern. Anda dapat membaca lebih lanjut di sini tutorialzine.com/2015/07/comparing-bootstrap-with-mdl
Farshid Saberi

2
jika Anda harus mendukung IE8 / 9 maka desain material tidak akan berfungsi karena menggunakan tata letak kotak Flexbox. Saya akan pergi SEKARANG dengan bootstrap sudut ui karena jauh lebih matang daripada desain material yang memiliki banyak bug ...
Pascal

Lingkungan pengembang juga dapat menjadi pertimbangan. Di Visual Studio 2015, Bootstrap sudah matang dan didukung dengan baik. Saya tidak menemukan itu untuk Material dan saya tidak menggunakannya pada saat ini. Akan tertarik untuk melihat apakah orang lain yang menggunakan VS2015 memiliki kesimpulan ini.
CYoung

Saya ingin mengatakan bahwa gaya inline MD sangat menyebalkan. Saya juga tidak mau harus mencampur keduanya ketika BS memiliki sebagian besar yang saya butuhkan. Saya sangat suka MD tetapi akan menunggu sampai lebih matang dan menyingkirkan gaya inline (yang saya baca di suatu tempat mereka kerjakan, meskipun saya tidak dapat menemukannya sekarang).
steveareeno

Jawaban:


153

Sejauh yang saya tahu Anda dapat menggunakan semua teknologi yang disebutkan secara terpisah atau bersama-sama. Terserah kamu. Saya pikir Anda melihat masalahnya dari sudut yang salah. Desain Bahan hanyalah cara elemen-elemen tertentu halaman dirancang, berperilaku dan disatukan. Desain Material menyediakan UI / UX yang hebat, tetapi ia bergantung pada tata letak grafis (HTML / CSS) daripada JS (acara, interaksi).

Di sisi lain, AngularJS dan Bootstrap adalah kerangka kerja front-end yang dapat mempercepat pengembangan Anda dengan menyelamatkan Anda dari menulis banyak kode. Misalnya, Anda dapat membangun aplikasi web menggunakan AngularJS, tetapi tanpa Desain Material. Atau Anda dapat membangun halaman web HTML5 sederhana dengan Desain Material tanpa AngularJS atau Bootstrap. Akhirnya Anda dapat membangun aplikasi web yang menggunakan AngularJS dengan Bootstrap dan dengan Material Design. Ini adalah skenario terbaik. Semua teknologi saling mendukung.

  1. Bootstrap = halaman responsif
  2. AngularJS = MVC
  3. Desain Material = UI / UX yang luar biasa

Anda dapat memeriksa komponen desain bahan yang luar biasa untuk AngularJS:

https://material.angularjs.org


masukkan deskripsi gambar di sini

Demo: https://material.angularjs.org/latest/demo/ masukkan deskripsi gambar di sini


4
Ini mungkin juga situs yang berguna: materialup.com/resources , yang memberikan gambaran umum tentang kerangka kerja Desain Material, termasuk. fezvrasta.github.io/bootstrap-material-design
Mathias Conradt

3
@MathiasConradt URL pertama tidak ada lagi. Saya kira Anda maksud materialup.com/posts/c/resources
bernard

11
Itu bukan deskripsi yang sangat akurat ... Bahan dan bootstrap memberikan desain responsif dan UI / UX yang hebat. MD tampaknya lebih disesuaikan dengan pemirsa seluler.
Vladimir

2
Penting untuk membedakan desain material dari material bersudut . Desain material adalah bahasa desain , materi sudut hanyalah perpustakaan komponen UI yang menggunakan MD. Saya yakin Anda dapat menemukan tema dan ekstensi bootstrap yang menggunakan desain material.
Jens

1
Saya ingin menggema @ Jens di atas. Saya ingin memiliki tampilan dan efek UI dari Material sambil tetap memiliki fleksibilitas dan keakraban Bootstrap yang saya inginkan. Saya kira ini masalah pilihan.
Yousof K.
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.