Ir al contenido

Material Design

De Wikipedia, la enciclopedia libre
(Redirigido desde «Material design»)
Una vista de los elementos que conforman el material design.

Material Design (nombre en código Quantum Paper)[1]​ es un lenguaje de diseño desarrollado por Google en 2014. Ampliando las "tarjetas" que debutaron en Google Now , Material Design utiliza más diseños basados ​​en cuadrículas, animaciones y transiciones receptivas, relleno y profundidad, efectos como luces y sombras. Google anunció Material Design el 25 de junio de 2014, en la conferencia Google I/O de 2014.

El objetivo principal de Material Design es la creación de un nuevo lenguaje visual que combine los principios del buen diseño con la innovación técnica y científica. El diseñador Matías Duarte explicó que, "a diferencia del papel real, nuestro material digital puede expandirse y reformarse de manera inteligente. El material tiene superficies y bordes físicos. Las costuras y las sombras brindan significado sobre lo que puedes tocar". Google afirma que su nuevo lenguaje de diseño se basa en papel y tinta, pero la implementación se lleva a cabo de manera avanzada.[2]​[3]​[4]​

En 2018, Google detalló una renovación del lenguaje, con un enfoque en brindar más flexibilidad a los diseñadores para crear "temas" personalizados con geometría, colores y tipografía variables. Google lanzó Material Theme Editor exclusivamente para la aplicación de diseño de macOS Sketch.[5]​[6]​

Inspiración

[editar]

Google previamente realizó diseños para cambiar las interfaces de sus aplicaciones para móviles. El proyecto fue llamado internamente como Hera.[7]​ Más adelante fue renombrado como Quantum Paper.[8]​ Para el diseño los desarrolladores se inspiraron en la tinta y el papel para crear este lenguaje de diseño.[9]​

Material se trata de un diseño más limpio, en el que predominan animaciones y transiciones de respuesta, el relleno y los efectos de profundidad tales como la iluminación y las sombras. El vicepresidente de diseño de Google, Matías Duarte, explicó que "a diferencia del papel, el diseño Material se puede ampliar y redimensionar de manera inteligente. Material Design tiene superficies físicas y bordes. Las escenas y sombras proporcionan significado sobre lo que se puede tocar y cómo se va a mover".[10]​[11]​[12]​

Implementación

[editar]

Material Design se extendería gradualmente a toda la gama de productos web y móviles de Google, brindando una experiencia consistente en todas las plataformas y aplicaciones. Google también ha lanzado interfaces de programación de aplicaciones (API) para que los desarrolladores externos incorporen el lenguaje de diseño en sus aplicaciones.[13]​[14]​[15]​

A partir de 2015 la mayoría de las aplicaciones móviles de Google para Android se había aplicado el nuevo lenguaje de diseño, incluyendo Gmail, YouTube, Google Drive, Google Docs, Sheets and Slides, Google Maps, Inbox, todas las aplicaciones de Google Play con la marca, y una más pequeña medida el navegador Chrome y Google Keep. El escritorio de una interfaz web de Google Drive, Docs, Sheets, diapositivas y la bandeja de entrada lo han incorporado también.

La implementación canónica de Material Design para las interfaces de usuario de aplicaciones Web se llama Polymer.[16]​ Consiste en la biblioteca de Polymer, una corrección que proporciona una API de Componentes Web para los navegadores que no implementan el estándar de forma nativa, y un catálogo de elementos, incluida la "colección de elementos de papel" que cuenta con elementos visuales de Material Design.[17]​ Google también ha creado un conjunto de iconos que lo acompaña con la licencia Apache 2.0.[18]​

Actualizaciones

[editar]

Después de la renovación de 2018, Google comenzó a rediseñar la mayoría de sus aplicaciones en una versión personalizada y adaptada de Material Design llamada Google Material Theme,[19]​ also dubbed "Material Design 2",[20]​ también denominada "Material Design 2" que enfatiza mucho los espacios en blanco, las esquinas redondeadas, iconos coloridos, barras de navegación inferiores y utiliza una versión condensada de tamaño especial de la fuente Product Sans patentada de Google llamada Google Sans.[21]​

En Google I/O en mayo de 2021, Google anunció un nuevo concepto en Android 12 conocido como "Material You" (también conocido como "Material Design 3")[22]​, que enfatiza una mayor animación, botones más grandes y la capacidad de una interfaz de usuario personalizada. temas que se generarán a partir del fondo de pantalla del usuario.[23]​ Material You se implementó gradualmente en varias aplicaciones de Google en versiones anteriores de Android en los meses siguientes, y actuó como un foco importante en las series de teléfonos inteligentes Pixel 6 y Pixel 6 Pro.[24]​[25]​[26]​

Véase también

[editar]

Referencias

[editar]
  1. ↑ «Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple». Techcrunch. Consultado el 11 de junio de 2014. 
  2. ↑ «Google's new 'Material Design' UI coming to Android, Chrome OS and the web». Engadget. Consultado el 26 de junio de 2014. 
  3. ↑ «Google's New, Improved Android Will Deliver A Unified Design Language». Co.Design. Consultado el 26 de junio de 2014. 
  4. ↑ «Google Reveals Details About Android L at Google IO». Anandtech. Consultado el 26 de junio de 2014. 
  5. ↑ Amadeo, Ron (13 de septiembre de 2018). «Android 9 Pie, thoroughly reviewed». Ars Technica. Consultado el 25 de enero de 2019. 
  6. ↑ «Google makes its Material Design system easier to customize». TechCrunch. Consultado el 25 de enero de 2019. 
  7. ↑ «Google's next big Android redesign is coming in the fall». Android Police. Illogical Robot. Consultado el 18 de agosto de 2015. 
  8. ↑ «Quantum Paper, así será la nueva filosofía de diseño de Google para sus servicios y Android». Xataka Android. Consultado el 18 de agosto de 2015. 
  9. ↑ «¿Qué es Material Design?». El Androide Libre. Consultado el 18 de agosto de 2015. 
  10. ↑ «Google's new 'Material Design' UI coming to Android, Chrome OS and the web». Engadget. Consultado el 26 de junio de 2014. 
  11. ↑ «Google Reveals Details About Android L at Google IO». Anandtech. Consultado el 26 de junio de 2014. 
  12. ↑ «Google's New, Improved Android Will Deliver A Unified Design Language». Co.Design. Consultado el 26 de junio de 2014. 
  13. ↑ Chris Smith (30 de julio de 2014). «Google's Material Design is about to change the way we look at the worldwide web». BGR. 
  14. ↑ «We just played with Android's L Developer Preview». Engadget. AOL. Consultado el 26 de junio de 2014. 
  15. ↑ «Google's next big Android redesign is coming in the fall». The Verge. Vox Media. Consultado el 26 de junio de 2014. 
  16. ↑ «Polymer paper elements». Archivado desde el original el 14 de febrero de 2015. 
  17. ↑ «Material design with Polymer». Archivado desde el original el 20 de agosto de 2014. 
  18. ↑ «Material Design». Material Design (en inglés). Consultado el 19 de mayo de 2021. 
  19. ↑ «Material Design». Material Design (en inglés). Consultado el 6 de septiembre de 2020. 
  20. ↑ Hall, Stephen (26 de abril de 2018). «What exactly is this so-called 'Material Design 2,' and what will it look like?». 9to5Google (en inglés estadounidense). Consultado el 6 de septiembre de 2020. 
  21. ↑ Hall, Stephen (9 de mayo de 2018). «Now we know: Google Sans is actually a size-optimized version of Product Sans». 9to5Google (en inglés estadounidense). Consultado el 6 de septiembre de 2020. 
  22. ↑ Material Design [@materialdesign] (17 de octubre de 2021). «🎊 The latest in Material Design is NOW available. With Material Design 3, our next generation of the system, we're introducing Material You — a new set of features that help make your apps more personalized. Give it a try → goo.gle/m3-material-io #AndroidDevSummit» (tuit). Consultado el 17 de octubre de 2021 – via X/Twitter. 
  23. ↑ Bohn, Dieter (18 de mayo de 2021). «Android 12 preview: first look at Google's radical new design». The Verge (en inglés). Consultado el 19 de mayo de 2021. 
  24. ↑ Warren, Tom (10 de septiembre de 2021). «Google's Material You design is coming to Gmail, Calendar, and Docs on Android». The Verge. Consultado el 19 de septiembre de 2021. 
  25. ↑ Li, Abner (15 de septiembre de 2021). «Google Photos rolling out Material You redesign, but without Dynamic Color». 9to5Google. Consultado el 19 de septiembre de 2021. 
  26. ↑ «Google Contacts is already getting its Material You UI makeover». Android Police. 29 de julio de 2021. Consultado el 19 de septiembre de 2021. 

Enlaces externos

[editar]
Obtenido de «https://es.wikipedia.org/w/index.php?title=Material_Design&oldid=162965211»