Hispanopedia WikiMaterial Design (nombre en clave Quantum Paper ) [ 4 ] es un lenguaje de diseño desarrollado por Google en 2014. Ampliando la interfaz de usuario de "tarjetas" que debutó en Google Now , Material Design utiliza diseños basados en cuadrículas, animaciones y transiciones responsivas, relleno y efectos de profundidad como iluminación y sombras. Google anunció la versión inicial de Material Design el 25 de junio de 2014, en la conferencia Google I/O de 2014. [ 5 ]
El propósito del desarrollo de Material Design fue crear un lenguaje visual novedoso, sintetizando los principios clásicos del buen diseño con la innovación y el potencial de la tecnología y la ciencia. El diseñador principal, Matías Duarte, explicó que «a diferencia del papel real, nuestro material digital se expande y se reforma de forma inteligente. El material tiene superficies y bordes físicos. Las costuras y las sombras proporcionan información sobre lo que se puede tocar». Material Design se basa en conceptos de interacción esqueuomórfica, como el papel y la tinta , pero su implementación es más avanzada. [ 6 ] [ 7 ] [ 8 ]
En 2021, Google renovó el lenguaje de diseño, que recibió el nombre de Material You (Material Design 3). [ 9 ] Este lenguaje ofrece mayor flexibilidad a los diseñadores para crear temas personalizados con geometría, colores y tipografía variables. [ 10 ]
En 2025, se presentó la siguiente evolución del lenguaje de diseño, denominada "Material 3 Expressive". [ 11 ]
Implementación
Material Design se ha implementado gradualmente en los productos web y móviles de Google, proporcionando una experiencia consistente en todas las plataformas y aplicaciones. Google también ha lanzado interfaces de programación de aplicaciones (API) para que desarrolladores externos incorporen el lenguaje de diseño en sus aplicaciones. [ 12 ] [ 13 ] [ 14 ]
La implementación canónica de código abierto de Material Design para interfaces de usuario de aplicaciones web se llama Material Web. [ 15 ] Sin embargo, existen otras formas oficiales de hacerlo, como, por ejemplo, usar Flutter [ 16 ] o Jetpack Compose [ 17 ] .
Actualizaciones
Material Design 2
Después de la renovación de 2018, Google comenzó a rediseñar la mayoría de sus aplicaciones basándose en un conjunto actualizado de principios y directrices denominado "Material Design 2", que apareció en Android Pie . [ 18 ] Se centró más en la personalización de los componentes básicos de Material Design para adaptarlos a la marca de los productos en los que se utiliza. [ 19 ] Las directrices actualizadas enfatizan aún más el espacio en blanco, las esquinas redondeadas, los iconos coloridos y las barras de navegación inferiores. Google comenzó a utilizar una versión especial optimizada en tamaño de su fuente propietaria Product Sans llamada Google Sans. [ 20 ]
Material Design 3 (Material You)
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" [ 21 ] ), que enfatizaba una mayor animación, botones más grandes y la capacidad de generar temas de interfaz de usuario personalizados a partir del fondo de pantalla del usuario. [ 22 ] Material You se implementó gradualmente en varias aplicaciones de Google en versiones anteriores de Android en los meses siguientes, y se convirtió en un foco principal en las series de teléfonos inteligentes Pixel 6 y Pixel 6 Pro . [ 23 ] [ 24 ] [ 25 ]
Material 3 Expresivo
En The Android Show: I/O Edition en mayo de 2025, Google anunció "Material 3 Expressive" para Android 16 y Wear OS 6. Esta versión de Material Design comparte similitudes con su predecesora e incluye animaciones mejoradas y un diseño más colorido y divertido. [ 26 ] Se implementó gradualmente en los teléfonos Pixel (Pixel 6 y posteriores) y la tableta Pixel , a partir de septiembre de 2025. [ 27 ]
Véase también
Referencias
- ↑ "Versión 1.12.0" . 2 de mayo de 2024. Consultado el 23 de mayo de 2024 .
- ↑ "Versión 124.2.0" . 26 de abril de 2021. Consultado el 18 de mayo de 2021 .
- ↑ "Versión 14.0.0" . 28 de abril de 2022. Consultado el 28 de octubre de 2022 .
- ↑ "Exclusiva: Documento sobre computación cuántica y el próximo esfuerzo de Google para simplificar la interfaz de usuario consistente" . Techcrunch . 11 de junio de 2014. Consultado el 11 de junio de 2014 .
- ↑ "Diseño material" . PopArt Studio . Consultado el 10 de abril de 2024 .
- ↑ "La nueva interfaz de usuario 'Material Design' de Google llegará a Android, Chrome OS y la web" . Engadget . 25 de junio de 2014. Consultado el 26 de junio de 2014 .
- ↑ "El nuevo y mejorado Android de Google ofrecerá un lenguaje de diseño unificado" . Co.Design . 25 de junio de 2014. Consultado el 26 de junio de 2014 .
- ↑ "Google revela detalles sobre Android L en Google I/O" . Anandtech . Archivado del original el 28 de junio de 2014. Consultado el 26 de junio de 2014 .
- ↑ Pablo Costa (19 de octubre de 2025). "Historia del diseño de Android: Material Design 3: Material You" .
- ↑ "Material Design" . Material Design . Consultado el 3 de junio de 2025 .
- ↑ "Material Design" . Material Design . Consultado el 3 de junio de 2025 .
- ↑ Chris Smith (30 de julio de 2014). "Material Design de Google está a punto de cambiar la forma en que vemos la web mundial" . BGR.
- ↑ "Acabamos de probar la versión preliminar para desarrolladores L de Android" . Engadget . AOL. 26 de junio de 2014. Consultado el 26 de junio de 2014 .
- ↑ "El próximo gran rediseño de Android de Google llegará en otoño" . The Verge . Vox Media. 25 de junio de 2014. Consultado el 26 de junio de 2014 .
- ↑ "Web – Material Design 3" . Archivado del original el 8 de septiembre de 2023.
- ↑ "Material Design 3 para Flutter" . Material Design . Consultado el 28 de marzo de 2026 .
- ↑ "Material Design 3 para Jetpack Compose" . Material Design . Consultado el 28 de marzo de 2026 .
- ↑ Hall, Stephen (26 de abril de 2018). "¿Qué es exactamente este llamado 'Material Design 2' y qué aspecto tendrá?" . 9to5Google . Consultado el 6 de septiembre de 2020 .
- ↑ "Material Design" . Material Design . Consultado el 6 de septiembre de 2020 .
- ↑ Hall, Stephen (2018-05-09). "Ahora lo sabemos: Google Sans es en realidad una versión optimizada en tamaño de Product Sans" . 9to5Google . Recuperado el 2020-09-06 .
- ↑ Material Design [@materialdesign] (27 de octubre de 2021). "Lo último de Material Design ya está disponible. Con Material Design 3, nuestra próxima generación del sistema, presentamos Material You: un nuevo conjunto de funciones que ayudan a personalizar más tus apps. Pruébalo → goo.gle/m3-material-io #AndroidDevSummit" ( Tweet ) . Recuperado el 27 de octubre de 2021 – vía Twitter .
- ↑ Bohn, Dieter (18 de mayo de 2021). "Vista previa de Android 12: primer vistazo al nuevo diseño radical de Google" . The Verge . Consultado el 19 de mayo de 2021 .
- ↑ Warren, Tom (10 de septiembre de 2021). "El diseño Material You de Google llegará a Gmail, Calendar y Docs en Android" . The Verge . Consultado el 19 de septiembre de 2021 .
- ↑ Li, Abner (15 de septiembre de 2021). "Google Fotos lanza el rediseño de Material You, pero sin Dynamic Color" . 9to5Google . Recuperado el 19 de septiembre de 2021 .
- ↑ "Google Contacts ya está recibiendo su renovación de interfaz de usuario Material You" . Android Police . 29 de julio de 2021. Consultado el 19 de septiembre de 2021 .
- ↑ "Android y Wear OS se están renovando por completo" . Google . 13 de mayo de 2025. Consultado el 13 de mayo de 2025 .
- ↑ Malik, Aisha (3 de septiembre de 2025). "Google incorpora Material 3 Expressive al Pixel 6 y dispositivos más recientes, junto con otras características" . TechCrunch . Consultado el 12 de septiembre de 2025 .
Enlaces externos
- Sitio web oficial
- Material Design 1
- Material Design 2
- Material Design 3
- Software de 2014
- Lenguajes de diseño de interfaces gráficas de usuario
- Interfaces de usuario táctiles