Material Design
Material Design (nom en còdic Quàntum Paper)[1] és un llenguage de disseny desenrollat per Google en 2014. Ampliant les "targetes" que varen debutar en Google Now , Material Design utilisa més dissenys basats en cuadrículas, animacions i transicions receptives, farcidura i profunditat, efectes com a llums i ombres. Google va anunciar Material Design el 25 de juny de 2014, en la conferència Google I/O de 2014.
L'objectiu principal de Material Design és la creació d'un nou llenguage visual que combine els principis del bon disseny en l'innovació tècnica i científica. El dissenyador Matías Duarte va explicar que, «a diferència del paper real, el nostre material digital pot expandir-se i reformar-se de manera inteligent. El material té superfícies i vores físiques. Les costures i les ombres brinden significat sobre lo que pots tocar». Google afirma que el seu nou llenguage de disseny es basa en paper i tinta, pero l'implementació es porta a terme de manera alvançada.[2][3][4]
En 2018, Google va detallar una renovació del llenguage, en un enfocament en brindar més flexibilitat als dissenyadors per a crear «temes» personalisats en geometria, colors i tipografia variables. Google va llançar Material Theme Editor exclusivament per a l'aplicació de disseny de macOS Sketch.[5][6]
Inspiració
[editar | editar còdic]Google prèviament va realisar dissenys per a canviar els interfaços de les seues aplicacions per a mòvils. El proyecte va ser anomenat internament com Hera.[7] Més alvance va ser renomenat com a Quàntum Paper.[8] Per al disseny els desenrolladors es varen inspirar en la tinta i el paper per a crear este llenguage de disseny.[9]
Material es tracta d'un disseny més net, en el que predominen animacions i transicions de resposta, la farcidura i els efectes de profunditat tals com l'allumenament i les ombres. El vicepresident de disseny de Google, Matías Duarte, va explicar que "a diferència del paper, el disseny Material es pot ampliar i redimensionar de manera inteligent. Material Design té superfícies físiques i vores. Les escenes i ombres proporcionen significat sobre lo que es pot tocar i cóm es va a moure".[10][11][12]
Implementació
[editar | editar còdic]Material Design s'estendria gradualment a tota la gama de productes web i mòvils de Google, brindant una experiència consistent en totes les plataformes i aplicacions. Google també ha llançat interfaços de programació d'aplicacions (API) per a que els desenrolladors externs incorporen el llenguage de disseny en les seues aplicacions.[13][14][15]
A partir de 2015 la majoria de les aplicacions mòvils de Google per a Android s'havia aplicat el nou llenguage de disseny, incloent Gmail, YouTube, Google Drive, Google Docs, Sheets i Slides, Google Maps, Inbox, totes les aplicacions de Google Play en la marca, i una més chicoteta mida el navegador Chrome i Google Keep. L'escritori d'un interfaç web de Google Drive, Docs, Sheets, diapositives i la font d'entrada ho han incorporat també.
L'implementació canònica de Material Design per a les interfaços d'usuari d'aplicacions Web es diu Polymer.[16] Consistix en la biblioteca de Polymer, una correcció que proporciona una API de Components Web per als navegadors que no implementen l'estàndart de forma nativa, i un catàlec d'elements, inclosa la "colecció d'elements de paper" que conta en elements visuals de Material Design.[17] Google també ha creat un conjunt d'icons que ho acompanya en la llicencia Apache 2.0.[18]
Vore també
[editar | editar còdic]Referències
[editar | editar còdic]- ↑ «androidpolice. com/2014/06/11/exclusive-quàntum-paper-and-googles-upcoming-effort-to-make-consistent-ui-simple/ Exclusive: Quàntum Paper And Google's Upcoming Effort To Make Consistent UI Simple».
- ↑ «engadget. com/2014/06/25/googles-new-design-language-is-called-material-design/ Google's new 'Material Design' UI coming to Android, Chrome VOS and the web».
- ↑ «fastcodesign. com/3032378/googles-new-improved-android-will-deliver-a-unified-design-language Google's New, Improved Android Will Deliver A Unified Design Language».
- ↑ «anandtech. com/show/8207/google-reveals-details-about-android-l-at-google-io Google Reveals Details About Android L at Google IO».
- ↑ Amadeo, Ron (2018-09-13). «com/gadgets/2018/09/android-9-peu-thoroughly-reviewed/ Android 9 Peu, thoroughly reviewed».
- ↑ «com/2018/05/08/google-makes-its-material-design-system-easier-to-customize/ Google makes its Material Design system easier to customize».
- ↑ «androidpolice. com/2014/06/25/io-2014-hera-confirmed-android-l-will-allow-chrome-tabs-and-other-apps-to-fill-multiple-recents-slots-with-new-api/ Google's next big Android redesign is coming in the fall». Illogical Robot. Consultat el 18 d'agost de 2015.
- ↑ «xatakandroid. com/sistema-operatiu/quàntum-paper-asi-sera-la-nova-filosofia-de-diseno-de-google-per a-els seus-servicis-i-android Quàntum Paper, aixina serà la nova filosofia de disseny de Google per als seus servicis i Android». Consultat el 18 d'agost de 2015.
- ↑ «elandroidelibre. com/2014/11/que-és-material-design. html ¿Qué és Material Design?». Consultat el 18 d'agost de 2015.
- ↑ «engadget. com/2014/06/25/googles-new-design-language-is-called-material-design/ Google's new 'Material Design' UI coming to Android, Chrome VOS and the web». Consultat el 26 de juny de 2014.
- ↑ «anandtech. com/show/8207/google-reveals-details-about-android-l-at-google-io Google Reveals Details About Android L at Google IO». Consultat el 26 de juny de 2014.
- ↑ «fastcodesign. com/3032378/googles-new-improved-android-will-deliver-a-unified-design-language Google's New, Improved Android Will Deliver A Unified Design Language». Consultat el 26 de juny de 2014.
- ↑ Chris Smith (2014-07-30). «com/2014/07/30/google-drive-material-design-update/ Google's Material Design is about to change the way we look at the worldwide web». BGR.
- ↑ «engadget. com/2014/06/26/android-developer-preview-hands-on/ We just played with Android's L Developer Preview». AOL.
- ↑ «theverge. com/2014/6/25/5841302/google-announces-the-next-android Google's next big Android redesign is coming in the fall». Vox Mija.
- ↑ «polymer-project. org/docs/elements/paper-elements. html Polymer paper elements».
- ↑ «polymer-project. org/docs/elements/material. html Material design with Polymer».
- ↑ «io/blog/google-fonts-material-icons Material Design» (en en).
- Este artícul conté una traducció derivada de «Material Design» de Wikipedia en castellà publicada baix la Llicència de documentació lliure de GNU i la Llicència Creative Commons Reconeiximent-CompartirIgual 4.0 Internacional.