En 2014, Google anunció el lanzamiento de Diseño de materiales ". Su objetivo original era abordar cuestiones con el diseño de aplicaciones para dispositivos Android. El argumento era que " Diseño plana "No se visualiza bien en pantallas pequeñas. Consideraron que el diseño carece de señales visuales claras y dificulta la usabilidad de los usuarios móviles.
Matías Duarte, vicepresidente de Google Design, explicó:
“A diferencia del papel real, nuestro 'Diseño de materiales' puede crecer y adaptarse de forma inteligente. el Material ofrece superficies físicas y planas, con sombras que dan sentido a lo que se toca ”.
Y eso es básicamente lo que es ahora el diseño de hardware: una forma de hacer que los elementos de una aplicación parezcan tocables.
Al lanzar el nuevo lenguaje y las pautas de Material Design, Google espera resolver los problemas de UX (Experiencia del usuario) y la confusión de los usuarios de las aplicaciones de Android. Dos años después, su Framework ha ido más allá del campo de las aplicaciones móviles y ahora es un principio que se utiliza regularmente en el diseño web.
A continuación, sugiero algunas fuentes donde encontrará Recursos para integrar Material Design en su blog de WordPress.
1 - Behance
El ejemplo perfecto de un sitio para aprender diseño de aplicaciones con el " Diseño de materiales ". Behance tiene innumerables consejos y ejemplos que puede utilizar como inspiración. Behance también hace uso del " Diseño de materiales En su propio sitio, con cuadros que cuelgan sutilmente de la cuadrícula, sombras intermedias para llamar la atención y marcadores claros para acciones en las que se puede hacer clic.
2 - CodePen
Descargar
CodePen, el 'campo de juegos para desarrolladores' autoasignado, es la mina de oro de un desarrollador cuando se trata de ' Diseño de materiales ". No solo tendrá algunos ejemplos realmente geniales, sino que también podrá ver CSS, HTML y JavaScript que los desarrolladores usan para crear varios sitios web.
3 - Dribbble
Si no está familiarizado con este último, Dribble es una red social para diseñadores, desarrolladores, artistas y otros interesados en el " Diseño ". Una búsqueda de " Diseño de materiales Dentro de su sitio solo le mostraremos cómo la tecnología de Diseño de materiales Es omnipresente. Aquí encontrará inspiración para algo tan simple como un icono para diseñar un sitio web completo.
4 - Premios de diseño de materiales de Google Design
Un año después de que Google lanzó Material Design, honraron a seis de las mejores aplicaciones que usan el Framework en "Premios de Diseño de materiales ". Reconocerá una gran cantidad de sitios en esta lista honorífica. Si quieres ver el potencial de Diseño de materiales ”, Te animamos a que eches un vistazo a esta lista. Si Google se toma el tiempo para etiquetar una fuente, entonces vale la pena el desvío.
5 - Hecho con material
Este sitio, que data de noviembre de 2014, ofrece una gran fuente de inspiración para " Diseño de materiales ". La mayor parte del sitio incluye capturas de pantalla de alta resolución de sitios web y aplicaciones móviles que utilizan el " Diseño de materiales ". Y aunque puede ser fácil perderse en estos ejemplos inspiradores, no olvide consultar la documentación que han incluido para los desarrolladores en la barra lateral superior derecha. Esta documentación será útil si desea desarrollar con el " Diseño de materiales ".
6 - Blog de diseño de materiales
Este blog es uno de nuestros favoritos, no solo porque cubre una gran cantidad de herramientas y temas que podrían interesarle cuando se trata de este tema, sino también porque hace un trabajo increíble mostrándote técnicas de diseño con "Material Design". Si no ha tenido la oportunidad de ver sus animaciones en acción, visite el sitio y haga clic en una de sus publicaciones de blog.
7 - MaterialUp
Parte de la familia de los sitios. Uplabs MaterialUp tiene que ver con el diseño de materiales: sitios web de muestra, capturas de pantalla de aplicaciones móviles, herramientas, consejos y más. Incluso si no puede encontrar nada útil en este momento, eche un vistazo al diseño de su sitio web. El diseño y la apariencia recuerdan a Google Drive, ¿verdad? Si estás buscando un recurso se puede confiar, se puede recurrir a este sitio web?
8 - Pinterest
Si alguna vez un sitio fuera nombrado como la principal fuente de inspiración para los "diseñadores", Pinterest compartirá este honor con Behance. Con una búsqueda rápida del término "Diseño de materiales Tiene acceso instantáneo a videos e imágenes de sitios web y aplicaciones que utilizan este marco.
Eso es todo por esta lista de Recursos para el " Diseño de materiales ". Siéntase libre de compartirlo con sus amigos en sus redes sociales favoritas.
