124

Ho intenzione di iniziare un nuovo progetto usando AngularJS (stack completo). Il mio progetto deve essere reattivo e creerò i modelli da zero.Scelta bootstrap vs material design

Quindi ho bisogno di un consiglio se scegliere il bootstrap 3 (con le direttive angolari) o il materiale di progettazione per i layout?

Apprezzerei molto se qualcuno potesse elencare i pro & contro di entrambi.

+5

https://github.com/FezVrasta/bootstrap-material-design – cvrebert

+1

bootstrap ha una comunità forte alle spalle. Il suo sistema di griglia ha più funzioni. il design dei materiali determina il modo in cui sviluppi ui e stili. Ha elementi di interfaccia utente moderni. Puoi leggere di più qui http://tutorialzine.com/2015/07/comparing-bootstrap-with-mdl –

+1

se devi supportare IE8/9 quindi la progettazione del materiale non funzionerà in quanto usa il layout della griglia di Flexbox. Vado anche ADESSO con il bootstrap angolare ui perché è molto più maturo del design dei materiali che ha molti bug ... – Pascal

risposta

119

Per quanto ne so è possibile utilizzare tutte le tecnologie citate separatamente o insieme. Tocca a voi. Penso che tu guardi il problema dall'angolo sbagliato. Material Design è proprio il modo in cui elementi particolari della pagina sono progettati, comportati e messi insieme. Material Design offre un'ottima UI/UX, ma si basa sul layout grafico (HTML/CSS) piuttosto che su JS (eventi, interazioni).

D'altra parte, AngularJS e Bootstrap sono framework front-end che possono accelerare lo sviluppo evitando di scrivere tonnellate di codice. Ad esempio, è possibile creare un'app Web che utilizza AngularJS, ma senza Material Design. Oppure puoi costruire una semplice pagina web HTML5 con Material Design senza AngularJS o Bootstrap. Infine puoi creare un'app Web che utilizza AngularJS con Bootstrap e con Material Design. Questo è lo scenario migliore. Tutte le tecnologie si supportano a vicenda.

  1. Bootstrap = pagina reattivo
  2. AngularJS = MVC
  3. Materiale design = grande UI/UX

È possibile controllare materiale impressionante componenti di progettazione per AngularJS:

https://material.angularjs.org


enter image description here

Demo:https://material.angularjs.org/latest/demo/ enter image description here

+4

Questo potrebbe anche essere un sito utile: http://www.materialup.com/resources, che offre una panoramica dei framework di Material Design, incl. https: //fezvrasta.github.io/bootstrap-material-design/ –

+0

Grazie per i vostri commenti Mike :) – Asik

+2

@MathiasConradt il primo URL non esiste più. Immagino che intendessi http://www.materialup.com/posts/c/resources –

Problemi correlati