Qual è il miglior framework front-end per creare un sito web di material design?
Provo a rispondere a questa domanda con i miei 3 anni di esperienza come sviluppatore front-end e UX Designer.
Quando si dice design, non ha un significato/ruoli/responsabilità standard. Questo termine design dipende dal contesto e dalla prospettiva. Si può chiedere di progettare una soluzione o progettare un'idea o progettare un'icona, il significato cambia con il contesto.
Tuffiamoci nel FED (sviluppo front-end), in generale molte grandi aziende come Facebook/Microsoft/Amazon lo sviluppo front-end fa parte del flusso dell'ingegneria del software e non del flusso del design. Queste persone sono chiamate Front-end Engineers.
Ecco cosa non fanno
1. Decidere la dimensione del carattere/colore/colore di sfondo
2. Progettare un layout
3. Progettare un pulsante
4. Decidere i margini e le imbottiture
5. Decidere dove posizionare cosa.
6. Architettura dell'informazione (posizionamento del contenuto/testo creativo dei messaggi di errore)
7. Brainstorm di idee per il design
8. Creare un piccolo grafico fresco
9. Decidere i colori del grafico a barre o a linee.
10. E forse di più....
Ecco cosa fanno
1. Decidere un framework front-end (Angular.js, React.js)
2. Creare l'architettura front-end
3. Costruire CSS scalabile orientato agli oggetti
4. Fare revisioni del codice front-end
5. Preoccuparsi del tempo di caricamento della pagina/cicli di pittura
6. Assicurarsi che non ci siano perdite di memoria/XSS/Global
7. Rendere le animazioni fluide
8. Preoccuparsi della compatibilità cross browser
9. Lavorare con API's
10. Cercare di ridurre le dimensioni dei file CSS/JS
11. Scrivere markup semantico per il design.
12. E molti altri ancora.....
In generale questi sono do e don'ts,
Tuttavia ci sono posti dove i designer faranno lo sviluppo front-end.
Per esempio un designer (o visual designer o UX designer) può usare bootstrap per costruire questi mockup ad alta fedeltà e darli agli sviluppatori in modo che possano riutilizzare il codice e collegarsi al database.
Così il codice dato dall'UX designer può non essere pronto per la produzione, ma aiuta gli ingegneri a capire cosa sta pensando il designer e come il designer vuole che sia implementato.
Expedia dosa questo adesso, così tutti i designer convertono i loro progetti in mockup ad alta fedeltà con alcuni dati immaginari e tutte le interazioni, che possono essere consumati dallo sviluppatore con alcuni ritocchi e modifiche.
Voglio solo menzionare un ruolo in Google chiamato UI Engineer, questo è il ruolo in cui si suppone di fare sia il design UI che lo sviluppo Front-end. :)
E per concludere tutto dipende dalla squadra in cui si lavora.
Articoli simili
- Qualcuno può articolare il Material Design di Google contro il Flat Design di Apple?
- Quali sono alcuni siti web popolari che usano il Material Design di Google?
- Qual è il miglior posto o libro per imparare il Material Design di Android?
- Qual è il miglior framework per sviluppare un sito web e un'app mobile (con funzionalità simili) contemporaneamente?
- Quali sono le buone fonti online per imparare il Material Design di Android?