#polymer #gdg #messina
Material Design +Salvino Fidacaro
GDG Nebrodi Main Manager
+
Goowai Edit™ Founder
Salvino Fidacaro creative developer
Bizzwai™ CEO & Co-Founder
[email protected] @fidacaro
Intel™ Software Innovator
Material Design
?
Chi lo conosce?
Presentato al pubblico nel 2014 In occasione della Google IO
Oggi presente in oltre
200 K applicazioni Trend d’interesse nel tempo
+
g. co/materialshowcase Guardate
Dopo l’adozione si registrano: +
Maggiore soddisfazione degli utenti
+
Incremento del numero d'installazioni
+
Aumento delle sessioni d’uso
Di cosa si tratta? Perché? >
Un nuovo linguaggio visivo per la creazione di interfacce grafiche audaci. Font
Colore
Posizione
Scala
Forma
Prendono i principi classici della stampa
I materiali prendono energia tramite l’ azione degli utenti.
Ogni pixel di una app è come un punto di inchiostro su un foglio di carta.
La carta non ha colore, ma l’inchiostro può essere di qualsiasi colore.
Il Colore è la modalità per visualizzare tutti i contenuti. Foto
Video
Testo
Un display come la carta può avere diverse dimensioni. Y X
+
48 px
E il suo contenuto può riempire tutto il foglio o soltanto quanto basta ad un pulsante.
Il contenuto può avere qualunque dimensione.
Importante che si adatti alla sua carta, in modo che possa essere visto.
Per gli informatici stiamo parlando di
Responsive
La carta ha uno spessore Il suo spessore non è mai zero
Questo la rende tattile e vitale, questa è materia reale.
Questi sono i principi di base. Ma come fanno questi materiali a vivere e muoversi all’interno di una struttura più complessa?
z-depth motion
Dobbiamo parlare di PROFONDITA’
Se pensate un attimo si tratta di ...
Teoria delle ombre e…
Animazione
Adesso è possibile modificare le dimensioni della carta
Abbiamo 2 modi per muovere 2 fogli di carta
Un pulsante FAB può cavalcare una cucitura se si riferisce a tutte e due.
Floating Action Button
Material Design breakpoints
Impariamo ad usare le giuste dimensioni
SP scale independent pixel
Il colore utilizzato per comunicare
Ma ricordiamoci che il colore è anche dentro l’immagine.
Material Design Lite Librerie Pronte all’uso
Nuove risorse Per material design
design.google.com
materialpalette.com
www.google.com/design/spec/material-design
design.google.com/icons/
Adesso anche in TV | Auto | VR
Quindi Material Design è...
Grazie
+
Salvino Fidacaro
Rispondo alle vostre domande durante la pausa.
creative developer
[email protected] @fidacaro
Scrivetemi nei social del GDG Nebrodi