Material Design (nombre en código Quantum Paper ) [5] 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 iluminación y sombras.
Desarrollador (es) | |||||||
---|---|---|---|---|---|---|---|
Versión inicial | 25 de junio de 2014 | ||||||
Liberaciones estables [±] | |||||||
| |||||||
Vista previa de la (s) versión (es) [±] | |||||||
| |||||||
Repositorio |
| ||||||
Escrito en | HTML , CSS , Sass (v4), JavaScript , AngularJS , Angular , Java , Objective-C , Swift , Dart | ||||||
Plataforma | Android , iOS , Web | ||||||
Tipo | Software de lenguaje de diseño | ||||||
Licencia |
| ||||||
Sitio web | material |
Google anunció Material Design el 25 de junio de 2014, en la conferencia Google I / O de 2014 .
Descripción general
El objetivo principal del diseño de materiales 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 se puede expandir y reformar de manera inteligente. El material tiene superficies y bordes físicos. Las costuras y las sombras dan significado a lo que se puede 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. [6] [7] [8]
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 diferentes geometrías, colores y tipografías. Google lanzó Material Theme Editor exclusivamente para la aplicación de diseño de macOS Sketch . [9] [10]
Implementación
Material Design se iba a extender gradualmente a toda la gama de productos web y móviles de Google, proporcionando una experiencia uniforme 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. [11] [12] [13]
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, [14] también llamado "Material Design 2", [15] 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 patentada Product Sans de Google llamada Google Sans. [16] Al presentar Android 12 en mayo de 2021, Google reveló un concepto conocido como "Material You", que enfatiza una mayor animación, botones más grandes y la capacidad de generar temas personalizados de IU a partir del fondo de pantalla del usuario. [17]
La implementación canónica de Material Design para interfaces de usuario de aplicaciones web se llama Polymer . [18] Consiste en la biblioteca Polymer, un shim que proporciona una API de componentes web para 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 presenta elementos visuales del Material Design. [19] [ necesita actualización ] Google también ha creado un conjunto de iconos adjunto con licencia de Apache 2.0. [20]
Ver también
- Historial de versiones de Android
- Comparación de implementaciones de Material Design
- Diseño plano
- Sistema de diseño fluido
- Directrices de interfaz humana
- Metro (lenguaje de diseño)
Referencias
- ^ "Versión 1.3.0 · material-components / material-components-android" . 4 de febrero de 2021 . Consultado el 16 de marzo de 2021 .
- ^ "Versión v124.1.1 · material-componentes / material-componentes-ios" . 16 de marzo de 2021 . Consultado el 16 de marzo de 2021 .
- ^ "Lanzamiento v10.0.0 · material-components / material-components-web" . 5 de febrero de 2021 . Consultado el 16 de marzo de 2021 .
- ^ "Versión 1.4.0-alpha01 · material-components / material-components-android" . 22 de febrero de 2021 . Consultado el 16 de marzo de 2021 .
- ^ "Exclusivo: Quantum Paper y el próximo esfuerzo de Google para simplificar la interfaz de usuario coherente" . Techcrunch . Consultado el 11 de junio de 2014 .
- ^ "La nueva interfaz de usuario de 'Material Design' de Google llegará a Android, Chrome OS y la web" . Engadget . Consultado el 26 de junio de 2014 .
- ^ "El nuevo y mejorado Android de Google ofrecerá un lenguaje de diseño unificado" . Co.Diseño . Consultado el 26 de junio de 2014 .
- ^ "Google revela detalles sobre Android L en Google IO" . Anandtech . Consultado el 26 de junio de 2014 .
- ^ Amadeo, Ron (13 de septiembre de 2018). "Android 9 Pie, revisado a fondo" . Ars Technica . Consultado el 25 de enero de 2019 .
- ^ "Google hace que su sistema de diseño de materiales sea más fácil de personalizar" . TechCrunch . Consultado el 25 de enero de 2019 .
- ^ Chris Smith (30 de julio de 2014). "El Material Design de Google está a punto de cambiar la forma en que vemos la Web en todo el mundo" . BGR.
- ^ "Acabamos de jugar con L Developer Preview de Android" . Engadget . AOL . 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 . Consultado el 26 de junio de 2014 .
- ^ "Diseño de materiales" . Diseño de materiales . Consultado el 6 de septiembre de 2020 .
- ^ Hall, Stephen (26 de abril de 2018). "¿Qué es exactamente el llamado 'Material Design 2' y cómo se verá?" . 9to5Google . Consultado el 6 de septiembre de 2020 .
- ^ Hall, Stephen (9 de mayo de 2018). "Ahora lo sabemos: Google Sans es en realidad una versión de Product Sans de tamaño optimizado" . 9to5Google . Consultado el 6 de septiembre de 2020 .
- ^ 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 .
- ^ "Elementos de papel polimérico" . Archivado desde el original el 14 de febrero de 2015.
- ^ "Diseño de materiales con polímero" . Archivado desde el original el 20 de agosto de 2014.
- ^ "Diseño de materiales" . Diseño de materiales . Consultado el 19 de mayo de 2021 .
enlaces externos
- Página web oficial