25 ejemplos de diseño de materiales que te encantarán
Publicado: 2018-07-10Material Design es un lenguaje visual que sintetiza los principios básicos del buen diseño y los combina con la innovación de la ciencia y la tecnología modernas.
Aquí hay algunos ejemplos de diseño de materiales que nos encantaron. Cada uno de estos sigue las tendencias y principios del diseño de materiales y tiene algo único que enseñarte.
Si eres fanático de la limpieza de las interfaces de usuario de Material Design, entonces te encantará esta lista. Reunimos aquí conceptos tanto para aplicaciones como para sitios web, con diferentes paletas de colores, estructuras y diseños. ¡Disfrutar!
¿Quieren más? Echa un vistazo a estos recursos de diseño de materiales, herramientas de color de diseño de materiales y fondos de diseño de materiales gratuitos.
Tablero CryptoAim
CryptoAim es un proyecto de diseño de materiales genial para una aplicación que le permite verificar las tendencias de búsqueda de muchas criptomonedas diferentes. Tiene una interfaz de usuario oscura con detalles modernos y limpios.
La agencia
Aquí hay un sitio web de maqueta basado en las tendencias de diseño de materiales. Combina con éxito colores vibrantes de neón de una manera innovadora. ¿Quién hubiera pensado que el amarillo, el azul y el morado iban tan bien juntos en la misma paleta de colores?
Concepto de menú vertical
Echa un vistazo a este concepto de menú vertical que sigue las tendencias de Material Design. Cuando está cerca de un borde de la pantalla, este menú simple se realinea verticalmente para que todos los elementos del menú sean completamente visibles.
Herramienta de estrategia de contenido
Este es el diseño de una herramienta de estrategia de contenidos. Tiene una interfaz de usuario de colores vibrantes con elementos simples y cuidadosamente detallados. Contiene un indicador de progreso y actividad que es una indicación visual de los pasos que el usuario debe seguir para usar la aplicación.
Receptiva – Móvil
Este es un sistema genial creado para la empresa Tec Mobile. Su propósito es proporcionar una experiencia de gestión de eventos limpia, haciéndola fácil y rápida, tanto para el organizador del evento como para los empleados que trabajan allí. El diseño sigue las tendencias de Material e incluye un sistema web administrativo y aplicaciones para tabletas y móviles.
Aplicación CasualTrack
Este es el diseño de una aplicación para Android llamada CasualTrack. Esta estructura incluye una barra de aplicaciones permanente en la parte superior y un botón de acción flotante en la parte inferior derecha del sitio.
Redactor en línea
Aquí hay un excelente diseño de editor en línea creado con la ayuda de los principios de diseño de materiales. Incluye cuadros de diálogo que informan a los usuarios sobre tareas específicas.
Crítica sensorial
Este es el concepto de rediseño de Sens Critique, una aplicación cultural francesa que puedes usar para descubrir, calificar y comentar películas, series, música, libros y más. Contiene listas de cuadrícula, una alternativa a las vistas de lista estándar, que mejoran la comprensión visual del contenido que ofrecen.
SDK móvil: venta de entradas, chat, artículos en Android
Estos son algunos ejemplos de pantallas para Zendesk Mobile SDK en Android. Contiene un botón de acción flotante que representa la acción principal en la aplicación. tiene forma de círculo, con un ícono en el medio, flotando sobre la interfaz de usuario en la esquina inferior derecha de la pantalla.
Tendencias: desafío diario de la interfaz de usuario 069
Aquí está el diseño de una aplicación de imágenes de archivo que muestra la imagen de tendencia en la parte superior. Ofrece una experiencia unificada en todas las plataformas y dispositivos e incluye algunos preceptos móviles esenciales.
Diseño de interfaz de usuario de publicación de blog
Hay un gran uso de la tipografía en este concepto de diseño de materiales para una publicación de blog, sin embargo, el tamaño de la fuente debe aumentarse ligeramente.
Fondo de pantalla de diseño de materiales
¿Eres fanático del diseño de materiales? Descargue este fondo de pantalla gratuito y úselo para la pantalla de su teléfono o escritorio.
Concepto de interfaz de usuario de la aplicación de aprendizaje electrónico
Este es un pequeño concepto de interfaz de usuario para una aplicación de cursos de aprendizaje electrónico que utiliza los principios de Material Design 2.0. ¡Echa un vistazo a los iconos cuidadosamente elaborados!
Calendario
Este es un diseño de pantalla de calendario para una aplicación utilizada para administrar todas sus cosas importantes. La aplicación incluye este calendario incorporado que le permite ver todos sus eventos.
Aplicación SmartEnergy para iOS
Aquí está el diseño de la aplicación SmartEnergy IOS que le ofrece la manera fácil de conectarse a la placa base de energía de su hogar desde su teléfono inteligente.
Concepto de rediseño de música de Google Play
Este es un concepto de rediseño de música de Google Play que sigue todos los principios de Material design 2.0. Compruébelo en detalle.
aplicación primera cita
Estas son algunas imágenes de Material Design para la incorporación de la aplicación Firstdate para iOS. Incluye hermosas ilustraciones y un flujo limpio y fácil de usar.
Diseño de aplicaciones
Color in Material Design está inspirado en colores llamativos colocados en ambientes neutros. También contiene sombras profundas y reflejos brillantes, que son otras dos características del diseño a continuación.
Aplicación de inspección de campo
Aquí hay un concepto de aplicación móvil de Field Inspector que se usa para monitorear y auditar objetos. Estas son las pantallas que muestran el menú principal, los objetos en el mapa y la lista de parámetros que deben verificarse.
Iniciar sesión/Registrarse Animación
Esta paleta de colores está hecha de colores primarios y de acento que han sido diseñados para funcionar juntos en armonía. Este concepto de diseño también tiene una animación fluida que vale la pena ver.
Reserva de hotel – Desafío diario de interfaz de usuario 067
El diseño de materiales se inspira en los elementos de diseño basados en la impresión, como la tipografía, el color y las imágenes, y los adapta a la web para crear jerarquía y enfoque. Esto es exactamente lo que hace el diseño a continuación, con sus cuadrículas de referencia y plantillas estructurales. Ofrece una solución consistente mediante la repetición de elementos visuales y cuadrículas estructurales.
Diseño del sitio web de Natgeo
En Material design, las propiedades físicas del papel, como la planitud y la opacidad, se trasladan a la pantalla. Aquí hay un ejemplo de este principio a continuación.
Aplicación Android GrandPad – Rediseño
Este es el rediseño de la aplicación complementaria de Android de GrandPad. Este rediseño de la aplicación iOS aprovecha la flexibilidad de Material Design y el nuevo componente de material Extended FAB.
Servicio: Gráfico
Material design crea un lenguaje visual para los usuarios que sintetiza los principios básicos del buen diseño y los moderniza. Aquí hay un ejemplo de un gráfico de icono que hace precisamente eso.
Diseño de billetera
En el diseño de materiales utilizado en aplicaciones, los menús generalmente aparecen al interactuar con un botón y luego muestran una lista de opciones. ¡Aquí hay un gran ejemplo de eso!
