Ulteriori informazioni su Bootstrap e Material Design
Bootstrap
Nel 2011, un gruppo di ingegneri di Twitter ha deciso di creare Bootstrap come soluzione interna per i loro problemi di programmazione. Tecnicamente, il loro piano era di creare uno strumento senza una certa struttura di codice.
Ogni programmatore può avere il proprio modo di creare le proprie opere d’arte. Questo di solito porta ad alcune incertezze quando un altro programmatore, diciamo un principiante, cerca di leggere il codice. Per questo motivo, Mark Otto e Jacob Thorton di Twitter hanno progettato Bootstrap, un modo per convincere i programmatori a unificare i loro modelli di scrittura del codice ed evitare di creare differenze nel processo. I benefici che Bootstrap ha portato al loro lavoro quotidiano erano semplicemente inestimabili.
Quando i ragazzi di Twitter hanno realizzato il suo vero potenziale, hanno deciso di rilasciarlo come progetto open-source. Con l’aiuto di Github e migliaia di altri programmatori, ci sono voluti solo pochi mesi per brandizzare Bootstrap come lo strumento di sviluppo front-end più popolare per la creazione di progetti web reattivi e mobili.
Così che cosa è esattamente Bootstrap?
Immaginalo come una cassetta degli attrezzi contenente una serie di utili funzioni ed elementi che potrebbero essere utili nel processo di creazione del tuo sito web.
Ti rende in grado di scegliere qualsiasi strumento che ti piace, inoltre puoi essere sicuro che nessuno di questi elementi si scontrerà tra loro. E ‘ come pezzi di puzzle montaggio insieme, ma in questo caso, ogni puzzle si adatta con un altro.
Gli strumenti che hai immaginato nel nostro toolbox Bootstrap sono HTML, CSS e JS tutti combinati. Material Design per Bootstrap è il miglior esempio di come Bootstrap è costantemente in fase di sviluppo e quanto è possibile aggiungere ad esso con l’aiuto di modelli di design e funzionalità da Google Material Design.
Material Design
Material Design è un linguaggio di design, originato da Google, che viene intensamente utilizzato in progetti di interfaccia per il sistema Android. Si può chiedere perché viene utilizzato. La risposta è semplice already è già uno strumento maturo e organizzato che corrisponde all’usabilità e alla leggibilità. Inoltre, si sta sviluppando e cambiando dinamicamente. Il risultato è uno strumento che può essere una partita perfetta per gli schermi, così come il punto di partenza per le persone inesperte nella progettazione UI/UX.
La base di MD è già ben consolidata dai designer di siti web e UI/UX che ci hanno lavorato a lungo. Ciò che lo distingue dagli altri strumenti è il fatto che puoi usarlo in ogni tipo di progetto su cui stai lavorando perché è facile trovare le pratiche consigliate in ogni set di progetti. Le convenzioni pongono l’accento su:
I materiali come metafora in in questo contesto, è una metafora dello spazio per il foglio e l’inchiostro. Le cose reali che vengono utilizzate in questo strumento sono la luce e lo spazio, supportati da attributi spaziali unici che si distinguono nel campo delle forme digitali. Le caratteristiche di MD sono le ombre che sono molto diffuse. Riflette il comportamento delle cose reali che esistono nella realtà
Significato Meaning un incentivo di MD è la stampa di design, che riflette in una griglia molto ben progettata, l’importanza della tipografia e dei colori.
Movimento & Animazione MD MD non solo supporta una forma statica di progettazione di stampa, ma include anche i media digitali, basati sulle leggi della fisica. Ci dà la possibilità di conciliare l’utilità con l’estetica, che è molto importante al giorno d’oggi.
Una delle metafore più importanti in MD è un materiale che ha la sua posizione nello spazio sull’asse Z, quindi possiamo dire se è più vicino o più lontano da un utente. La metafora si riferisce al cosiddetto valore di Elevazione. Ciò che è interessante, è il fatto che questo valore simula posizioni più alte e più basse nello spazio mediante ombreggiatura opportunamente selezionata.
Cos’altro è importante negli attributi di Material Design?
– Colori distintivi e ben scelti
-Icone semplici e facili da usare
– Grafica e immagini che sono un ulteriore punto di riferimento per il contenuto
– Tipografia semplice, ma allo stesso tempo elegante basata sul carattere Roboto