40 Recursos Gratuitos de Material Design para Diseñadores
Diane Parks
Material design es una de las tendencias más populares de los últimos 2 años. Comenzó como un conjunto de directrices de Google, que se utilizó para unificar sus interfaces de usuario. Pero hoy en día muchos diseñadores profesionales adoptan sus principios, en primer lugar porque esta tendencia centra en la facilidad de uso y tiene un aspecto más fresco que el diseño plano simple.
Si deseas comenzar a diseñar sitios y aplicaciones en este estilo, primero, echa un vistazo a lo que Google dice acerca de esta tendencia, y a continuación, navega por esta galería de recursos gratuitos para recoger algo a tu gusto. Los 40 freebies ofrecidos aquí pueden convertirse en una base buena para un proyecto de cualquier tamaño.
Todos los materiales se dividen en 4 secciones: fondos, kits de interfaz de usuario, iconos y frameworks (marcos).
Un conjunto de 40 fondos en alta resolución. Los archivos están disponibles tanto en en mapa de bits (.JPEG), como en vectores (.AI), por lo que puedes editarlos de cualquier manera.
Este paquete incluye 2 diseños de fondo en 5 combinaciones de colores. Los fondos son en alta resolución (5000 * 3000px) y alta definición (300 dpi). Gratis para uso personal y comercial.
Recomendamos utilizar estos fondos para crear banners e imágenes destacados de blog, como sus formas de diamante son los más apropiados para este objetivo.
Este fondo en formato .EPS se distribuye bajo la licencia Creative Commons (Attribution 3.0). Ya que se basa en objetos vectoriales, puedes personalizar sus colores fácilmente.
5 banners con resolución de 1140x600px. Utilizalos para crear imágenes destacadas, cabeceras, fondos para obras de arte, o simplemente como fondos de pantalla de escritorio.
8 patrones muy detallados. A diferencia de otros fondos de esta lista, ellos son sin fisuras, lo que significa que puedes aplicarlos a una superficie de cualquier tamaño sin perder la calidad.
Google es un pionero de la moda en el mundo del diseño, por lo que no puede extrañar que estos materiales gratuitos están disponibles para Sketch. Este UI kit ofrece una variedad de elementos de la interfaz de usuario: menús, botones, globos de texto, y mucho más.
Cisco es un kit de interfaz de usuario PSD que incluye más de 30 pantallas de Android basadas en formas vectoriales. La demo gratis contiene 10 pantallas.
Los autores de InvisionApp saben cómo promover sus servicios: su kit de interfaz de usuario es inmenso. Contiene 130 pantallas, 10 temas y más de 250 componentes de diseño. Y es gratis!
DiscoMusica es un kit multiuso adecuado tanto para diseños web, como para diseños de aplicaciones. Debido a su estructura, puedes utilizarlo para crear un sitio web educativo con cursos en línea.
Este UI kit está diseñado en los colores poco comunes para material design e incluye todo lo necesario para diseñar una aplicación móvil impresionante.
Materialize es un marco CSS muy popular para todos los aficionados a material design. Incluye una amplia documentación y es, en general, muy fácil de usar.
Material UI es uno de los marcos más mencionados, junto con Materialize. Está construido a base de React - una biblioteca JS para crear interfaces de usuario.
Como su nombre indica, Material Design Lite es una aplicación ligera y fácil de usar. Sin embargo, estas características no significan que su funcionalidad es limitada. Esta biblioteca de componentes te ayuda a implementar tales elementos de diseño moderno, como tarjetas, sliders, toggles y muchos más.
MUI es un marco CSS ligero que sigue las directrices de Google. Así como Material UI, funciona a base de la biblioteca JS React, por lo que es muy fácil de usar.
Angular Material es un marco de interfaz de usuario para los usuarios de AngularJS. Te da el control sobre una gran colección de componentes de interfaz de usuario que cumplen con las directrices del Google.
ZURB Foundation es un marco popular entre los desarrolladores de Magento. Esta es la versión 'material' de este marco que combina los principios de codificación de ZURB, pero está optimizada para la creación de sitios web en material design.
