15 Marcos de diseño de materiales de materiales libres 2021

El diseño de Google Materials ha superado con creces lo que muchos diseñadores predijeron al principio y ahora es un estándar estándar estándar utilizado para el desarrollo de sitios web móviles, aplicaciones de Android y también escritorio de software. Google ha ido hasta la implementación de la aplicación de diseño de diseño en su propio constructor de sitios web; Uno que parecía bastante feo y lentamente recientemente, pero ahora es capaz de producir sitios web increíblemente hermosos. No tiene que seguir ciegamente las instrucciones porque alguien dice que es justo. Su juicio como diseñador es el mejor activo para proyectos reales y únicos que se destacan. Tome del diseño del material que cree que completará sus ideologías, luego cree una acumulación allí. Puede usar sus propias elecciones personales para mejorar aún más la experiencia de diseño. Google ciertamente tiene un talento para discutir e investigar elementos de la interfaz de usuario y usuario de tamaño de usuario, pero cuando lo piensa, su proyecto es único, los datos demográficos y los tipos públicos son únicos y, a veces, debe seguir estos pasos hasta que cree un Diseñe que resalte los mejores valores del negocio o proyecto que construye.
Los marcos que va a descubrir son las soluciones perfectas para probar el diseño de materiales. Quizás la mejor manera de hacer esto sería crear un proyecto secundario que pueda destruir el fin de semana, para que no le moleste desde el flujo de trabajo principal y luego, si cree que hay una conexión allí, comienza a crear en casa Hojas sobre cómo implementar el diseño de materiales en sus aplicaciones / sitios web en el futuro. Si hemos perdido algún marco importante / útil para este resumen, danos una mención en los comentarios y lo trataremos. Materializamaterialize es un marco de desarrollo web completamente basado basado en las especificaciones de diseño de materiales, es uno de los principales marcos de diseño de materiales, ya que ofrece un núcleo rápido, enfocado y fácil de navegar para el prototipo rápido de los sitios web modernos. El marco toma qué ofrecer el diseño del material y lo coloca en un solo cuadro que hace que todos los elementos sean accesibles rápidamente y sin problemas. Los componentes basados ​​en comentarios mejorarán drásticamente su experiencia de usuario, porque los usuarios pueden comprender mejor el significado de los elementos de diseño individuales.

Y dado que este es un marco, esperará ver algunas funcionalidades CSS, como las cuadrículas incorporadas, y esto es correcto en este caso, Matterliz le ofrece colores, cuadrículas, ayudas, gestión de medios, archivos SASS, gestión de mesa, optimización La tipografía de la tipografía y optimizaciones de las sombras de los elementos, por lo que puede crear rápidamente un esqueleto de lo que desea construir, y luego usar los componentes MD optimizados para dar vida al diseño. Descargar material rápido
Usted es un desarrollador activo de Swift, pero no está seguro de cómo podría implementar el diseño del material en sus aplicaciones rápidas. El material de Cosmicmind se encarga de todo esto, sin esfuerzo. Con esta biblioteca de material de cuadro / veloz, puede usar los componentes MD y puede tener acceso completo a la configuración, hay planes de cuadrícula que generalmente serían necesarios por las complejas interfaces de aplicaciones móviles, obtendrá las capas y vistas estándar que pueden ser utilizado para crear componentes únicos. Otras características incluyen la posibilidad de controlar la navegación, los íconos del diseño de materiales, los botones, los libros, los interruptores y un sistema de menú para construir menús de navegación animados. Swift Material en realidad se llama marco de animación, además de ser aplicaciones móviles tradicionales y hace un trabajo maravilloso, lo que permite a los desarrolladores construir modelos que dependen de animaciones de fluidos para enriquecer la experiencia del usuario.

El marco del material hace que sea muy fácil conectar el diseño del material a su diseño existente. Es un marco completamente receptivo basado en CSS puro. Todo lo que tiene que hacer es adjuntar las hojas de estilo CSS a la carpeta de estilo del sitio web principal y estará listo para irse. Este marco proporciona la elección de un esquema de color oscuro y claro que puede aplicar a través de la clase CSS específica o usar JavaScript para establecer el tema que desea usar. Se pueden usar diferentes efectos de animación, como agregar un meleo a sus formularios existentes para crear una experiencia de usuario más significativa. Los aspectos tipográficos se pueden personalizar de acuerdo con su propio gusto y puede ajustar la apariencia del contenido, ya que mejor se ajustaría a los otros elementos de diseño. Puede cambiar los estilos existentes para usar las especificaciones de diseño para botones, entradas, barras de herramientas, iconos, listas, menús, modelos de tarjetas y cosas como el cambio. No es difícil ponerlo en funcionamiento y podría ser una buena manera de probar si sus usuarios aprecian el diseño del material.
Essence combina dos cosas: Design & React.js Material: si desea un rendimiento web rápido con una especificación de diseño óptima, será difícil igualar las ofertas de esencia para todos los desarrolladores. ¡Todos los componentes del IU que el diseño de los materiales tiene para ofrecer son reconstruidos por React.js si decide optar por la esencia! El resultado final es una elección sorprendente del elemento de interfaz de usuario, que creará una experiencia de usuario única. Essence está fácilmente disponible en NPM para que pueda instalar y comenzar con un comando de instalación simple. Los componentes deberán instalarse y usarse por separado, pero todo va bajo la misma carpeta, lo que sea.

La interfaz de uso de Onsen tiene muchos kilómetros de reputación como uno de los mejores marcos híbridos para construir aplicaciones móviles con HTML5. Esta plataforma de código abierto es completamente gratuita y siempre ha sido, la comprensión moderna de un buen diseño ha ayudado a los desarrolladores de ONSEN a crear elementos de interfaz con el usuario que puede construir experiencias de usuario inigualables. Como marco agnóstico, puede usar Onsen con cualquier otro marco y no se preocupe por las colisiones o los problemas de código. Esto también es lo que sucede en el nuevo Onsen UI V2: son material integrado, Angular 2 y React Design Components para enriquecer la experiencia. Todavía es candidato a la liberación, pero ya lo usan miles. Si tiene la intención de iniciar un producto móvil o comenzar a desarrollar un software móvil, aprender el uso de la interfaz de usuario de Onsen podría agregar una palanca adicional a su CV.
Descargar material CSS

El material CSS es una alternativa ligera que utiliza atributos para definir estilos, en lugar de usar clases. Esto facilita un flujo de trabajo de desarrollo y ciertamente lo hace mucho más fácil. Debido a la naturaleza mínima, literalmente jugará con los componentes mismos, principalmente, estos incluyen colores, tipografía, sombras, rizos, iconos, entradas, formularios, botones, medios de comunicación, libros, paneles, barras de herramientas, listas, páginas y SIDA. El material CSS explica en detalle cada componente específico de la documentación sobre cómo puede usarlo. Descarca Design Lite
Material Design Lite Otra solución fácil para optimizar sus proyectos con una especificación de material. Funciona fácilmente en sitios web que se basan en contenido estático, pero no será un problema implementar en sitios dinámicos. Es una biblioteca CSS independiente que no requiere ningún recurso externo de ningún tipo de trabajo. Con una optimización multidisposición incorporada, se retirará naturalmente si una versión anterior de un navegador intenta acceder al sitio. Puede elegir entre plantillas, como la plantilla de blog, para iniciar el blog o puede usar la versión simple del tema que utiliza el sitio oficial de Android, también hay plantillas para que el tablero implemente detrás del sitio. Su web, una moderna Portfolio para mostrarle los mejores trabajos y los textos optimizados para el texto para las páginas de contenido. Todas las demás cosas, como componentes y estilos, son lo que ya esperaría de un marco que utiliza el diseño de materiales.

Descargar superficie
Parece que muchos desarrolladores ejercen sus habilidades para convertirse en un marco, la superficie es otro marco fácil (en este caso realmente fácil) que tiene un tamaño de aproximadamente 6 kb cuando se minimiza.También se basa en CSS puro, por lo que no tendrá que conectarse con JavaScript en absoluto.Comience accediendo a la documentación de la superficie y aprenda sobre cómo funciona la cuadrícula de superficie, para que tenga un momento más fácil para obtener todos los componentes en la placa.Componentes como animaciones, alertas, placas, elementos plegables, sótanos, modales, soporte de medios, utilidades y consejos de herramientas.Los desarrolladores han hecho esto perfectamente organizado y es más fácil de configurar que contar hasta 1 desde 100.

Materiales le ofrece una selección de componentes React.js que ya han personalizado a partir de la especificación de diseño. Solo hay una cosa más importante sobre el material y la idea de su uso. Primero debe obtener más información sobre React.js y cómo interactúan con Webul y Mobile en general. Debido a que los componentes se basan en React, sería prudente comprender cómo se ve React en el desarrollo web y el tipo de papel que desempeñan en él. El equipo de material también tuvo la amabilidad de ofrecer una gama de plantillas, oscuras y abiertas, y ambos ofrecen un ejemplo de cómo los diferentes componentes y elementos caen en la red. Algunos componentes previamente invisibles incluyen barras de aplicaciones, formulaciones automáticas, avatares, insignias, chips, datapicker, cuadros de diálogo, separadores, cajones de menú, listas, campos de texto, selectores de tiempo y diferentes variedades de barras de herramientas. Y estos son solo algunos de los componentes que están fácilmente disponibles en este cuadro. Descargar Muimui es un marco CSS fácil y rico, que especula sus materiales y diseño de Google. Ofrece a sus usuarios diferentes tipos de aspectos de demostración: blog, página de destino, menú deslizante y cuadro de suscripción en el boletín de información HTML. Solo de estas demostraciones, los desarrolladores pueden descubrir cuán eficiente es el diseño del material y cuán fácil es implementarlo. MUI también funciona con los marcos React.js y Angular.js, por lo que puede conectar sus aplicaciones con el material sin problemas. También hay diferentes componentes web individuales, todos listos para su uso. Descargar material angular
El material angular es la versión oficial del material para proyectos angulares 2. Tiene una página de documentación completa y concisa. Puede mostrarle cuán hermosas pueden mostrar sus aplicaciones cuando se infunden con la interfaz de uso de material. Todos los componentes se proporcionan con ejemplos profundos y opciones adicionales. Con esto, puede aprovechar al máximo lo que este marco tiene para ofrecer. Se proporciona una documentación de API a desarrolladores experimentados que desean llevar el material al siguiente nivel. Descargar el diseño de material para bootstrapbootstrap es sin duda un favorito para muchos de los desarrolladores front-end. Bootstrap empodera a millones de sitios web hoy y todavía hay millones. El diseño del material de bootstrap es un tema de arranque efectivo que utiliza el diseño del material para crear experiencias de diseño espectaculares. Puede elegir entre todos los elementos de bootstrap existentes, los más preferidos. También puede optimizarlos utilizando la interfaz de diseño de material, ¿qué tan grande es esto? Puede tomar una mejora para ir más allá para aquellos que no han usado NPM antes. La documentación parece explicar el proceso de partida bastante bien. Descargar Lumx


LUMX es el primer marco frontal receptivo basado en AngularJS y las especificaciones de diseño de Google.Ofrece un marco CSS completamente construido con SASS y muchos componentes AngularJS.Para usar LUMX, necesitará saber cómo usar Bower para instalar bibliotecas.Si no está familiarizado con Bower, la otra alternativa es la descarga individual de todas las adicciones.Estos incluyen iconos angulares, jQuery, velocidad, momento, bourbon y material.LUMX también utiliza FlexBox para crear sistemas de red estandarizados y receptivos utilizando la propiedad FlexBox.Los componentes LUMX cubren cualquier área y parte de un diseño de diseño tradicional del sitio web.Descargar material iónico
Ionic es el marco híbrido supremo para la construcción de aplicaciones móviles HTML5. Y ahora, ¡toda esa notable potencia se puede llevar a sus aplicaciones con infusión de diseño de material! Ionic lo ofrece ya construido modelos para su aplicación, incluidos los flujos de actividad y las categorías. También puede ayudarlo con listas de funciones, galerías, listas generales, páginas de autenticación y páginas de perfil. Puede iniciar rápidamente una demostración de la interfaz de aplicación general y luego construir su software en la parte superior. El material iónico es perfectamente temeroso. Material Ionic es principalmente una biblioteca de comportamiento y utiliza las convenciones de nombre de color y las clases de elementos iónicos. Detallado a los píxeles en las especificaciones, el material iónico tiene como objetivo seguir las instrucciones de Google para el movimiento, la tinta y la profundidad. A medida que los nuevos componentes y aspectos se agregan a la biblioteca, ha asegurado la atención de calidad a las especificaciones de diseño de material. Descargar Phononphonon Framework ofrece una solución concisa para construir aplicaciones móviles HTML5 utilizando la tecnología de marco híbrido. El lado de fono fuerte es su buena intuición para la rápida escala de sus aplicaciones donde desea estar. También es una biblioteca de interfaces con el usuario que le ofrece herramientas rápidas para crear interfaces. Phonon alcanza una dimensión de aproximadamente 24 kb cuando está completamente reducido y optimizado. Esta es una de las principales razones por las cuales los desarrolladores móviles usan Phonon. ¡Esto está muy por debajo de lo que verías en cuadros como Ionic o Onsen! Descargar